@hero-design/rn 8.113.1 → 8.114.0

package/types/components/Search/SearchTwoLine.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-import type { IconName } from '../Icon';
-interface SearchTwoLineProps {
-    /**
-     * Name of Icon or ReactElement to render on the left side of the input, before the user's cursor.
-     */
-    prefix?: IconName | React.ReactElement;
-    /**
-     * Name of Icon or ReactElement to render on the right side of the input.
-     */
-    suffix?: IconName | React.ReactElement;
-    /**
-     * Additional wrapper style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Label of the Input handler.
-     */
-    label: React.ReactNode;
-    /**
-     * Content of the Input handler.
-     */
-    content: React.ReactNode;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * Variant of the SearchTwo
-     * @default 'basic'
-     */
-    variant?: 'basic' | 'reversed';
-    /**
-     * If true, indicates that the SearchTwoLine is accessible to screen readers.
-     */
-    accessible?: boolean;
-}
-declare const SearchTwoLine: (props: SearchTwoLineProps) => React.JSX.Element;
-export default SearchTwoLine;

package/types/components/Search/StyledSearch.d.ts

@@ -1,49 +0,0 @@
-import { TextInput, View } from 'react-native';
-export type State = 'default' | 'filled' | 'disabled' | 'readonly';
-type Variant = 'basic' | 'reversed';
-export declare const StyledContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledInputContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeVariant: Variant;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledAffixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledSuffixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<TextInput> | undefined;
-}>;
-export declare const StyledHandlerContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledBadge: import("@emotion/native").StyledComponent<(import("../Badge/types").BasicBadgeProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}) | (import("../Badge/types").IconBadgeProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}), {}, {}>;
-export {};

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

@@ -1,10 +0,0 @@
-import SearchTwoLine from './SearchTwoLine';
-import SearchOneLine from './SearchOneLine';
-import SearchSuffixIcon from './SearchSuffixIcon';
-type SearchType = {
-    OneLine: typeof SearchOneLine;
-    TwoLine: typeof SearchTwoLine;
-    SuffixIcon: typeof SearchSuffixIcon;
-};
-declare const Search: SearchType;
-export default Search;

package/types/components/Search/utils.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { IconName } from '../Icon';
-export declare const renderPrefix: ({ prefix, }: {
-    prefix?: IconName | React.ReactElement;
-}) => React.JSX.Element | undefined;
-export declare const renderSuffix: ({ suffix, }: {
-    suffix?: IconName | React.ReactElement;
-}) => React.JSX.Element | undefined;

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

@@ -1,23 +0,0 @@
-import { View } from 'react-native';
-type StyledHeadingProps = {
-    themeSize: 'small' | 'medium';
-};
-declare const StyledHeading: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & StyledHeadingProps, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledIconWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export { StyledHeading, StyledIconWrapper, StyledWrapper };

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

@@ -1,45 +0,0 @@
-import type { ReactElement } from 'react';
-import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
-import type { IconName, IconProps } from '../Icon';
-interface SectionHeadingProps extends ViewProps {
-    /**
-     * Heading text.
-     */
-    text: string | ReactElement;
-    /**
-     * Name of the Icon.
-     */
-    icon?: IconName | ReactElement<IconProps>;
-    /**
-     * Right corner content
-     */
-    rightChildren?: ReactElement;
-    /**
-     * @deprecated fontSize will be removed in the next major release.
-     * Size of the text.
-     */
-    fontSize?: 'small' | 'medium' | 'large' | 'xlarge';
-    /**
-     * @deprecated fontWeight will be removed in the next major release.
-     * Heading's font-weight.
-     */
-    fontWeight?: 'light' | 'regular' | 'semi-bold';
-    /**
-     * Visual intent color to apply to text.
-     */
-    intent?: 'subdued' | 'body' | 'primary';
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * Component size.
-     */
-    size?: 'small' | 'medium';
-}
-declare const SectionHeading: ({ icon, text, rightChildren, fontSize, intent, fontWeight, size, style, testID, }: SectionHeadingProps) => ReactElement;
-export default SectionHeading;

package/types/components/SegmentedControl/SegmentedItem.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { SegmentedControlItemConfig } from './types';
-export interface SegmentedItemProps extends SegmentedControlItemConfig {
-    /**
-     * Whether the segment option is selected.
-     */
-    selected?: boolean;
-    /**
-     * The size of the segment option.
-     */
-    size?: 'medium' | 'large';
-    /**
-     * The callback function to be called when the segment option is pressed.
-     */
-    onPress: () => void;
-}
-declare const SegmentedItem: ({ label, prefix, suffix, selected, size, testID, onPress, disabled, badge, subText, }: SegmentedItemProps) => React.JSX.Element;
-export default SegmentedItem;

package/types/components/SegmentedControl/StyledSegmentedControl.d.ts

@@ -1,26 +0,0 @@
-declare const StyledSegmentedControlWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeSize: "medium" | "large";
-}, {}, {}>;
-declare const StyledSegmentedItem: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").View> & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeSize: "medium" | "large";
-    themeSelected: boolean;
-}, {}, {}>;
-declare const StyledSegmentedItemWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledSegmentedItemLabelWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledSegmentedItemText: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-export { StyledSegmentedControlWrapper, StyledSegmentedItem, StyledSegmentedItemLabelWrapper, StyledSegmentedItemText, StyledSegmentedItemWrapper, };

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

@@ -1,31 +0,0 @@
-import React from 'react';
-import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
-import type { SegmentedControlItemConfig } from './types';
-export interface SegmentedControlProps extends ViewProps {
-    /**
-     * The size of the segmented control.
-     */
-    size?: 'medium' | 'large';
-    /**
-     * The items to display in the segmented control.
-     */
-    items: SegmentedControlItemConfig[];
-    /**
-     * The value of the selected item.
-     */
-    value: string;
-    /**
-     * Test ID for testing purposes.
-     */
-    testID?: string;
-    /**
-     * The style of the segmented control.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * The callback function to be called when the selected item changes.
-     */
-    onItemPress: (item: SegmentedControlItemConfig) => void;
-}
-declare const SegmentedControl: ({ size, items, value, testID, style, onItemPress, }: SegmentedControlProps) => React.JSX.Element;
-export default SegmentedControl;

package/types/components/SegmentedControl/types.d.ts

@@ -1,43 +0,0 @@
-import type { IconName } from '../Icon';
-export type StatusBadgeType = {
-    type: 'status';
-};
-export type CounterBadgeType = {
-    type: 'counter';
-    value: number;
-    max?: number;
-};
-export interface SegmentedControlItemConfig {
-    /**
-     * The value of the segment option.
-     */
-    value: string;
-    /**
-     * The label of the segment option.
-     */
-    label?: string;
-    /**
-     * The subtext of the segment option.
-     */
-    subText?: string;
-    /**
-     * The prefix of the segment option.
-     */
-    prefix?: IconName;
-    /**
-     * The suffix of the segment option.
-     */
-    suffix?: IconName;
-    /**
-     * Test ID for testing purposes.
-     */
-    testID?: string;
-    /**
-     * Whether the segment option is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The badge configuration of the segment option.
-     */
-    badge?: StatusBadgeType | CounterBadgeType;
-}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { SectionList, SectionListProps } from 'react-native';
-import type { SelectOptionType, SelectProps, SectionType } from './types';
-export type BaseOptionListProps<V, T extends SelectOptionType<V>> = Pick<SelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange'> & {
-    sectionListRef?: React.RefObject<SectionList<T, SectionType>>;
-} & SectionListProps<T, SectionType>;
-declare const BaseOptionList: <V, T extends SelectOptionType<V>>({ keyExtractor, loading, onEndReached, onQueryChange, sections, renderItem, sectionListRef, ...rest }: BaseOptionListProps<V, T>) => React.JSX.Element;
-export default BaseOptionList;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const Footer: ({ label, onPress }: {
-    label: string;
-    onPress: () => void;
-}) => React.JSX.Element;
-export default Footer;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { ReactElement } from 'react';
-declare const Option: ({ text, disabled, selected, onPress, highlighted, }: {
-    text: string | ReactElement;
-    disabled?: boolean;
-    selected: boolean;
-    onPress: () => void;
-    highlighted?: boolean;
-}) => React.JSX.Element;
-export default Option;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { BaseOptionListProps } from '../BaseOptionList';
-import type { MultiSelectProps } from '.';
-import type { SelectOptionType } from '../types';
-type OptionListProps<V, T extends SelectOptionType<V>> = Pick<MultiSelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange' | 'value' | 'renderOption'> & {
-    onPress: (value: V[]) => void;
-} & BaseOptionListProps<V, T>;
-declare const OptionList: <V, T extends SelectOptionType<V>>({ keyExtractor, loading, onEndReached, onPress, onQueryChange, sections, renderOption, value, sectionListRef, ...rest }: OptionListProps<V, T>) => React.JSX.Element;
-export default OptionList;

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

@@ -1,35 +0,0 @@
-import React from 'react';
-import type { TextInputProps as NativeTextInputProps } from 'react-native';
-import type { TextInputProps } from '../../TextInput';
-import type { SelectOptionType, SelectProps } from '../types';
-export interface MultiSelectProps<V, T extends SelectOptionType<V> = SelectOptionType<V>> extends SelectProps<V, T> {
-    /**
-     * Current selected value.
-     */
-    value: V[];
-    /**
-     * event handler for footer button.
-     */
-    onConfirm: (value: V[]) => void;
-    /**
-     * Footer label.
-     */
-    footerLabel: string | (({ value, closeModal, }: {
-        value: V[];
-        closeModal: () => void;
-    }) => React.ReactNode);
-    /**
-     * Customise the selected value rendering.
-     */
-    renderSelectedValue?: (selectedValue: V[], inputProps: NativeTextInputProps) => React.ReactNode;
-    /**
-     * Supported orientations for the MultiSelect modal, iOS only.
-     */
-    supportedOrientations?: ('portrait' | 'landscape')[];
-}
-export interface InternalMultiSelectProps<V, T extends SelectOptionType<V> = SelectOptionType<V>> extends MultiSelectProps<V, T> {
-    TextInputComponent?: React.ComponentType<TextInputProps>;
-    groupStyleEnabled?: boolean;
-}
-declare function MultiSelect<V, T extends SelectOptionType<V>>({ footerLabel, label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, groupStyleEnabled, ...rest }: InternalMultiSelectProps<V, T>): React.JSX.Element;
-export default MultiSelect;

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

@@ -1,2 +0,0 @@
-import type { SelectOptionType } from '../types';
-export declare const isOptionSelected: <V, T extends SelectOptionType<V>>(value?: V[], option?: T) => boolean;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { ReactElement } from 'react';
-declare const Option: ({ text, disabled, selected, onPress, highlighted, }: {
-    text: string | ReactElement;
-    disabled?: boolean;
-    selected: boolean;
-    onPress: () => void;
-    highlighted?: boolean;
-}) => React.JSX.Element;
-export default Option;

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { SectionList } from 'react-native';
-import type { SingleSelectProps } from '.';
-import type { BaseOptionListProps } from '../BaseOptionList';
-import type { SelectOptionType, SectionType } from '../types';
-type OptionListProps<V, T extends SelectOptionType<V>> = Pick<SingleSelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange' | 'value' | 'renderOption'> & {
-    onPress: (value: V | null) => void;
-    sectionListRef?: React.RefObject<SectionList<T, SectionType>>;
-} & BaseOptionListProps<V, T>;
-declare const OptionList: <V, T extends SelectOptionType<V>>({ keyExtractor, loading, onEndReached, onPress, onQueryChange, sections, renderOption, value, sectionListRef, ...rest }: OptionListProps<V, T>) => React.JSX.Element;
-export default OptionList;

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

@@ -1,2 +0,0 @@
-import BaseOptionList from '../BaseOptionList';
-export declare const StyledOptionList: typeof BaseOptionList;

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

@@ -1,28 +0,0 @@
-import React from 'react';
-import type { TextInputProps as NativeTextInputProps } from 'react-native';
-import type { TextInputProps } from '../../TextInput';
-import type { SelectOptionType, SelectProps } from '../types';
-export interface SingleSelectProps<V, T extends SelectOptionType<V> = SelectOptionType<V>> extends SelectProps<V, T> {
-    /**
-     * Current selected value.
-     */
-    value: V | null;
-    /**
-     * On select event handler
-     */
-    onConfirm: (value: V | null) => void;
-    /**
-     * Customise the selected value rendering.
-     */
-    renderSelectedValue?: (selectedValue: V | null, inputProps: NativeTextInputProps) => React.ReactNode;
-    /**
-     * Supported orientations for the Select modal, iOS only.
-     */
-    supportedOrientations?: ('portrait' | 'landscape')[];
-}
-export interface InternalSingleSelectProps<V, T extends SelectOptionType<V> = SelectOptionType<V>> extends SingleSelectProps<V, T> {
-    TextInputComponent?: React.ComponentType<TextInputProps>;
-    groupStyleEnabled?: boolean;
-}
-declare const SingleSelect: <V, T extends SelectOptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, groupStyleEnabled, ...rest }: InternalSingleSelectProps<V, T>) => React.JSX.Element;
-export default SingleSelect;

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

@@ -1,28 +0,0 @@
-import { SectionList, View } from 'react-native';
-declare const SectionSpacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const OptionSpacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledSearchBar: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledSectionList: typeof SectionList;
-declare const StyledTouchableOpacity: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeGroupStyleEnabled: boolean;
-    themeHasError: boolean;
-}, {}, {}>;
-export { SectionSpacer, OptionSpacer, StyledSearchBar, StyledSectionList, StyledTouchableOpacity, };

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

@@ -1,10 +0,0 @@
-import type { SectionData, CombinedOptionsType, SelectOptionType } from './types';
-export declare const isSections: <V, T extends SelectOptionType<V>>(options: CombinedOptionsType<V, T>) => options is SectionData<V, T>[];
-export declare const toSections: <V, T extends SelectOptionType<V>>(options: CombinedOptionsType<V, T>) => SectionData<V, T>[];
-export declare const toFlatOptions: <V, T extends SelectOptionType<V>>(options: CombinedOptionsType<V, T>) => SelectOptionType<V>[];
-type ScrollParams = {
-    itemIndex: number;
-    sectionIndex: number;
-};
-export declare const getScrollParams: <V, T extends SelectOptionType<V>>(value: V, sections: SectionData<V, T>[]) => ScrollParams;
-export {};

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

@@ -1,10 +0,0 @@
-import type { MultiSelectProps } from './MultiSelect';
-import type { SingleSelectProps } from './SingleSelect';
-import type { SelectOptionType } from './types';
-export type { MultiSelectProps, SingleSelectProps };
-type SingleSelectType = <V, T extends SelectOptionType<V> = SelectOptionType<V>>(props: Omit<SingleSelectProps<V, T>, 'TextInputComponent' | 'groupStyleEnabled'>) => React.ReactElement;
-type MultiSelectType = <V, T extends SelectOptionType<V> = SelectOptionType<V>>(props: Omit<MultiSelectProps<V, T>, 'TextInputComponent' | 'groupStyleEnabled'>) => React.ReactElement;
-declare const _default: SingleSelectType & {
-    Multi: MultiSelectType;
-};
-export default _default;

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

@@ -1,21 +0,0 @@
-/**
- * INTERNAL API - Do not remove this file
- *
- * This file exports the full Select component API with all internal props exposed.
- * It's used by:
- * 1. @hero-design/rn-work-uikit package - allows access to internal props like
- *    TextInputComponent and groupStyleEnabled for customization
- * 2. Internal tests - enables testing of the complete component API
- * 3. Type definitions - provides InternalMultiSelectProps and InternalSingleSelectProps
- *
- * The public API (index.tsx) omits internal props to keep the external interface clean,
- * but this internal version is essential for extending the library functionality.
- */
-import MultiSelect from './MultiSelect';
-import type { InternalMultiSelectProps } from './MultiSelect';
-import type { InternalSingleSelectProps } from './SingleSelect';
-export type { InternalMultiSelectProps as MultiSelectProps, InternalSingleSelectProps as SingleSelectProps, };
-declare const _default: (<V, T extends import("./types").SelectOptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, groupStyleEnabled, ...rest }: InternalSingleSelectProps<V, T>) => import("react").JSX.Element) & {
-    Multi: typeof MultiSelect;
-};
-export default _default;

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

@@ -1,88 +0,0 @@
-import type { ReactElement } from 'react';
-import type { ListRenderItemInfo, SectionListData, SectionListRenderItemInfo, StyleProp, ViewStyle } from 'react-native';
-import type { BottomSheetProps } from '../BottomSheet';
-import type { TextInputProps } from '../TextInput';
-export type SelectOptionType<V> = {
-    value: V;
-    text: string;
-    key?: string;
-    disabled?: boolean;
-    highlighted?: boolean;
-};
-export type SectionType = {
-    category: string;
-};
-export type SectionData<V, T extends SelectOptionType<V>> = SectionListData<T, SectionType>;
-export type CombinedOptionsType<V, T extends SelectOptionType<V>> = T[] | SectionData<V, T>[];
-export type ListRenderOptionInfo<V, T extends SelectOptionType<V>> = ListRenderItemInfo<T> & {
-    selected: boolean;
-    onPress: () => void;
-};
-export type SectionListRenderOptionInfo<V, T extends SelectOptionType<V>> = SectionListRenderItemInfo<T, SectionType> & {
-    selected: boolean;
-    onPress: () => void;
-};
-export interface SelectProps<V, T extends SelectOptionType<V>> extends Pick<TextInputProps, 'editable' | 'disabled' | 'error' | 'required'> {
-    /**
-     * An array of options to be selected.
-     */
-    options: CombinedOptionsType<V, T>;
-    /**
-     * Customize option renderer.
-     */
-    renderOption?: ((info: ListRenderOptionInfo<V, T>) => ReactElement) | ((info: SectionListRenderOptionInfo<V, T>) => ReactElement);
-    /**
-     * 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: T, index?: number) => string;
-    /**
-     * Current search value.
-     */
-    query?: string;
-    /**
-     * Search bar onChangeText event handler
-     */
-    onQueryChange?: (value: string) => void;
-    /**
-     * Event handler when selection dismiss
-     */
-    onDismiss?: () => void;
-    /**
-     * Event handler when end of the list reached
-     */
-    onEndReached?: () => void;
-    /**
-     * Show loading indicator at bottom of option list
-     */
-    loading?: boolean;
-    /**
-     * Props that are passed to TextInput.
-     * Required is deprecated and will be removed in the next major release.
-     * Please use the outer required instead.
-     */
-    inputProps?: Pick<TextInputProps, 'loading' | 'numberOfLines'>;
-    /**
-     * Field label.
-     */
-    label: string;
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     *  Config for the bottom sheet.
-     */
-    bottomSheetConfig?: {
-        variant?: BottomSheetProps['variant'];
-        header?: BottomSheetProps['header'];
-    };
-    /**
-     * Inject a custom TextInput component (e.g., from rn-work-uikit). Defaults to local TextInput.
-     */
-    TextInputComponent?: React.ComponentType<TextInputProps>;
-}

package/types/components/Skeleton/StyledSkeleton.d.ts

@@ -1,16 +0,0 @@
-type ThemeIntent = 'light' | 'dark';
-type ThemeVariant = 'circular' | 'rectangular' | 'rounded';
-declare const StyledContainer: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeIntent: ThemeIntent;
-    themeVariant: ThemeVariant;
-}, {}, {}>;
-declare const StyledGradientContainer: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeVariant: ThemeVariant;
-}, {}, {}>;
-export { StyledContainer, StyledGradientContainer };

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { ViewProps } from 'react-native';
-interface SkeletonProps extends ViewProps {
-    /**
-     * Intent of the component.
-     */
-    intent?: 'light' | 'dark';
-    /**
-     * Variant of the component.
-     */
-    variant?: 'circular' | 'rectangular' | 'rounded';
-}
-declare const Skeleton: ({ intent, variant, style, onLayout, ...props }: SkeletonProps) => React.JSX.Element;
-export default Skeleton;