@hero-design/rn 7.18.1 → 7.19.0

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

@@ -1,4 +1,4 @@
-import { IconProps } from '../Icon';
+import type { IconProps } from '../Icon';
 declare type Props = {
     active?: boolean;
 } & IconProps;

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

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

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

@@ -1,5 +1,6 @@
-import { Text, TextProps, TouchableHighlight, TouchableHighlightProps } from 'react-native';
-import { IconProps } from '../Icon';
+import { Text, TouchableHighlight } from 'react-native';
+import type { TextProps, TouchableHighlightProps } from 'react-native';
+import type { IconProps } from '../Icon';
 declare const StyledFABContainer: import("@emotion/native").StyledComponent<TouchableHighlightProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Icon/AnimatedIcon.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 import StyledHeroIcon from './HeroIcon';
 declare type AnimatedIconProps = ComponentProps<typeof StyledHeroIcon>;
 declare const AnimatedIcon: ({ style, ...otherProps }: AnimatedIconProps) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import { StyleProp, TextStyle } from 'react-native';
+import type { StyleProp, TextStyle } from 'react-native';
 import IconList from './IconList';
 export declare type IconName = typeof IconList[number];
 export interface IconProps {

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { IconName } from '../Icon';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../Icon';
 export interface ListItemProps {
     /**
      * Name of Icon or component to render on the left side of title.

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

@@ -1,6 +1,7 @@
-import React, { ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { IconName } from '../Icon';
+import React from 'react';
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../Icon';
 export interface ListItemProps {
     /**
      * Name of Icon or ReactElement to render on the left side of title.

package/types/components/PinInput/PinCell.d.ts

@@ -1,4 +1,4 @@
-import { State } from './StyledPinInput';
+import type { State } from './StyledPinInput';
 declare function PinCell({ value, secure, focused, state, }: {
     value: string;
     secure?: boolean;

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

@@ -1,5 +1,5 @@
-import { StyleProp, ViewStyle } from 'react-native';
-import { State } from './StyledPinInput';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { State } from './StyledPinInput';
 interface PinInputProps {
     /**
      * The value to show for the input.

package/types/components/Progress/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
 export interface ProgressBarProps extends ViewProps {
     /**
      * The progress completion percentage: 0-100.

package/types/components/Progress/ProgressCircle.d.ts

@@ -1,4 +1,4 @@
-import { ViewProps, StyleProp, ViewStyle } from 'react-native';
+import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
 export interface ProgressCircleProps extends ViewProps {
     /**
      * The progress completion percentage: 0-100.

package/types/components/Progress/StyledProgressBar.d.ts

@@ -1,5 +1,6 @@
-import { Animated, View, ViewProps } from 'react-native';
-import { ThemeIntent } from './types';
+import { Animated, View } from 'react-native';
+import type { ViewProps } from 'react-native';
+import type { ThemeIntent } from './types';
 declare const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Progress/StyledProgressCircle.d.ts

@@ -1,5 +1,6 @@
-import { View, ViewProps } from 'react-native';
-import { ThemeIntent } from './types';
+import { View } from 'react-native';
+import type { ViewProps } from 'react-native';
+import type { ThemeIntent } from './types';
 declare const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Radio/Radio.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { ReactElement } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 export interface RadioProps {
     /**
      * Whether the radio is checked.

package/types/components/Radio/RadioGroup.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { OptionType } from './types';
+import type { ReactElement } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { OptionType } from './types';
 export interface RadioGroupProps<T> {
     /**
      * An array of radio options to be selected.

package/types/components/Radio/StyledRadio.d.ts

@@ -1,17 +1,7 @@
-import { View, TouchableOpacity } from 'react-native';
-declare const Wrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    themeChecked: boolean;
-}, {}, {
-    ref?: import("react").Ref<TouchableOpacity> | undefined;
-}>;
+import { View } from 'react-native';
 declare const Circle: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & {
-    themeChecked: boolean;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
@@ -27,4 +17,4 @@ declare const Spacer: import("@emotion/native").StyledComponent<import("react-na
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-export { Wrapper, Circle, InnerCircle, Spacer };
+export { Circle, InnerCircle, Spacer };

package/types/components/RichTextEditor/RichTextEditor.d.ts

@@ -1,5 +1,6 @@
-import React, { Ref } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import React from 'react';
+import type { Ref } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 export interface RichTextEditorRef {
     requestBlur: VoidFunction;
 }

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

@@ -1,8 +1,9 @@
 import { ToolbarButtonName } from './constants';
-import { RichTextEditorProps, RichTextEditorRef } from './RichTextEditor';
+import type { RichTextEditorProps, RichTextEditorRef } from './RichTextEditor';
+export type { RichTextEditorProps, RichTextEditorRef };
+export { ToolbarButtonName };
 declare const _default: import("react").ForwardRefExoticComponent<Omit<RichTextEditorProps, "forwardedRef"> & import("react").RefAttributes<RichTextEditorRef>> & {
     MentionList: ({ name: eventPrefix, render }: import("./MentionList").MentionListProps) => JSX.Element | null;
     Toolbar: ({ name, buttons, testID, }: import("./EditorToolbar").EditorToolbarProps) => JSX.Element | null;
 };
 export default _default;
-export { RichTextEditorProps, RichTextEditorRef, ToolbarButtonName };

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

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
-import { StyleProp, ViewProps, ViewStyle } from 'react-native';
-import { IconName, IconProps } from '../Icon';
+import type { ReactElement } from 'react';
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { IconName, IconProps } from '../Icon';
 export interface SectionHeadingProps extends ViewProps {
     /**
      * Heading text.

package/types/components/Select/MultiSelect/Option.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 declare const Option: ({ text, disabled, selected, onPress, }: {
     text: string | ReactElement;
     disabled?: boolean | undefined;

package/types/components/Select/MultiSelect/OptionList.d.ts

@@ -1,5 +1,5 @@
-import { MultiSelectProps } from '.';
-import { OptionType, SectionData } from '../types';
+import type { MultiSelectProps } from '.';
+import type { OptionType, SectionData } from '../types';
 declare type OptionListProps<V, T extends OptionType<V>> = Pick<MultiSelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange' | 'value' | 'renderOption'> & {
     onPress: (value: V[]) => void;
     sections: SectionData<V, T>[];

package/types/components/Select/MultiSelect/index.d.ts

@@ -1,4 +1,4 @@
-import { OptionType, SelectProps } from '../types';
+import type { OptionType, SelectProps } from '../types';
 export interface MultiSelectProps<V, T extends OptionType<V> = OptionType<V>> extends SelectProps<V, T> {
     /**
      * Current selected value.

package/types/components/Select/SingleSelect/Option.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 declare const Option: ({ text, disabled, selected, onPress, }: {
     text: string | ReactElement;
     disabled?: boolean | undefined;

package/types/components/Select/SingleSelect/OptionList.d.ts

@@ -1,5 +1,5 @@
-import { SingleSelectProps } from '.';
-import { OptionType, SectionData } from '../types';
+import type { SingleSelectProps } from '.';
+import type { OptionType, SectionData } from '../types';
 declare type OptionListProps<V, T extends OptionType<V>> = Pick<SingleSelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange' | 'value' | 'renderOption'> & {
     onPress: (value: V | null) => void;
     sections: SectionData<V, T>[];

package/types/components/Select/SingleSelect/index.d.ts

@@ -1,4 +1,4 @@
-import { OptionType, SelectProps } from '../types';
+import type { OptionType, SelectProps } from '../types';
 export interface SingleSelectProps<V, T extends OptionType<V> = OptionType<V>> extends SelectProps<V, T> {
     /**
      * Current selected value.

package/types/components/Select/StyledOptionList.d.ts

@@ -1,7 +1,7 @@
-import { ReactElement } from 'react';
-import { SectionListRenderItemInfo } from 'react-native';
-import { ScrollParams } from './helpers';
-import { SectionData, OptionType, SelectProps, SectionType } from './types';
+import type { ReactElement } from 'react';
+import type { SectionListRenderItemInfo } from 'react-native';
+import type { ScrollParams } from './helpers';
+import type { SectionData, OptionType, SelectProps, SectionType } from './types';
 export declare type StyledOptionListProps<V, T extends OptionType<V>> = Pick<SelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange'> & {
     scrollParams: ScrollParams;
     sections: SectionData<V, T>[];

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

@@ -1,4 +1,4 @@
-import { SectionData, CombinedOptionsType, OptionType } from './types';
+import type { SectionData, CombinedOptionsType, OptionType } from './types';
 export declare const getKey: <V, T extends OptionType<V>>(option: T, index: number, keyExtractor?: ((opt: T, i?: number | undefined) => string) | undefined) => import("react").Key;
 export declare const isSections: <V, T extends OptionType<V>>(options: CombinedOptionsType<V, T>) => options is SectionData<V, T>[];
 export declare const toSections: <V, T extends OptionType<V>>(options: CombinedOptionsType<V, T>) => SectionData<V, T>[];

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

@@ -1,7 +1,8 @@
-import MultiSelect, { MultiSelectProps } from './MultiSelect';
-import { SingleSelectProps } from './SingleSelect';
+import MultiSelect from './MultiSelect';
+import type { MultiSelectProps } from './MultiSelect';
+import type { SingleSelectProps } from './SingleSelect';
+export type { MultiSelectProps, SingleSelectProps };
 declare const _default: (<V, T extends import("./types").OptionType<V>>({ label, loading, inputProps, onConfirm, onDimiss, onEndReached, onQueryChange, options, renderOption, query, error, editable, disabled, numberOfLines, style, testID, value, }: SingleSelectProps<V, T>) => JSX.Element) & {
     Multi: typeof MultiSelect;
 };
 export default _default;
-export { MultiSelectProps, SingleSelectProps };

package/types/components/Select/types.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
-import { ListRenderItemInfo, SectionListData, SectionListRenderItemInfo, StyleProp, ViewStyle } from 'react-native';
-import { TextInputProps } from '../TextInput';
+import type { ReactElement } from 'react';
+import type { ListRenderItemInfo, SectionListData, SectionListRenderItemInfo, StyleProp, ViewStyle } from 'react-native';
+import type { TextInputProps } from '../TextInput';
 export declare type OptionType<V> = {
     value: V;
     text: string;

package/types/components/Spinner/StyledSpinner.d.ts

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

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

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { ViewProps } from 'react-native';
+import type { ReactElement } from 'react';
+import type { ViewProps } from 'react-native';
 interface SpinnerProps extends ViewProps {
     /**
      * Testing id of the component.

package/types/components/Switch/StyledSwitch.d.ts

@@ -1,26 +1,11 @@
 import { Animated, View } from 'react-native';
 declare type ThemeSize = 'small' | 'medium';
+export declare type Variant = 'checked' | 'unchecked' | 'disabled-checked' | 'disabled-unchecked';
 declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
-    themeChecked: boolean | undefined;
-    themeSize: ThemeSize;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledDisabledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    themeSize: ThemeSize;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledThumbWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
+    themeVariant: Variant;
     themeSize: ThemeSize;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
@@ -33,4 +18,4 @@ declare const StyledKnot: import("@emotion/native").StyledComponent<Animated.Ani
 } & {
     themeSize: ThemeSize;
 }, {}, {}>;
-export { StyledWrapper, StyledDisabledWrapper, StyledThumbWrapper, StyledKnot };
+export { StyledWrapper, StyledKnot };

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

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { ReactElement } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 export interface SwitchProps {
     /**
      * Control whether the switch is checked
@@ -15,6 +15,7 @@ export interface SwitchProps {
     onPress?: () => void;
     /**
      * Size of the switch
+     * size is deprecated and will be removed in the next major release.
      */
     size?: 'small' | 'medium';
     /**

package/types/components/Tabs/ScrollableTabs.d.ts

@@ -1,3 +1,3 @@
-import { TabsProps } from '.';
+import type { TabsProps } from '.';
 declare const ScrollableTab: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, }: TabsProps) => JSX.Element;
 export default ScrollableTab;

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-import { IconName } from '../Icon';
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import type { IconName } from '../Icon';
 export declare type ItemType = string | IconName | ((props: {
     color: string;
 }) => ReactNode);

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

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
 interface TagProps extends ViewProps {
     /**
      * Content of the Tag.

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { TextInputProps as NativeTextInputProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
-import { Variant } from './StyledTextInput';
-import { IconName } from '../Icon';
+import type { TextInputProps as NativeTextInputProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
+import type { Variant } from './StyledTextInput';
+import type { IconName } from '../Icon';
 export interface TextInputProps extends NativeTextInputProps {
     /**
      * Field label.

package/types/components/TimePicker/StyledTimePicker.d.ts

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

package/types/components/TimePicker/TimePickerAndroid.d.ts

@@ -1,3 +1,3 @@
-import { TimePickerProps } from './types';
+import type { TimePickerProps } from './types';
 declare const TimePickerAndroid: ({ value, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, }: TimePickerProps) => JSX.Element;
 export default TimePickerAndroid;

package/types/components/TimePicker/TimePickerIOS.d.ts

@@ -1,3 +1,3 @@
-import { TimePickerProps } from './types';
+import type { TimePickerProps } from './types';
 declare const TimePickerIOS: ({ value, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, }: TimePickerProps) => JSX.Element;
 export default TimePickerIOS;

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

@@ -1,3 +1,3 @@
-import { TimePickerProps } from './types';
+import type { TimePickerProps } from './types';
 declare const TimePicker: (props: TimePickerProps) => JSX.Element;
 export default TimePicker;

package/types/components/TimePicker/types.d.ts

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 export interface TimePickerProps {
     /**
      * Time picker input label.

package/types/components/Toast/StyledToast.d.ts

@@ -1,4 +1,5 @@
-import { Animated, TouchableOpacity, View, ViewProps } from 'react-native';
+import { Animated, TouchableOpacity, View } from 'react-native';
+import type { ViewProps } from 'react-native';
 declare const ToastContainerWrapper: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Toast/Toast.d.ts

@@ -1,3 +1,3 @@
-import { ToastProps } from './types';
+import type { ToastProps } from './types';
 declare const Toast: ({ content, icon, variant, intent, style, duration, autoDismiss, onAction, actionLabel, onDismiss, }: ToastProps) => JSX.Element;
 export default Toast;

package/types/components/Toast/ToastContainer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ToastContainerProps } from './types';
-import { ToastControllerContextType } from './ToastContext';
+import type { ToastContainerProps } from './types';
+import type { ToastControllerContextType } from './ToastContext';
 declare const ToastContainer: React.ForwardRefExoticComponent<ToastContainerProps & React.RefAttributes<ToastControllerContextType>>;
 export default ToastContainer;

package/types/components/Toast/ToastContext.d.ts

@@ -1,4 +1,4 @@
-import { ToastContainerProps, ToastProps } from './types';
+import type { ToastContainerProps, ToastProps } from './types';
 export declare type ToastControllerContextType = {
     show: (props: Omit<ToastProps, 'position'>) => string;
     hide: (id: string) => void;

package/types/components/Toast/ToastProvider.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { ToastContainerProps } from './types';
+import type { ReactNode } from 'react';
+import type { ToastContainerProps } from './types';
 declare type ToastProviderProps = {
     /**
      * Content to be wrapped.

package/types/components/Toast/types.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { IconName } from '../Icon';
+import type { ReactElement } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../Icon';
 export interface ToastProps {
     /**
      * Toast content.

package/types/components/Toolbar/StyledToolbar.d.ts

@@ -1,4 +1,5 @@
-import { TouchableOpacity, View, ViewProps } from 'react-native';
+import { TouchableOpacity, View } from 'react-native';
+import type { ViewProps } from 'react-native';
 declare const ToolbarWrapper: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Toolbar/ToolbarGroup.d.ts

@@ -1,4 +1,4 @@
-import { ToolbarItemProps } from './ToolbarItem';
+import type { ToolbarItemProps } from './ToolbarItem';
 export interface ToolbarGroupProps {
     /**
      * List of action items in the toolbar group.

package/types/components/Toolbar/ToolbarItem.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '../Icon';
+import type { IconName } from '../Icon';
 export interface ToolbarItemProps {
     /**
      * Visual intent of the toolbar item.

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface ToolbarProps {
     /**
      * Toolbar's content.

package/types/components/Typography/Text/index.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { TextProps as NativeTextProps, StyleProp, TextStyle } from 'react-native';
+import type { ReactNode } from 'react';
+import type { TextProps as NativeTextProps, StyleProp, TextStyle } from 'react-native';
 export interface TextProps extends NativeTextProps {
     /**
      * Text content.

package/types/testHelpers/renderWithTheme.d.ts

@@ -1,3 +1,3 @@
-import { RenderOptions } from '@testing-library/react-native';
+import type { RenderOptions } from '@testing-library/react-native';
 declare const renderWithTheme: (ui: JSX.Element, options?: RenderOptions | undefined) => import("@testing-library/react-native").RenderAPI;
 export default renderWithTheme;

package/types/theme/ThemeProvider.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from './getTheme';
+import type { Theme } from './getTheme';
 export interface ThemeProviderProps {
     theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
     children: React.ReactNode;

package/types/theme/components/accordion.d.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../global';
+import type { GlobalTheme } from '../global';
 declare const getAccordionTheme: (theme: GlobalTheme) => {
     colors: {
         background: string;

package/types/theme/components/alert.d.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../global';
+import type { GlobalTheme } from '../global';
 declare const getAlertTheme: (theme: GlobalTheme) => {
     colors: {
         success: string;

package/types/theme/components/avatar.d.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../global';
+import type { GlobalTheme } from '../global';
 declare const getAvatarTheme: (theme: GlobalTheme) => {
     colors: {
         primary: string;

package/types/theme/components/badge.d.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../global';
+import type { GlobalTheme } from '../global';
 declare const getBadgeTheme: (theme: GlobalTheme) => {
     colors: {
         danger: string;

package/types/theme/components/bottomNavigation.d.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../global';
+import type { GlobalTheme } from '../global';
 declare const getBottomNavigationTheme: (theme: GlobalTheme) => {
     colors: {
         shadow: string;

package/types/theme/components/bottomSheet.d.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../global';
+import type { GlobalTheme } from '../global';
 declare const getBottomSheetTheme: (theme: GlobalTheme) => {
     colors: {
         shadow: string;

package/types/theme/components/button.d.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../global';
+import type { GlobalTheme } from '../global';
 declare const getButtonTheme: (theme: GlobalTheme) => {
     borderWidth: {
         default: number;

package/types/theme/components/calendar.d.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../global';
+import type { GlobalTheme } from '../global';
 declare const getCalendarTheme: (theme: GlobalTheme) => {
     radii: {
         default: number;

package/types/theme/components/card.d.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../global';
+import type { GlobalTheme } from '../global';
 declare const getCardTheme: (theme: GlobalTheme) => {
     colors: {
         dataCardIndicator: string;