@hero-design/rn 7.18.1 → 7.20.0

package/types/components/Collapse/StyledCollapse.d.ts

@@ -2,8 +2,8 @@ import { Animated, View } from 'react-native';
 declare const StyledWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
     children?: import("react").ReactNode;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {}>;
 /**
  * Height need to be high enough to cover most scenario
@@ -11,15 +11,15 @@ declare const StyledWrapper: import("@emotion/native").StyledComponent<Animated.
  * to use with Animated.timing
  */
 declare const StyledHiddenWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledChildWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 export { StyledWrapper, StyledHiddenWrapper, StyledChildWrapper };

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

@@ -1,5 +1,5 @@
-import { StyleProp, ViewProps, ViewStyle } from 'react-native';
-import { ReactNode } from 'react';
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
 export interface CollapseProps extends ViewProps {
     children: ReactNode;
     /**

package/types/components/ContentNavigator/StyledContentNavigator.d.ts

@@ -1,12 +1,12 @@
 import { View } from 'react-native';
 declare const Wrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const Value: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {}>;
 export { Wrapper, Value };

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

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 interface ContentNavigatorProps {
     /**
      * The navigator's content value.

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

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

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

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

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

@@ -1,8 +1,9 @@
-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;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 export { StyledPickerWrapper };

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

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

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

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

package/types/components/Divider/StyledDivider.d.ts

@@ -1,12 +1,12 @@
 import { View } from 'react-native';
 declare type MarginSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 declare const StyledDivider: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & {
-    themeMarginHorizontal?: MarginSize | undefined;
-    themeMarginVertical?: MarginSize | undefined;
+    themeMarginHorizontal?: MarginSize;
+    themeMarginVertical?: MarginSize;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 export { StyledDivider };

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

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
 interface DividerProps extends ViewProps {
     /**
      * Horizontal margin size. There is no margin by default.

package/types/components/Drawer/DragableDrawer/index.d.ts

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

package/types/components/Drawer/StyledDrawer.d.ts

@@ -1,54 +1,55 @@
-import { Animated, View, ViewProps } from 'react-native';
+import { Animated, View } from 'react-native';
+import type { ViewProps } from 'react-native';
 declare const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & {
     enableShadow: boolean;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledDragableContainer: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & {
     enableShadow: boolean;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledBackdrop: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").PressableProps & import("react").RefAttributes<View>> & {
     children?: import("react").ReactNode;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {}>;
 declare const StyledDrawerContainer: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
     children?: import("react").ReactNode;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & {
     enableShadow: boolean;
 }, {}, {}>;
 declare const StyledDragableDrawerContainer: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
     children?: import("react").ReactNode;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & {
     enableShadow: boolean;
 }, {}, {}>;
 declare const StyledHandlerContainer: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledHandler: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & {
-    active?: boolean | undefined;
+    active?: boolean;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 export { StyledBackdrop, StyledContainer, StyledDrawerContainer, StyledHandlerContainer, StyledHandler, StyledDragableContainer, StyledDragableDrawerContainer, };

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface DrawerProps {
     /**
      * Drawer's visibility.

package/types/components/Empty/StyledEmpty.d.ts

@@ -1,31 +1,31 @@
 import { View, Text } from 'react-native';
 declare type ThemeVariant = 'light' | 'dark';
 declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledIllustration: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledTitle: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & {
     themeVariant: ThemeVariant;
 }, {}, {
-    ref?: import("react").Ref<Text> | undefined;
+    ref?: import("react").Ref<Text>;
 }>;
 declare const StyledDescription: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & {
     themeVariant: ThemeVariant;
 }, {}, {
-    ref?: import("react").Ref<Text> | undefined;
+    ref?: import("react").Ref<Text>;
 }>;
 export { StyledWrapper, StyledIllustration, StyledTitle, StyledDescription };

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

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 interface EmptyProps {
     /**
      * Empty's title.

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

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

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

@@ -1,29 +1,30 @@
-import { Animated, View, ViewProps } from 'react-native';
-import { TextProps } from '../../Typography/Text';
+import { Animated, View } from 'react-native';
+import type { ViewProps } from 'react-native';
+import type { TextProps } from '../../Typography/Text';
 declare const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledActionGroupContainer: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
     children?: import("react").ReactNode;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {}>;
 declare const StyledFAB: import("@emotion/native").StyledComponent<import("../FAB").FABProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {}>;
 declare const StyledBackdrop: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
     children?: import("react").ReactNode;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {}>;
 declare const StyledHeaderText: import("@emotion/native").StyledComponent<TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {}>;
 export { StyledHeaderText, StyledBackdrop, StyledContainer, StyledActionGroupContainer, StyledFAB, };

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

@@ -1,17 +1,18 @@
-import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
-import { IconProps } from '../../Icon';
+import { TouchableOpacity } from 'react-native';
+import type { TouchableOpacityProps } from 'react-native';
+import type { IconProps } from '../../Icon';
 declare const StyledActionItem: import("@emotion/native").StyledComponent<TouchableOpacityProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<TouchableOpacity> | undefined;
+    ref?: import("react").Ref<TouchableOpacity>;
 }>;
 declare const StyledActionItemText: import("@emotion/native").StyledComponent<import("../../Typography/Text").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & TouchableOpacityProps, {}, {}>;
 declare const StyledIcon: import("@emotion/native").StyledComponent<IconProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {}>;
 export { StyledIcon, StyledActionItem, StyledActionItemText };

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

@@ -1,6 +1,6 @@
-import { StyleProp, ViewStyle } from 'react-native';
-import { IconName } from '../../Icon';
-import { ActionItemProps } from './ActionItem';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../../Icon';
+import type { ActionItemProps } from './ActionItem';
 export interface ActionGroupProps {
     /**
      * Title of the action group header.

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,19 +1,20 @@
-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;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<TouchableHighlight> | undefined;
+    ref?: import("react").Ref<TouchableHighlight>;
 }>;
 declare const StyledFABIcon: import("@emotion/native").StyledComponent<IconProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {}>;
 declare const StyledFABText: import("@emotion/native").StyledComponent<TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<Text> | undefined;
+    ref?: import("react").Ref<Text>;
 }>;
 export { StyledFABContainer, StyledFABIcon, StyledFABText };

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/HeroIcon/index.d.ts

@@ -1,12 +1,12 @@
 declare type ThemeSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 declare type ThemeIntent = 'text' | 'primary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted';
 declare const StyledHeroIcon: import("@emotion/native").StyledComponent<import("react-native-vector-icons/Icon").IconProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & {
     themeSize: ThemeSize;
     themeIntent: ThemeIntent;
 }, {}, {
-    ref?: import("react").Ref<import("react-native-vector-icons/Icon").Icon> | undefined;
+    ref?: import("react").Ref<import("react-native-vector-icons/Icon").Icon>;
 }>;
 export default StyledHeroIcon;

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/List/StyledBasicListItem.d.ts

@@ -1,29 +1,29 @@
 import { TouchableHighlight, View } from 'react-native';
 declare const StyledPrefixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledSuffixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledTitleContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledListItemContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & {
-    themeSelected?: boolean | undefined;
-    themeDisabled?: boolean | undefined;
+    themeSelected?: boolean;
+    themeDisabled?: boolean;
 }, {}, {
-    ref?: import("react").Ref<TouchableHighlight> | undefined;
+    ref?: import("react").Ref<TouchableHighlight>;
 }>;
 export { StyledListItemContainer, StyledPrefixContainer, StyledTitleContainer, StyledSuffixContainer, };

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

@@ -2,50 +2,50 @@ import { TouchableHighlight, View } from 'react-native';
 export declare type Variant = 'full-width' | 'card';
 export declare type LeadingStatusIntent = 'success' | 'warning' | 'danger' | 'info' | 'archived';
 declare const StyledListItemContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & {
-    themeSelected?: boolean | undefined;
-    themeVariant?: Variant | undefined;
+    themeSelected?: boolean;
+    themeVariant?: Variant;
 }, {}, {
-    ref?: import("react").Ref<TouchableHighlight> | undefined;
+    ref?: import("react").Ref<TouchableHighlight>;
 }>;
 declare const StyledContentContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledChildrenContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledLeadingStatus: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & {
     themeLeadingStatusIntent: LeadingStatusIntent;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledPrefixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledSuffixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledTitleContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 export { StyledListItemContainer, StyledContentContainer, StyledChildrenContainer, StyledLeadingStatus, StyledPrefixContainer, StyledTitleContainer, StyledSuffixContainer, };

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;