@hero-design/rn 8.105.3 → 8.105.4-alpha.1

package/src/components/Toast/StyledToast.tsx

@@ -2,10 +2,11 @@ import styled from '@emotion/native';
 import { Animated, StyleSheet, TouchableOpacity, View } from 'react-native';
 import type { ComponentProps } from 'react';
 import type { ViewProps } from 'react-native';
-import { IntentType } from './types';
-import { TextProps } from '../Typography/Text';
+import type { IntentType } from './types';
+import type { TextProps } from '../Typography/Text';
 import Typography from '../Typography';
-import Icon, { IconProps } from '../Icon';
+import type { IconProps } from '../Icon';
+import Icon from '../Icon';
 
 const ToastContainerWrapper = styled(View)<{ position: 'top' | 'bottom' }>(
   ({ theme, position }) => ({

package/src/components/Toolbar/StyledToolbar.tsx

@@ -2,7 +2,7 @@ import styled from '@emotion/native';
 import { TextInput, TouchableOpacity, View } from 'react-native';
 import type { ViewProps } from 'react-native';
 import Typography from '../Typography';
-import { BodyProps } from '../Typography/Body';
+import type { BodyProps } from '../Typography/Body';
 
 export type ToolbarMessageState =
   | 'default'

package/src/components/Toolbar/ToolbarItem.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 import Icon from '../Icon';
 import {
   IconButtonLabel,

package/src/components/Toolbar/ToolbarMessage.tsx

@@ -1,19 +1,19 @@
 import React, { forwardRef } from 'react';
 
-import { TextInput as RNTextInput } from 'react-native';
 import type {
+  TextInput as RNTextInput,
   TextInputProps as NativeTextInputProps,
   StyleProp,
   ViewStyle,
   TextStyle,
 } from 'react-native';
 
+import type { ToolbarMessageState } from './StyledToolbar';
 import {
   StyledInput,
   StyledInputContainer,
   StyledPrefix,
   StyledSuffix,
-  ToolbarMessageState,
   ToolbarMessageWrapper,
 } from './StyledToolbar';
 import { useTheme } from '../../theme';

package/src/components/Toolbar/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ReactNode } from 'react';
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 import { ToolbarWrapper } from './StyledToolbar';
 import ToolbarGroup from './ToolbarGroup';
 import ToolbarMessage from './ToolbarMessage';

package/src/components/Typography/Caption/StyledCaption.tsx

@@ -1,6 +1,7 @@
 import { Text } from 'react-native';
 import styled from '@emotion/native';
-import { FONTWEIGHT_MAP, TypographyIntent } from '../types';
+import type { TypographyIntent } from '../types';
+import { FONTWEIGHT_MAP } from '../types';
 
 const StyledCaption = styled(Text)<{
   themeFontWeight: 'regular' | 'semi-bold';

package/src/emotion.d.ts

@@ -1,5 +1,5 @@
 import '@emotion/react';
-import { Theme as HeroTheme } from './theme';
+import type { Theme as HeroTheme } from './theme';
 
 declare module '@emotion/react' {
   // eslint-disable-next-line @typescript-eslint/no-empty-interface

package/src/locales/en_AU.ts

@@ -1,4 +1,4 @@
-import { LocaleValues } from './types';
+import type { LocaleValues } from './types';
 
 const locale: LocaleValues = {
   lang: 'en-AU',

package/src/locales/en_CA.ts

@@ -1,4 +1,4 @@
-import { LocaleValues } from './types';
+import type { LocaleValues } from './types';
 
 const locale: LocaleValues = {
   lang: 'en-CA',

package/src/theme/ThemeSwitcher.tsx

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren, useMemo } from 'react';
+import type { PropsWithChildren } from 'react';
+import React, { useMemo } from 'react';
 
 import getTheme from './getTheme';
 import {

package/src/theme/__tests__/__snapshots__/index.spec.ts.snap

@@ -628,13 +628,14 @@ exports[`theme returns correct theme object 1`] = `
         "title": 32,
       },
       "sizes": {
-        "image": 176,
+        "icon": 72,
+        "image": 72,
       },
       "space": {
         "button": {
           "margin": 16,
           "padding": 16,
-          "wrapperHorizontalPadding": 16,
+          "wrapperHorizontalPadding": 24,
           "wrapperVerticalPadding": 48,
         },
         "imageMarginBottom": 24,
@@ -1307,13 +1308,15 @@ exports[`theme returns correct theme object 1`] = `
         "title": "Saiga-Medium",
       },
       "sizes": {
+        "icon": 72,
         "image": 176,
       },
       "space": {
         "button": {
           "margin": 16,
           "padding": 16,
-          "wrapperHorizontalPadding": 16,
+          "secondaryCTAMarginTop": 16,
+          "wrapperHorizontalPadding": 24,
           "wrapperVerticalPadding": 48,
         },
         "imageMarginBottom": 32,

package/src/theme/components/datePicker.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../global';
+import type { GlobalTheme } from '../global';
 
 const getDatePickerTheme = (theme: GlobalTheme) => {
   const sizes = {

package/src/theme/components/error.ts

@@ -6,7 +6,7 @@ const getErrorTheme = (theme: GlobalTheme) => {
     imageMarginBottom: theme.space.large,
     wrapperPadding: theme.space.large,
     button: {
-      wrapperHorizontalPadding: theme.space.medium,
+      wrapperHorizontalPadding: theme.space.large,
       wrapperVerticalPadding: theme.space.xxxlarge,
       margin: theme.space.medium,
       padding: theme.space.medium,
@@ -14,7 +14,8 @@ const getErrorTheme = (theme: GlobalTheme) => {
   };
 
   const sizes = {
-    image: theme.sizes['19xlarge'],
+    image: theme.sizes['6xlarge'],
+    icon: theme.sizes['6xlarge'],
   };
 
   const colors = {

package/src/theme/components/success.ts

@@ -6,15 +6,17 @@ const getSuccessTheme = (theme: GlobalTheme) => {
     imageMarginBottom: theme.space.xlarge,
     wrapperPadding: theme.space.large,
     button: {
-      wrapperHorizontalPadding: theme.space.medium,
+      wrapperHorizontalPadding: theme.space.large,
       wrapperVerticalPadding: theme.space.xxxlarge,
       margin: theme.space.medium,
       padding: theme.space.medium,
+      secondaryCTAMarginTop: theme.space.medium,
     },
   };
 
   const sizes = {
     image: theme.sizes['19xlarge'],
+    icon: theme.sizes['6xlarge'],
   };
 
   const colors = {

package/src/theme/components/timePicker.ts

@@ -1,4 +1,4 @@
-import { GlobalTheme } from '../global';
+import type { GlobalTheme } from '../global';
 
 const getTimePickerTheme = (theme: GlobalTheme) => {
   const sizes = {

package/src/theme/getTheme.ts

@@ -4,13 +4,16 @@ import getAccordionTheme from './components/accordion';
 import getAlertTheme from './components/alert';
 import getAttachmentTheme from './components/attachment';
 import getAvatarTheme from './components/avatar';
-import getBadgeTheme, { BadgeThemeType } from './components/badge';
+import type { BadgeThemeType } from './components/badge';
+import getBadgeTheme from './components/badge';
 import getBottomNavigationTheme from './components/bottomNavigation';
 import getBottomSheetTheme from './components/bottomSheet';
-import getButtonTheme, { ButtonThemeType } from './components/button';
+import type { ButtonThemeType } from './components/button';
+import getButtonTheme from './components/button';
 import getCalendarTheme from './components/calendar';
 import getCardTheme from './components/card';
-import getCarouselTheme, { CarouselThemeType } from './components/carousel';
+import type { CarouselThemeType } from './components/carousel';
+import getCarouselTheme from './components/carousel';
 import getCardCarouselTheme from './components/cardCarousel';
 import getCheckboxTheme from './components/checkbox';
 import getChipTheme from './components/chip';
@@ -20,14 +23,18 @@ import getContentNavigatorTheme from './components/contentNavigator';
 import getDatePickerTheme from './components/datePicker';
 import getDividerTheme from './components/divider';
 import getDrawerTheme from './components/drawer';
-import getEmptyTheme, { EmptyThemeType } from './components/empty';
-import getErrorTheme, { ErrorThemeType } from './components/error';
-import getFABTheme, { FABThemeType } from './components/fab';
+import type { EmptyThemeType } from './components/empty';
+import getEmptyTheme from './components/empty';
+import type { ErrorThemeType } from './components/error';
+import getErrorTheme from './components/error';
+import type { FABThemeType } from './components/fab';
+import getFABTheme from './components/fab';
 import getIconTheme from './components/icon';
 import getImageTheme from './components/image';
 import getListTheme from './components/list';
 import getPageControlTheme from './components/pageControl';
-import getPinInputTheme, { PinInputThemeType } from './components/pinInput';
+import type { PinInputThemeType } from './components/pinInput';
+import getPinInputTheme from './components/pinInput';
 import getProgressTheme from './components/progress';
 import getRadioTheme from './components/radio';
 import getRateTheme from './components/rate';
@@ -38,11 +45,13 @@ import getSelectTheme from './components/select';
 import getSkeletonTheme from './components/skeleton';
 import getSliderTheme from './components/slider';
 import getSpinnerTheme from './components/spinner';
-import getSuccessTheme, { SuccessThemeType } from './components/success';
+import type { SuccessThemeType } from './components/success';
+import getSuccessTheme from './components/success';
 import getSwipeableTheme from './components/swipeable';
 import getSwitchTheme from './components/switch';
 import getTabsTheme from './components/tabs';
-import getTagTheme, { TagThemeType } from './components/tag';
+import type { TagThemeType } from './components/tag';
+import getTagTheme from './components/tag';
 import getTextInputTheme from './components/textInput';
 import getTimePickerTheme from './components/timePicker';
 import getToastTheme from './components/toast';
@@ -54,7 +63,7 @@ import getSearchTheme from './components/search';
 import getMapPinTheme from './components/mapPin';
 import getFloatingIslandTheme from './components/floatingIsland';
 import getAppCueTheme from './components/appCue';
-import { ThemeMode } from './global/colors/types';
+import type { ThemeMode } from './global/colors/types';
 import getFilterTriggerTheme from './components/filterTrigger';
 import getSegmentedControlTheme from './components/segmentedControl';
 

package/src/theme/global/colors/ehJobs.ts

@@ -1,5 +1,5 @@
 import swagLightSystemPalette from './swagSystemPalette';
-import { SystemPalette } from './types';
+import type { SystemPalette } from './types';
 
 const ehJobsSystemPalette: SystemPalette = {
   ...swagLightSystemPalette,

package/src/theme/global/colors/ehWorkDark.ts

@@ -1,4 +1,4 @@
-import { SystemPalette } from './types';
+import type { SystemPalette } from './types';
 
 const ehWorkDarkSystemPalette: SystemPalette = {
   black: '#000000',

package/src/theme/global/colors/swagLight.ts

@@ -1,5 +1,5 @@
 import ehWorkSystemPalette from './ehWork';
-import { SystemPalette } from './types';
+import type { SystemPalette } from './types';
 
 /**
  * @deprecated This palette is deprecated and will be removed in the next major release.

package/src/theme/global/colors/swagLightJobs.ts

@@ -1,5 +1,5 @@
 import ehJobsSystemPalette from './ehJobs';
-import { SystemPalette } from './types';
+import type { SystemPalette } from './types';
 
 /**
  * @deprecated This palette is deprecated and will be removed in the next major release.

package/src/theme/global/colors/swagSystemPalette.ts

@@ -1,5 +1,5 @@
 import ehWorkSystemPalette from './ehWork';
-import { SystemPalette } from './types';
+import type { SystemPalette } from './types';
 
 export const swagSystemPalette: SystemPalette = {
   ...ehWorkSystemPalette,

package/src/theme/global/shadows/index.ts

@@ -2,7 +2,7 @@ import ehWorkShadowPalette from './ehWork';
 import ehJobsShadowPalette from './ehJobs';
 import ehWorkDarkShadowPalette from './ehWorkDark';
 
-import { SystemPalette } from '../colors/types';
+import type { SystemPalette } from '../colors/types';
 
 const getShadows = (palette: SystemPalette) => {
   switch (palette.name) {

package/src/types.ts

@@ -8,31 +8,35 @@ import type {
   RichTextEditorProps,
 } from './components/RichTextEditor';
 import type { Theme } from './theme';
-import {
+import type {
   ListRenderOptionInfo,
   SectionListRenderOptionInfo,
   SelectOptionType,
 } from './components/Select/types';
-import { SwipeableProps } from './components/Swipeable';
-import { TextProps } from './components/Typography/Text';
-import { CardCarouselHandles } from './components/Carousel/CardCarousel';
-import { FABHandles } from './components/FAB/FAB';
-import {
+import type { SwipeableProps } from './components/Swipeable';
+import type { TextProps } from './components/Typography/Text';
+import type { CardCarouselHandles } from './components/Carousel/CardCarousel';
+import type { FABHandles } from './components/FAB/FAB';
+import type {
   ActionGroupHandles,
   ActionGroupProps,
 } from './components/FAB/ActionGroup';
 import type { ActionItemProps } from './components/FAB/ActionGroup/ActionItem';
 import type { SliderRangeValue } from './components/Slider/RangeSlider';
 import type { CalendarDateRange } from './components/Calendar/CalendarRange';
-import { LocaleCode, LocaleValues, DateTimeFormats } from './locales/types';
+import type {
+  LocaleCode,
+  LocaleValues,
+  DateTimeFormats,
+} from './locales/types';
 import type { ColumnChartProps } from './components/Chart/ColumnChart';
-import { LineChartProps } from './components/Chart/Line';
+import type { LineChartProps } from './components/Chart/Line';
 import type { Scale, SystemPalette } from './theme/global';
 import type {
   BrandSystemPalette,
   GlobalSystemPalette,
 } from './theme/global/colors/types';
-import { ToolbarItemProps } from './components/Toolbar/ToolbarItem';
+import type { ToolbarItemProps } from './components/Toolbar/ToolbarItem';
 import type { CheckboxProps } from './components/Checkbox';
 import type { SwitchOptionType } from './components/Switch/SelectorSwitch';
 import type { BoxProps } from './components/Box';
@@ -41,16 +45,19 @@ import type { ToolbarButtonName } from './components/RichTextEditor/types';
 import type { ListItemProps } from './components/List/ListItem';
 import type { IconButtonProps } from './components/Button/IconButton';
 import type { BadgeProps } from './components/Badge';
-import { ToastProps } from './components/Toast/types';
-import { Space } from './theme/global/space';
-import { CaptionProps } from './components/Typography/Caption';
-import { Radii } from './theme/global/borders';
-import { TitleProps } from './components/Typography/Title';
-import { CarouselData, CarouselImageProps } from './components/Carousel/types';
-import { PinInputHandler } from './components/PinInput';
-import { ThemeScale } from './components/Box/types';
-import { TimePickerProps } from './components/TimePicker/types';
-import { DatePickerProps } from './components/DatePicker/types';
+import type { ToastProps } from './components/Toast/types';
+import type { Space } from './theme/global/space';
+import type { CaptionProps } from './components/Typography/Caption';
+import type { Radii } from './theme/global/borders';
+import type { TitleProps } from './components/Typography/Title';
+import type {
+  CarouselData,
+  CarouselImageProps,
+} from './components/Carousel/types';
+import type { PinInputHandler } from './components/PinInput';
+import type { ThemeScale } from './components/Box/types';
+import type { TimePickerProps } from './components/TimePicker/types';
+import type { DatePickerProps } from './components/DatePicker/types';
 import type { SegmentedControlItemConfig } from './components/SegmentedControl/types';
 
 export type {

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;