@hero-design/rn 8.81.2 → 8.82.0-alpha.0

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

@@ -1,38 +0,0 @@
-import { ViewProps, StyleProp, ViewStyle, ImageProps } from 'react-native';
-import { IconName } from '../Icon';
-interface BaseMapPinProps extends ViewProps {
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * State of the map pin.
-     */
-    state?: 'idle' | 'selected' | 'applied';
-}
-interface ImageMapPinProps extends BaseMapPinProps {
-    /**
-     * Icon to display in the map pin.
-     */
-    icon?: never;
-    /**
-     * Image to display in the map pin.
-     */
-    image: ImageProps;
-}
-interface IconMapPinProps extends BaseMapPinProps {
-    /**
-     * Icon to display in the map pin.
-     */
-    icon: IconName;
-    /**
-     * Image to display in the map pin.
-     */
-    image?: never;
-}
-export declare type MapPinProps = ImageMapPinProps | IconMapPinProps;
-export {};

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

@@ -1,37 +0,0 @@
-import React, { ReactNode } from 'react';
-export interface ModalProps {
-    /**
-     * Content of the modal.
-     */
-    children: ReactNode;
-    /**
-     * Visibility of the modal
-     */
-    visible?: boolean;
-    /**
-     * Callback when the modal is shown.
-     */
-    onShow?: () => void;
-    /**
-     * Callback when the user taps the hardware back button.
-     */
-    onRequestClose?: () => void;
-    /**
-     * TestID of the modal.
-     */
-    testID?: string;
-    /**
-     * Animation type of the modal content.
-     */
-    animationType?: 'none' | 'slide' | 'fade';
-    /**
-     * Whether to show the modal backdrop
-     */
-    transparent?: boolean;
-    /**
-     * Callback when the modal is dismissed. iOS only.
-     */
-    onDismiss?: () => void;
-}
-declare const ModalWrapper: ({ visible, ...props }: ModalProps) => React.JSX.Element | null;
-export default ModalWrapper;

package/types/components/PageControl/StyledPageControl.d.ts

@@ -1,12 +0,0 @@
-import { Animated, View } from 'react-native';
-declare const StyledPageControl: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledPageControlAnimatedView: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, {}, {}>;
-export { StyledPageControl, StyledPageControlAnimatedView };

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-export interface PageControlProps {
-    /**
-     * The number of pages to display
-     */
-    numberOfPages: number;
-    /**
-     * The current page to display
-     */
-    currentPage: number;
-    /**
-     * Additional styles
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-}
-declare const PageControl: ({ numberOfPages, currentPage, testID, style, }: PageControlProps) => React.JSX.Element;
-export default PageControl;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { State } from './StyledPinInput';
-declare function PinCell({ value, secure, focused, state, }: {
-    value: string;
-    secure?: boolean;
-    focused?: boolean;
-    state?: State;
-}): React.JSX.Element;
-export default PinCell;

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

@@ -1,69 +0,0 @@
-import { 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, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledPinWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-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, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    themeFocused: boolean;
-    themeState: State;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledCellText: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    themeState: State;
-}, {}, {}>;
-export declare const StyledSpacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledMask: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    themeState: State;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledFilledMask: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    themeState: State;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledHiddenInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    themePinLength: number;
-}, {}, {
-    ref?: import("react").Ref<TextInput> | undefined;
-}>;
-export declare const StyledErrorContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledErrorMessage: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, {}, {}>;

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

@@ -1,69 +0,0 @@
-import React, { ComponentProps } from 'react';
-import { TextInput } from 'react-native';
-import type { StyleProp, ViewStyle } from 'react-native';
-import type { State } from './StyledPinInput';
-interface PinInputProps {
-    /**
-     * The value to show for the input.
-     */
-    value?: string;
-    /**
-     * Callback function that's called when the text changed.
-     */
-    onChangeText: (value: string) => void;
-    /**
-     * Callback function that's called when the input is completely filled.
-     */
-    onFulfill?: (value: string) => void;
-    /**
-     * Number of character for the input.
-     */
-    length?: number;
-    disabled?: boolean;
-    /**
-     * Whether the pin value is secured using masks.
-     * By default, this is true, meaning that masks are shown to hide pin value.
-     */
-    secure?: boolean;
-    /**
-     * If true, focuses the input on componentDidMount.
-     */
-    autoFocus?: boolean;
-    /**
-     * Error message.
-     */
-    error?: string;
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * The text content type of the input.
-     */
-    textContentType?: ComponentProps<typeof TextInput>['textContentType'];
-    /**
-     * The autofill type of the input.
-     */
-    autoComplete?: ComponentProps<typeof TextInput>['autoComplete'];
-}
-export declare function getState({ disabled, error, }: {
-    disabled?: boolean;
-    error?: string;
-}): State;
-export interface PinInputHandler {
-    /**
-     * focus into input
-     */
-    focus: () => void;
-    /**
-     * blur text input
-     */
-    blur: () => void;
-}
-export declare const normalizeValue: (value?: string, length?: number) => string;
-declare const PinInput: React.ForwardRefExoticComponent<PinInputProps & React.RefAttributes<PinInputHandler>>;
-export default PinInput;

package/types/components/Portal/PortalHost.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export interface PortalHostProps {
-    name: string;
-}
-export declare const PortalHost: React.MemoExoticComponent<({ name }: PortalHostProps) => React.JSX.Element>;

package/types/components/Portal/PortalProvider.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ReactNode } from 'react';
-export interface PortalProviderProps {
-    rootHostName?: string;
-    children: ReactNode | ReactNode[];
-}
-export declare const PortalProvider: React.MemoExoticComponent<({ rootHostName, children, }: PortalProviderProps) => React.JSX.Element>;

package/types/components/Portal/constants.d.ts

@@ -1,8 +0,0 @@
-declare enum ACTIONS {
-    REGISTER_HOST = 0,
-    DEREGISTER_HOST = 1,
-    ADD_UPDATE_PORTAL = 2,
-    REMOVE_PORTAL = 3
-}
-declare const INITIAL_STATE: {};
-export { ACTIONS, INITIAL_STATE };

package/types/components/Portal/contexts.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { ReactNode } from 'react';
-import { ActionTypes } from './types';
-export interface PortalType {
-    name: string;
-    node: ReactNode;
-}
-export declare const PortalStateContext: React.Context<Record<string, PortalType[]> | null>;
-export declare const PortalDispatchContext: React.Context<React.Dispatch<ActionTypes> | null>;

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

@@ -1,18 +0,0 @@
-import React, { ReactNode } from 'react';
-import { Theme } from '../../theme';
-export interface PortalProps {
-    name?: string;
-    hostName?: string;
-    children?: ReactNode | ReactNode[];
-    /**
-     * Theme for portal children.
-     */
-    theme?: Theme;
-}
-declare const _default: React.NamedExoticComponent<PortalProps> & {
-    readonly type: ({ name, hostName, children, theme }: PortalProps) => null;
-} & {
-    Provider: React.MemoExoticComponent<({ rootHostName, children, }: import("./PortalProvider").PortalProviderProps) => React.JSX.Element>;
-    Host: React.MemoExoticComponent<({ name }: import("./PortalHost").PortalHostProps) => React.JSX.Element>;
-};
-export default _default;

package/types/components/Portal/reducer.d.ts

@@ -1,5 +0,0 @@
-import { PortalType } from './contexts';
-import type { ActionTypes } from './types';
-declare type State = Record<string, Array<PortalType>>;
-export declare const reducer: (state: Record<string, Array<PortalType>>, action: ActionTypes) => State;
-export {};

package/types/components/Portal/types.d.ts

@@ -1,22 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ACTIONS } from './constants';
-export interface AddUpdatePortalAction {
-    type: ACTIONS;
-    hostName: string;
-    portalName: string;
-    node: ReactNode;
-}
-export interface RemovePortalAction {
-    type: ACTIONS;
-    hostName: string;
-    portalName: string;
-}
-export interface RegisterHostAction {
-    type: ACTIONS;
-    hostName: string;
-}
-export interface UnregisterHostAction {
-    type: ACTIONS;
-    hostName: string;
-}
-export declare type ActionTypes = AddUpdatePortalAction | RemovePortalAction | RegisterHostAction | UnregisterHostAction;

package/types/components/Portal/usePortal.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-export declare const usePortal: (hostName?: string) => {
-    registerHost: () => void;
-    deregisterHost: () => void;
-    addPortal: (name: string, node: ReactNode) => void;
-    updatePortal: (name: string, node: ReactNode) => void;
-    removePortal: (name: string) => void;
-};

package/types/components/Portal/usePortalState.d.ts

@@ -1 +0,0 @@
-export declare const usePortalState: (hostName: string) => import("./contexts").PortalType[];

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

@@ -1,18 +0,0 @@
-import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
-export interface ProgressBarProps extends ViewProps {
-    /**
-     * The progress completion percentage: 0-100.
-     */
-    value: number;
-    /**
-     * Set intent for your progress.
-     */
-    intent?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'archived' | 'primary-inverted' | 'success-inverted' | 'warning-inverted' | 'danger-inverted' | 'info-inverted' | 'archived-inverted';
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    testID?: string;
-}
-declare const ProgressBar: ({ value, intent, style, testID, ...nativeProps }: ProgressBarProps) => JSX.Element;
-export default ProgressBar;

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
-export interface ProgressCircleProps extends ViewProps {
-    /**
-     * The progress completion percentage: 0-100.
-     */
-    value: number;
-    renderValue?: (value: number) => React.ReactNode;
-    /**
-     * Set intent for your progress.
-     */
-    intent?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'archived' | 'primary-inverted' | 'success-inverted' | 'warning-inverted' | 'danger-inverted' | 'info-inverted' | 'archived-inverted';
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    testID?: string;
-}
-declare const ProgressCircle: ({ value, renderValue, intent, style, testID, ...nativeProps }: ProgressCircleProps) => JSX.Element;
-export default ProgressCircle;

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'react-native';
-export interface ProgressStepProps extends ViewProps {
-    /**
-     * The total number of steps.
-     */
-    steps: number;
-    /**
-     * The current step.
-     */
-    current: number;
-    /**
-     * Test ID of the component.
-     */
-    testID?: string;
-}
-declare type StepState = 'complete' | 'incomplete' | 'current';
-export declare const getStepState: (current: number, index: number) => StepState;
-declare const ProgressStep: ({ steps, current, onLayout, ...props }: ProgressStepProps) => React.JSX.Element;
-export default ProgressStep;

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

@@ -1,18 +0,0 @@
-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, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    themeIntent: ThemeIntent;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledInner: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    themeIntent: ThemeIntent;
-}, {}, {}>;
-export { StyledWrapper, StyledInner };

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

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

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

@@ -1,23 +0,0 @@
-declare type StepState = 'complete' | 'incomplete' | 'current';
-declare const StyledStepContainer: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, {}, {}>;
-declare const StyledStep: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    themeState: StepState;
-    themeWidth: number;
-}, {}, {}>;
-declare const StyledSingleStepContainer: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, {}, {}>;
-declare const StyledSingleStep: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    themeState: 'complete' | 'incomplete';
-}, {}, {}>;
-export { StyledStepContainer, StyledStep, StyledSingleStepContainer, StyledSingleStep, };

package/types/components/Progress/__tests__/index.spec.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,15 +0,0 @@
-declare const THEME_INTENT_MAP: {
-    readonly primary: "primary";
-    readonly success: "success";
-    readonly warning: "warning";
-    readonly danger: "danger";
-    readonly info: "info";
-    readonly archived: "archived";
-    readonly 'primary-inverted': "primaryInverted";
-    readonly 'success-inverted': "successInverted";
-    readonly 'warning-inverted': "warningInverted";
-    readonly 'danger-inverted': "dangerInverted";
-    readonly 'info-inverted': "infoInverted";
-    readonly 'archived-inverted': "archivedInverted";
-};
-export { THEME_INTENT_MAP };

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

@@ -1,6 +0,0 @@
-declare const Progress: {
-    readonly Circle: ({ value, renderValue, intent, style, testID, ...nativeProps }: import("./ProgressCircle").ProgressCircleProps) => JSX.Element;
-    readonly Bar: ({ value, intent, style, testID, ...nativeProps }: import("./ProgressBar").ProgressBarProps) => JSX.Element;
-    readonly Step: ({ steps, current, onLayout, ...props }: import("./ProgressStep").ProgressStepProps) => import("react").JSX.Element;
-};
-export default Progress;

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

@@ -1 +0,0 @@
-export declare type ThemeIntent = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'archived' | 'primary-inverted' | 'success-inverted' | 'warning-inverted' | 'danger-inverted' | 'info-inverted' | 'archived-inverted';

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

@@ -1,38 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-export interface RadioProps {
-    /**
-     * Whether the radio is checked.
-     */
-    checked?: boolean;
-    /**
-     * Press event handler.
-     */
-    onPress: () => void;
-    /**
-     * Radio text.
-     */
-    text: string;
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Radio subtext.
-     */
-    subText?: string;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * Idle background color of the Radio.
-     */
-    inactiveIntent?: 'light' | 'dark';
-    /**
-     * Children to be rendered inside the component.
-     */
-    children?: ReactNode;
-}
-declare const Radio: ({ text, checked, onPress, style, subText, testID, inactiveIntent, children, }: RadioProps) => ReactElement;
-export default Radio;

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

@@ -1,36 +0,0 @@
-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.
-     */
-    options: OptionType<T>[];
-    /**
-     * Radio input value.
-     */
-    value: T;
-    /**
-     * Press event handler receiving selected radio's value.
-     */
-    onPress: (value: T) => void;
-    /**
-     * Used to extract a unique key for a given option at the specified index. Key is used for caching and as the react key to track item re-ordering.
-     * The default extractor checks option.key, and then falls back to using the index, like React does.
-     */
-    keyExtractor?: (option: OptionType<T>, index?: number) => string;
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * Idle background color of the Radio.
-     */
-    inactiveIntent?: 'light' | 'dark';
-}
-declare const RadioGroup: <T>({ value, onPress, options, keyExtractor, style, testID, inactiveIntent, }: RadioGroupProps<T>) => ReactElement;
-export default RadioGroup;

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

@@ -1,30 +0,0 @@
-import { View } from 'react-native';
-declare type RadioIntent = 'light' | 'dark';
-declare const Circle: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const InnerCircle: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const Spacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    themeIntent: RadioIntent;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledRadio: import("@emotion/native").StyledComponent<import("../List/ListItem").ListItemProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    themeIntent: RadioIntent;
-    themeChecked: boolean;
-}, {}, {}>;
-export { Circle, InnerCircle, Spacer, StyledRadio };