@hero-design/rn 8.105.3 → 8.105.4

package/types/components/Alert/StyledAlert.d.ts

@@ -1,7 +1,7 @@
 import { View } from 'react-native';
 import type { ViewProps } from 'react-native';
-import { TextProps } from '../Typography/Text';
-import { IconProps } from '../Icon';
+import type { TextProps } from '../Typography/Text';
+import type { IconProps } from '../Icon';
 type ThemeIntent = 'success' | 'info' | 'warning' | 'error' | 'notification';
 declare const Container: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme;

package/types/components/AnimatedScroller/AnimatedFAB.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Animated } from 'react-native';
-import { ActionGroupProps } from '../FAB/ActionGroup';
-import { FABProps } from '../FAB/FAB';
+import type { Animated } from 'react-native';
+import type { ActionGroupProps } from '../FAB/ActionGroup';
+import type { FABProps } from '../FAB/FAB';
 interface AnimatedFABProps {
     fabProps: FABProps | ActionGroupProps;
     contentOffsetY: Animated.Value;

package/types/components/AnimatedScroller/AnimatedScrollable.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { FlatListProps, ScrollViewProps as RnScrollViewProps, SectionListProps } from 'react-native';
-import { ActionGroupProps } from '../FAB/ActionGroup';
-import { FABProps } from '../FAB/FAB';
+import type { FlatListProps, ScrollViewProps as RnScrollViewProps, SectionListProps } from 'react-native';
+import type { ActionGroupProps } from '../FAB/ActionGroup';
+import type { FABProps } from '../FAB/FAB';
 export interface AnimatedScrollerProps<T> {
     /**
      * Scroll component, it can be ScrollView, FlatList or SectionList.

package/types/components/AnimatedScroller/FlatListWithFAB.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { FlatListProps } from 'react-native';
-import { FABProps } from '../FAB/FAB';
-import { ActionGroupProps } from '../FAB/ActionGroup';
+import type { FlatListProps } from 'react-native';
+import type { FABProps } from '../FAB/FAB';
+import type { ActionGroupProps } from '../FAB/ActionGroup';
 export interface FlatListWithFABProps<T> extends FlatListProps<T> {
     /**
      * FAB or FAB.ActionGroup props props.

package/types/components/AnimatedScroller/ScrollViewWithFAB.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ScrollViewProps } from 'react-native';
-import { ActionGroupProps } from '../FAB/ActionGroup';
-import { FABProps } from '../FAB/FAB';
+import type { ScrollViewProps } from 'react-native';
+import type { ActionGroupProps } from '../FAB/ActionGroup';
+import type { FABProps } from '../FAB/FAB';
 export interface ScrollViewWithFABProps extends ScrollViewProps {
     /**
      * FAB or FAB.ActionGroup props props.

package/types/components/AnimatedScroller/SectionListWithFAB.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { SectionListProps } from 'react-native';
-import { ActionGroupProps } from '../FAB/ActionGroup';
-import { FABProps } from '../FAB/FAB';
+import type { SectionListProps } from 'react-native';
+import type { ActionGroupProps } from '../FAB/ActionGroup';
+import type { FABProps } from '../FAB/FAB';
 export interface SectionListWithFABProps<T> extends SectionListProps<T> {
     /**
      * FAB or FAB.ActionGroup props props.

package/types/components/AppCue/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { Placement } from './StyledAppCue';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { Placement } from './StyledAppCue';
 interface AppCueProps {
     content: string | React.ReactElement;
     target: React.ReactElement;

package/types/components/AppCue/utils.d.ts

@@ -1,4 +1,4 @@
-import { Placement } from './StyledAppCue';
+import type { Placement } from './StyledAppCue';
 /**
  * Calculates the position of an element based on its placement relative to a reference position.
  *

package/types/components/Attachment/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { ReactElement } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { IconProps } from '../Icon';
-import { ImageProps } from '../Image';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconProps } from '../Icon';
+import type { ImageProps } from '../Image';
 interface AttachmentProps {
     /**
      * Attachment filename.

package/types/components/Avatar/AvatarStack/StyledAvatarStack.d.ts

@@ -1,5 +1,5 @@
 import { View } from 'react-native';
-import { AvatarProps } from '../Avatar';
+import type { AvatarProps } from '../Avatar';
 type ThemeVariant = 'horizontal' | 'vertical';
 export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme;

package/types/components/Avatar/AvatarStack/index.d.ts

@@ -1,6 +1,7 @@
-import React, { ReactElement, ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { AvatarProps } from '../Avatar';
+import type { ReactElement, ReactNode } from 'react';
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { AvatarProps } from '../Avatar';
 export interface AvatarStackProps extends Pick<AvatarProps, 'size'> {
     /**
      * Avatar elements to be rendered.

package/types/components/Avatar/StyledAvatar.d.ts

@@ -1,5 +1,5 @@
 import { View, Image } from 'react-native';
-import { TextProps } from '../Typography/Text';
+import type { TextProps } from '../Typography/Text';
 type ThemeSize = 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge' | 'xxxxlarge' | 'xxxxxlarge';
 type ThemeIntent = 'primary' | 'info' | 'danger' | 'success' | 'warning';
 declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {

package/types/components/Badge/index.d.ts

@@ -1,4 +1,4 @@
-import { BasicBadgeProps, IconBadgeProps } from './types';
+import type { BasicBadgeProps, IconBadgeProps } from './types';
 export type BadgeProps = BasicBadgeProps | IconBadgeProps;
 declare const _default: (({ content: originalContent, visible, max, intent, style, testID, size, variant, icon, ...nativeProps }: BadgeProps) => JSX.Element) & {
     Status: ({ children, visible, intent, style, testID, ...nativeProps }: import("./Status").StatusProps) => JSX.Element;

package/types/components/Badge/types.d.ts

@@ -1,5 +1,5 @@
-import { Animated, StyleProp, ViewStyle } from 'react-native';
-import { IconName } from '../Icon';
+import type { Animated, StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../Icon';
 interface BaseBadgeProps extends React.ComponentProps<typeof Animated.View> {
     /**
      * Whether the Badge is visible.

package/types/components/BottomSheet/ScrollView.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-import { ScrollView, ScrollViewProps } from 'react-native';
+import type { ScrollViewProps } from 'react-native';
+import { ScrollView } from 'react-native';
 declare const BottomSheetScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<ScrollView>>;
 export default BottomSheetScrollView;

package/types/components/BottomSheet/StyledBottomSheet.d.ts

@@ -1,5 +1,5 @@
-import type { ViewProps } from 'react-native';
-import { Animated, KeyboardAvoidingView, KeyboardAvoidingViewProps, SafeAreaView, View } from 'react-native';
+import type { ViewProps, KeyboardAvoidingViewProps } from 'react-native';
+import { Animated, KeyboardAvoidingView, SafeAreaView, View } from 'react-native';
 declare const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/types/components/BottomSheet/index.d.ts

@@ -1,7 +1,6 @@
 import type { ReactElement, ReactNode } from 'react';
 import React from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-import { KeyboardAvoidingViewProps } from 'react-native';
+import type { StyleProp, ViewStyle, KeyboardAvoidingViewProps } from 'react-native';
 export interface BottomSheetProps {
     /**
      * Bottom sheet open state.

package/types/components/Box/StyledBox.d.ts

@@ -1,6 +1,6 @@
-import { Theme } from '@emotion/react';
+import type { Theme } from '@emotion/react';
 import { View } from 'react-native';
-import { FlexStyleProps, StyleProps } from './types';
+import type { FlexStyleProps, StyleProps } from './types';
 export declare const getThemeValue: (theme: Theme, key: keyof StyleProps, props: StyleProps) => {
     [x: string]: string | undefined;
 } | {

package/types/components/Box/types.d.ts

@@ -1,8 +1,8 @@
-import { 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 { StyleProp, ViewStyle, ViewProps } from 'react-native';
+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;
     space: keyof Space;

package/types/components/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { ReactChild, ReactNode } from 'react';
+import type { ReactChild, ReactNode } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconName } from '../Icon';
 import type { Intent, ThemeVariant } from './StyledButton';

package/types/components/Calendar/CalendarRange.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarProps } from './types';
+import type { CalendarProps } from './types';
 export type CalendarDateRange = {
     startDate?: Date;
     endDate?: Date;

package/types/components/Calendar/helpers.d.ts

@@ -1,4 +1,4 @@
-import { CalendarProps, ParsedMaskedDate } from './types';
+import type { CalendarProps, ParsedMaskedDate } from './types';
 export declare const initArray: <T>(length: number, func: (value: number) => T) => T[];
 export declare const isEqDate: (dateA?: Date, dateB?: Date) => boolean;
 export declare const isDateInRange: ({ date, range, }: {

package/types/components/Calendar/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarProps } from './types';
+import type { CalendarProps } from './types';
 declare const _default: (({ value, visibleDate, onChange, onPreviousPress, onNextPress, onTitlePress, minDate, maxDate, markedDates, testID, onMonthChange, onToggleMonthPicker, monthPickerConfirmLabel, monthPickerCancelLabel, }: CalendarProps) => React.JSX.Element) & {
     Range: ({ value, visibleDate, onChange, onPreviousPress, onNextPress, onTitlePress, minDate, maxDate, markedDates, testID, onMonthChange, onToggleMonthPicker, monthPickerConfirmLabel, monthPickerCancelLabel, }: Omit<CalendarProps, "value" | "onChange"> & {
         value?: import("./CalendarRange").CalendarDateRange;

package/types/components/Calendar/shared/hooks/useCalendarLayout.d.ts

@@ -1,4 +1,4 @@
-import { LayoutChangeEvent } from 'react-native';
+import type { LayoutChangeEvent } from 'react-native';
 export declare const useCalendarLayout: () => {
     onLayout: (e: LayoutChangeEvent) => void;
     contentHeight: number;

package/types/components/Carousel/CardCarousel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';
+import type { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';
 export type CardCarouselHandles = {
     snapToIndex: (index: number) => void;
 };

package/types/components/Carousel/CarouselItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CarouselData } from './types';
+import type { CarouselData } from './types';
 interface CarouselItemProps extends Omit<CarouselData, 'background'> {
     width: number;
 }

package/types/components/Carousel/StyledCardCarousel.d.ts

@@ -1,6 +1,7 @@
-import { View, ViewProps } from 'react-native';
-import { CardProps } from '../Card';
-import { PageControlProps } from '../PageControl';
+import type { ViewProps } from 'react-native';
+import { View } from 'react-native';
+import type { CardProps } from '../Card';
+import type { PageControlProps } from '../PageControl';
 declare const StyledPageControl: import("@emotion/native").StyledComponent<PageControlProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/types/components/Carousel/StyledCarousel.d.ts

@@ -1,4 +1,5 @@
-import { View, ImageResizeMode } from 'react-native';
+import type { ImageResizeMode } from 'react-native';
+import { View } from 'react-native';
 declare const StyledBackDrop: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/types/components/Carousel/index.d.ts

@@ -1,6 +1,7 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import { StyleProp, ViewProps, ViewStyle } from 'react-native';
-import { CarouselData } from './types';
+import type { Dispatch, SetStateAction } from 'react';
+import React from 'react';
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { CarouselData } from './types';
 interface CarouselProps extends ViewProps {
     /**
      * Additional style.

package/types/components/Carousel/types.d.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}%`;
     width?: number | `${number}%`;

package/types/components/Chart/ChartSelect/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
-import { BottomSheetProps } from '../../BottomSheet';
+import type { BottomSheetProps } from '../../BottomSheet';
 /**
  * Represents a selectable option for ChartSelect.
  * @template V The type of the option value.

package/types/components/Chart/ColumnChart/ColumnChartContent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DataValue, Series, XAxisConfig, YAxisConfig } from '../types';
+import type { DataValue, Series, XAxisConfig, YAxisConfig } from '../types';
 interface ColumnChartContentProps {
     coordinates: {
         yStart: number;

package/types/components/Chart/ColumnChart/StackedSegment.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DataValue, YAxisConfig } from '../types';
+import type { DataValue, YAxisConfig } from '../types';
 interface StackedSegmentProps {
     stackedData: Array<DataValue>;
     seriesLabels: Array<string>;

package/types/components/Chart/ColumnChart/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ViewStyle } from 'react-native';
-import { DataValue, HeaderConfig, Series, StyleConfig, XAxisConfig, YAxisConfig } from '../types';
+import type { ViewStyle } from 'react-native';
+import type { DataValue, HeaderConfig, Series, StyleConfig, XAxisConfig, YAxisConfig } from '../types';
 /**
  * Props for the ColumnChart component.
  *

package/types/components/Chart/Line/Line.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AxisCoordinates, DataValue } from '../types';
+import type { AxisCoordinates, DataValue } from '../types';
 /**
  * Props for the Line chart component
  */

package/types/components/Chart/Line/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ViewStyle } from 'react-native';
-import { DataValue, HeaderConfig, Series, StyleConfig, XAxisConfig, YAxisConfig } from '../types';
+import type { ViewStyle } from 'react-native';
+import type { DataValue, HeaderConfig, Series, StyleConfig, XAxisConfig, YAxisConfig } from '../types';
 export interface LineChartProps {
     /**
      * The data to be displayed in the chart. Each item represents a series.

package/types/components/Chart/shared/ChartFrame.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AxisCoordinates, HeaderConfig, XAxisConfig, YAxisConfig } from '../types';
+import type { AxisCoordinates, HeaderConfig, XAxisConfig, YAxisConfig } from '../types';
 export type ChartFrameProps = {
     isEmpty?: boolean;
     xAxisConfig: XAxisConfig;

package/types/components/Chart/shared/ChartHeader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { LayoutChangeEvent } from 'react-native';
-import { HeaderConfig } from '../types';
+import type { LayoutChangeEvent } from 'react-native';
+import type { HeaderConfig } from '../types';
 export type ChartHeaderProps = HeaderConfig & {
     onLayout?: (event: LayoutChangeEvent) => void;
 };

package/types/components/Chart/shared/EmptyState.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AxisCoordinates } from '../types';
+import type { AxisCoordinates } from '../types';
 type EmptyStateProps = {
     coordinates: AxisCoordinates;
     content: string;

package/types/components/Chart/shared/XAxis.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AxisCoordinates, XAxisConfig } from '../types';
+import type { AxisCoordinates, XAxisConfig } from '../types';
 export type XAxisProps = {
     xAxisConfig: XAxisConfig;
     coordinates: AxisCoordinates;

package/types/components/Chart/shared/XAxisGrid.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AxisCoordinates, XAxisConfig } from '../types';
+import type { AxisCoordinates, XAxisConfig } from '../types';
 export type XAxisGridProps = {
     xAxisConfig: XAxisConfig;
     coordinates: AxisCoordinates;

package/types/components/Chart/shared/YAxis.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AxisCoordinates, YAxisConfig } from '../types';
+import type { AxisCoordinates, YAxisConfig } from '../types';
 export type YAxisProps = {
     yAxisConfig: YAxisConfig & {
         minValue?: number;

package/types/components/Chart/shared/YAxisGrid.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AxisCoordinates, YAxisConfig } from '../types';
+import type { AxisCoordinates, YAxisConfig } from '../types';
 export type YAxisGridProps = {
     yAxisConfig: Omit<YAxisConfig, 'labels'> & {
         minValue?: number;

package/types/components/Chart/shared/niceNumbers.d.ts

@@ -1,4 +1,4 @@
-import { DataValue } from '../types';
+import type { DataValue } from '../types';
 export declare const createNiceScale: (min: number, max: number, maxTicks?: number) => {
     niceMin: number;
     niceMax: number;

package/types/components/Chip/index.d.ts

@@ -1,6 +1,7 @@
-import React, { ReactNode } from 'react';
-import { ViewProps } from 'react-native';
-import { IconName } from '../Icon';
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { ViewProps } from 'react-native';
+import type { IconName } from '../Icon';
 export interface ChipProps extends ViewProps {
     /**
      * The label of the chip.

package/types/components/DatePicker/Dialog/AndroidDialog.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DatePickerDialogProps } from './type';
+import type { DatePickerDialogProps } from './type';
 export type AndroidDatePickerDialogProps = Omit<DatePickerDialogProps, 'supportedOrientations' | 'confirmLabel' | 'label' | 'locale'>;
 declare const AndroidDatePickerDialog: ({ open, onClose, value, minDate, maxDate, onChange, testID, variant, }: AndroidDatePickerDialogProps) => React.JSX.Element | null;
 export default AndroidDatePickerDialog;

package/types/components/DatePicker/Dialog/IOSDialog.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { DatePickerDialogProps } from './type';
+import type { DatePickerDialogProps } from './type';
 declare const IOSDatePickerDialog: ({ label, open, onClose, confirmLabel, locale, value, minDate, maxDate, onChange, testID, variant, supportedOrientations, }: DatePickerDialogProps) => React.JSX.Element;
 export default IOSDatePickerDialog;

package/types/components/DatePicker/Dialog.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { DatePickerDialogProps } from './Dialog/type';
+import type { DatePickerDialogProps } from './Dialog/type';
 declare const Dialog: ({ ...props }: DatePickerDialogProps) => React.JSX.Element;
 export default Dialog;

package/types/components/DatePicker/hooks/useCalculateDate.d.ts

@@ -1,4 +1,4 @@
-import { DatePickerProps } from '../types';
+import type { DatePickerProps } from '../types';
 export declare const getDateValue: (value: Date, minDate?: Date | undefined, maxDate?: Date | undefined) => Date;
 declare const useCalculateDate: ({ maxDate, minDate, onChange, value, }: Pick<DatePickerProps, "maxDate" | "minDate" | "onChange" | "value">) => void;
 export default useCalculateDate;

package/types/components/DatePicker/hooks/utils.d.ts

@@ -1,4 +1,4 @@
-import { DateTimeFormats } from '../../../types';
+import type { DateTimeFormats } from '../../../types';
 export declare const getDateFormat: ({ displayFormat, locale, localizeDateTime, }: {
     displayFormat?: string;
     locale?: string;

package/types/components/DatePicker/index.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
-import { DatePickerProps } from './types';
+import type { FunctionComponent } from 'react';
+import type { DatePickerProps } from './types';
 declare const _default: FunctionComponent<DatePickerProps> & {
     Dialog: ({ ...props }: import("./Dialog/type").DatePickerDialogProps) => import("react").JSX.Element;
 };

package/types/components/DatePicker/index.internal.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
-import { InternalDatePickerProps } from './types';
+import type { FunctionComponent } from 'react';
+import type { InternalDatePickerProps } from './types';
 export type { InternalDatePickerProps as DatePickerProps };
 declare const _default: FunctionComponent<InternalDatePickerProps> & {
     Dialog: ({ ...props }: import("./Dialog/type").DatePickerDialogProps) => import("react").JSX.Element;

package/types/components/DatePicker/types.d.ts

@@ -1,5 +1,5 @@
 import type { TextInputProps as NativeTextInputProps, StyleProp, ViewStyle } from 'react-native';
-import { TextInputProps } from '../TextInput';
+import type { TextInputProps } from '../TextInput';
 export interface DatePickerProps {
     /**
      * Date picker input label.

package/types/components/FAB/ActionGroup/ActionItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ComponentProps } from 'react';
 import { type StyleProp, type ViewStyle } from 'react-native';
-import Icon from '../../Icon';
+import type Icon from '../../Icon';
 export interface ActionItemProps {
     testID?: string;
     title: string;

package/types/components/FAB/FAB.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconName } from '../Icon';
 export type FABHandles = {
     show: () => void;

package/types/components/FAB/Pair/index.d.ts

@@ -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';
 export type InnerFABProps = Pick<FABProps, 'icon' | 'title' | 'onPress' | 'testID'>;
 export interface FABPairProps extends ViewProps {
     /**

package/types/components/FAB/StyledFAB.d.ts

@@ -1,4 +1,5 @@
-import { TextProps, Animated } from 'react-native';
+import type { TextProps } from 'react-native';
+import { Animated } from 'react-native';
 import type { IconProps } from '../Icon';
 declare const StyledFAB: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").View>> & {
     theme?: import("@emotion/react").Theme;

package/types/components/FilterTrigger/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconName } from '../Icon';
 export interface FilterTriggerProps {
     /**

package/types/components/FloatingIsland/index.d.ts

@@ -1,6 +1,7 @@
-import React, { ReactNode } from 'react';
-import { ViewProps } from 'react-native';
-import { IconName } from '../Icon';
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { ViewProps } from 'react-native';
+import type { IconName } from '../Icon';
 export interface FloatingIslandProps extends ViewProps {
     /**
      * Callback that is called when the floating island is pressed.

package/types/components/HeroDesignProvider/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ThemeProviderProps } from '../../theme/ThemeProvider';
-import { LocaleValues } from '../../locales/types';
+import type { ThemeProviderProps } from '../../theme/ThemeProvider';
+import type { LocaleValues } from '../../locales/types';
 interface HeroDesignProviderProps extends ThemeProviderProps {
     locale?: LocaleValues;
 }

package/types/components/List/ListItem.d.ts

@@ -1,5 +1,5 @@
-import React, { ReactElement } from 'react';
-import type { ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode, ReactElement } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconName } from '../Icon';
 export interface ListItemProps {

package/types/components/LocaleProvider/context.d.ts

@@ -1,3 +1,3 @@
-import { LocaleValues } from '../../locales/types';
+import type { LocaleValues } from '../../locales/types';
 declare const LocaleContext: import("react").Context<LocaleValues>;
 export { LocaleContext };

package/types/components/LocaleProvider/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LocaleValues } from '../../locales/types';
+import type { LocaleValues } from '../../locales/types';
 interface LocaleProviderProps {
     locale: LocaleValues;
 }

package/types/components/LocaleProvider/utils.d.ts

@@ -1,3 +1,3 @@
 import type { Locale } from 'date-fns';
-import { LocaleCode } from '../../locales/types';
+import type { LocaleCode } from '../../locales/types';
 export declare function getDateFnsLocale(locale: LocaleCode): Locale;

package/types/components/MapPin/Focussed.d.ts

@@ -1,4 +1,4 @@
-import { ViewProps, StyleProp, ViewStyle } from 'react-native';
+import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
 export interface MapPinFocussedProps extends ViewProps {
     /**
      * Additional style.