@hero-design/rn 7.18.1 → 7.20.0

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

@@ -1,73 +1,73 @@
 import { Text, TextInput, View } from 'react-native';
 export 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>;
 }>;
 export declare const StyledPinWrapper: 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 declare type State = 'default' | 'disabled' | 'error';
 export declare const StyledCell: 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>;
 } & {
     themeFocused: boolean;
     themeState: State;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 export declare const StyledCellText: 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>;
 } & {
     themeState: State;
 }, {}, {
-    ref?: import("react").Ref<Text> | undefined;
+    ref?: import("react").Ref<Text>;
 }>;
 export declare const StyledSpacer: 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 declare const StyledMask: 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>;
 } & {
     themeState: State;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 export declare const StyledFilledMask: 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>;
 } & {
     themeState: State;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 export declare const StyledHiddenInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & {
     themePinLength: number;
 }, {}, {
-    ref?: import("react").Ref<TextInput> | undefined;
+    ref?: import("react").Ref<TextInput>;
 }>;
 export declare const StyledErrorContainer: 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 declare const StyledErrorMessage: 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>;
 }, {}, {
-    ref?: import("react").Ref<Text> | undefined;
+    ref?: import("react").Ref<Text>;
 }>;

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,16 +1,17 @@
-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;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledInner: 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>;
 } & {
     themeIntent: ThemeIntent;
 }, {}, {}>;

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

@@ -1,43 +1,44 @@
-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;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledHalfCircleWrapper: 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 StyledHalfCircleInnerFG: 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>;
 } & {
     themeIntent: ThemeIntent;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledHalfCircleInnerBG: 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 StyledDonutCircle: 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 StyledStrokeEnd: 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>;
 } & {
     themeIntent: ThemeIntent;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 export { StyledContainer, StyledDonutCircle, StyledHalfCircleWrapper, StyledHalfCircleInnerFG, StyledHalfCircleInnerBG, StyledStrokeEnd, };

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,30 +1,20 @@
-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;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const InnerCircle: 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 Spacer: 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 { Wrapper, Circle, InnerCircle, Spacer };
+export { Circle, InnerCircle, Spacer };

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

@@ -13,5 +13,5 @@ export interface EditorToolbarProps {
      */
     testID?: string;
 }
-declare const EditorToolbar: ({ name, buttons, testID, }: EditorToolbarProps) => JSX.Element | null;
+declare const EditorToolbar: ({ name, buttons, testID, }: EditorToolbarProps) => JSX.Element;
 export default EditorToolbar;

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

@@ -8,5 +8,5 @@ export interface MentionListProps {
      */
     render: (searchText: string, onSelect: (id: string, name: string) => void) => JSX.Element;
 }
-declare const MentionList: ({ name: eventPrefix, render }: MentionListProps) => JSX.Element | null;
+declare const MentionList: ({ name: eventPrefix, render }: MentionListProps) => JSX.Element;
 export default MentionList;

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

@@ -1,16 +1,16 @@
 import { View } from 'react-native';
 import { WebView } from 'react-native-webview';
 export 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>;
 }>;
 export declare const StyledWebView: import("@emotion/native").StyledComponent<import("react-native-webview/lib/WebViewTypes").IOSWebViewProps & import("react-native-webview/lib/WebViewTypes").AndroidWebViewProps & import("react-native-webview/lib/WebViewTypes").WindowsWebViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & {
     height: number | undefined;
 }, {}, {
-    ref?: import("react").Ref<WebView<unknown>> | undefined;
+    ref?: import("react").Ref<WebView<unknown>>;
 }>;

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

@@ -1,21 +1,21 @@
 import { TouchableOpacity, View } from 'react-native';
 export declare const StyledToolbarButton: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 } & {
     selected: boolean;
 }, {}, {
-    ref?: import("react").Ref<TouchableOpacity> | undefined;
+    ref?: import("react").Ref<TouchableOpacity>;
 }>;
 export declare const StyledToolbar: 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 declare const StyledSeparator: 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>;
 }>;

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;
+    MentionList: ({ name: eventPrefix, render }: import("./MentionList").MentionListProps) => JSX.Element;
+    Toolbar: ({ name, buttons, testID, }: import("./EditorToolbar").EditorToolbarProps) => JSX.Element;
 };
 export default _default;
-export { RichTextEditorProps, RichTextEditorRef, ToolbarButtonName };

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

@@ -1,20 +1,20 @@
 import { View } from 'react-native';
 declare const StyledHeading: 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 StyledIconWrapper: 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 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>;
 }>;
 export { StyledHeading, StyledIconWrapper, StyledWrapper };

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,7 +1,7 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 declare const Option: ({ text, disabled, selected, onPress, }: {
     text: string | ReactElement;
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     selected: boolean;
     onPress: () => void;
 }) => JSX.Element;

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,7 +1,7 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 declare const Option: ({ text, disabled, selected, onPress, }: {
     text: string | ReactElement;
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     selected: boolean;
     onPress: () => void;
 }) => JSX.Element;

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

@@ -1,24 +1,24 @@
 import { View } from 'react-native';
 declare const SectionSpacer: 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 OptionSpacer: 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 FooterText: 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>;
 }, {}, {}>;
 declare const StyledSearchBar: 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 { SectionSpacer, OptionSpacer, FooterText, StyledSearchBar };

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

@@ -1,5 +1,5 @@
-import { 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;
+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) => string) => 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>[];
 export declare const toFlatOptions: <V, T extends OptionType<V>>(options: CombinedOptionsType<V, T>) => OptionType<V>[];

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

@@ -1,2 +1,4 @@
-declare const AnimatedSpinner: () => JSX.Element;
+declare const AnimatedSpinner: ({ size }: {
+    size: 'small' | 'medium';
+}) => JSX.Element;
 export { AnimatedSpinner };

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

@@ -1,30 +1,33 @@
-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;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledSpinnerContainer: 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 StyledSpinnerRow: 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>;
 } & {
     themePosition: 'top' | 'bottom';
+    themeSize: 'small' | 'medium';
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 declare const StyledSpinnerDot: 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>;
 } & {
     themePosition: 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+    themeSize: 'small' | 'medium';
 }, {}, {
-    ref?: import("react").Ref<View> | undefined;
+    ref?: import("react").Ref<View>;
 }>;
 export { StyledView, StyledSpinnerContainer, StyledSpinnerRow, StyledSpinnerDot, };