@hero-design/rn 8.102.0 → 8.103.0

package/types/components/Alert/StyledAlert.d.ts

@@ -30,7 +30,7 @@ declare const TextContainer: import("@emotion/native").StyledComponent<ViewProps
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledBody: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
+declare const StyledBody: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & TextProps & {

package/types/components/Avatar/StyledAvatar.d.ts

@@ -15,7 +15,7 @@ declare const StyledTextWrapper: import("@emotion/native").StyledComponent<impor
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledText: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
+declare const StyledText: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & TextProps & {

package/types/components/Badge/StyledBadge.d.ts

@@ -12,7 +12,7 @@ declare const StyledView: import("@emotion/native").StyledComponent<Animated.Ani
     themeSize: ThemeSize;
     themeVariant: ThemeVariant;
 }, {}, {}>;
-declare const StyledText: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
+declare const StyledText: import("@emotion/native").StyledComponent<import("../..").CaptionProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {

package/types/components/BottomNavigation/StyledBottomNavigation.d.ts

@@ -44,7 +44,7 @@ declare const BottomBarItem: import("@emotion/native").StyledComponent<import("r
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledBottomBarText: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
+declare const StyledBottomBarText: import("@emotion/native").StyledComponent<import("../..").CaptionProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;

package/types/components/Button/StyledButton.d.ts

@@ -12,21 +12,21 @@ declare const StyledButtonContainer: import("@emotion/native").StyledComponent<i
     themeInlineText?: boolean;
     themeIsCompact?: boolean;
 }, {}, {}>;
-declare const StyledButtonText: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
+declare const StyledButtonText: import("@emotion/native").StyledComponent<import("../..").TitleProps & {
     theme?: Theme;
     as?: React.ElementType;
 } & {
     disabled?: boolean;
     themeButtonVariant: ThemeVariant;
 }, {}, {}>;
-declare const StyledSmallButtonText: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
+declare const StyledSmallButtonText: import("@emotion/native").StyledComponent<import("../..").TitleProps & {
     theme?: Theme;
     as?: React.ElementType;
 } & {
     disabled?: boolean;
     themeButtonVariant: ThemeVariant;
-} & import("../Typography/Body").BodyProps, {}, {}>;
-declare const StyledButtonTitleOfVariantText: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
+} & import("../..").BodyProps, {}, {}>;
+declare const StyledButtonTitleOfVariantText: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
     theme?: Theme;
     as?: React.ElementType;
 } & {

package/types/components/Button/UtilityButton/StyledUtilityButton.d.ts

@@ -9,7 +9,7 @@ export declare const IconWrapper: import("@emotion/native").StyledComponent<impo
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-export declare const ButtonText: import("@emotion/native").StyledComponent<import("../../Typography/Body").BodyProps & {
+export declare const ButtonText: import("@emotion/native").StyledComponent<import("../../..").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;

package/types/components/Carousel/StyledCarousel.d.ts

@@ -13,7 +13,7 @@ declare const StyledCarouselView: import("@emotion/native").StyledComponent<impo
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledCarouselHeading: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
+declare const StyledCarouselHeading: import("@emotion/native").StyledComponent<import("../..").TitleProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;

package/types/components/Checkbox/StyledCheckbox.d.ts

@@ -6,7 +6,7 @@ export declare const StyledWrapper: import("@emotion/native").StyledComponent<im
 } & {
     themeState: CheckboxThemeState;
 }, {}, {}>;
-export declare const StyledDescription: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
+export declare const StyledDescription: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;

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

@@ -4,7 +4,7 @@ declare const StyledActionItem: import("@emotion/native").StyledComponent<Toucha
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-declare const StyledActionItemText: import("@emotion/native").StyledComponent<import("../../Typography/Body").BodyProps & {
+declare const StyledActionItemText: import("@emotion/native").StyledComponent<import("../../..").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & TouchableOpacityProps, {}, {}>;

package/types/components/FAB/StyledFAB.d.ts

@@ -10,7 +10,7 @@ declare const StyledFABIcon: import("@emotion/native").StyledComponent<IconProps
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-declare const StyledFABText: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
+declare const StyledFABText: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & TextProps, {}, {}>;

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

@@ -21,7 +21,7 @@ export declare const StyledCell: import("@emotion/native").StyledComponent<impor
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-export declare const StyledCellText: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
+export declare const StyledCellText: import("@emotion/native").StyledComponent<import("../..").TitleProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
@@ -63,7 +63,7 @@ export declare const StyledErrorContainer: import("@emotion/native").StyledCompo
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-export declare const StyledErrorMessage: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
+export declare const StyledErrorMessage: import("@emotion/native").StyledComponent<import("../..").CaptionProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;

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

@@ -20,7 +20,7 @@ declare const Spacer: import("@emotion/native").StyledComponent<import("react-na
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledRadio: import("@emotion/native").StyledComponent<import("../List/ListItem").ListItemProps & {
+declare const StyledRadio: import("@emotion/native").StyledComponent<import("../..").ListItemProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { SectionList, SectionListProps } from 'react-native';
-import type { OptionType, SelectProps, SectionType } from './types';
-export type BaseOptionListProps<V, T extends OptionType<V>> = Pick<SelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange'> & {
+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 OptionType<V>>({ keyExtractor, loading, onEndReached, onQueryChange, sections, renderItem, sectionListRef, ...rest }: BaseOptionListProps<V, T>) => React.JSX.Element;
+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/MultiSelect/OptionList.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { BaseOptionListProps } from '../BaseOptionList';
 import type { MultiSelectProps } from '.';
-import type { OptionType } from '../types';
-type OptionListProps<V, T extends OptionType<V>> = Pick<MultiSelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange' | 'value' | 'renderOption'> & {
+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 OptionType<V>>({ keyExtractor, loading, onEndReached, onPress, onQueryChange, sections, renderOption, value, sectionListRef, ...rest }: OptionListProps<V, T>) => React.JSX.Element;
+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,7 +1,7 @@
 import React from 'react';
 import type { TextInputProps as NativeTextInputProps } from 'react-native';
-import type { OptionType, SelectProps } from '../types';
-export interface MultiSelectProps<V, T extends OptionType<V> = OptionType<V>> extends SelectProps<V, T> {
+import type { SelectOptionType, SelectProps } from '../types';
+export interface MultiSelectProps<V, T extends SelectOptionType<V> = SelectOptionType<V>> extends SelectProps<V, T> {
     /**
      * Current selected value.
      */
@@ -26,5 +26,5 @@ export interface MultiSelectProps<V, T extends OptionType<V> = OptionType<V>> ex
      */
     supportedOrientations?: ('portrait' | 'landscape')[];
 }
-declare function MultiSelect<V, T extends OptionType<V>>({ footerLabel, label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, }: MultiSelectProps<V, T>): React.JSX.Element;
+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, }: MultiSelectProps<V, T>): React.JSX.Element;
 export default MultiSelect;

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

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

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

@@ -2,10 +2,10 @@ import React from 'react';
 import { SectionList } from 'react-native';
 import type { SingleSelectProps } from '.';
 import { BaseOptionListProps } from '../BaseOptionList';
-import type { OptionType, SectionType } from '../types';
-type OptionListProps<V, T extends OptionType<V>> = Pick<SingleSelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange' | 'value' | 'renderOption'> & {
+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 OptionType<V>>({ keyExtractor, loading, onEndReached, onPress, onQueryChange, sections, renderOption, value, sectionListRef, ...rest }: OptionListProps<V, T>) => React.JSX.Element;
+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/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { TextInputProps as NativeTextInputProps } from 'react-native';
-import type { OptionType, SelectProps } from '../types';
-export interface SingleSelectProps<V, T extends OptionType<V> = OptionType<V>> extends SelectProps<V, T> {
+import type { SelectOptionType, SelectProps } from '../types';
+export interface SingleSelectProps<V, T extends SelectOptionType<V> = SelectOptionType<V>> extends SelectProps<V, T> {
     /**
      * Current selected value.
      */
@@ -19,5 +19,5 @@ export interface SingleSelectProps<V, T extends OptionType<V> = OptionType<V>> e
      */
     supportedOrientations?: ('portrait' | 'landscape')[];
 }
-declare const SingleSelect: <V, T extends OptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, }: SingleSelectProps<V, T>) => React.JSX.Element;
+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, }: SingleSelectProps<V, T>) => React.JSX.Element;
 export default SingleSelect;

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

@@ -1,10 +1,10 @@
-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) => string | number;
-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>[];
+import type { SectionData, CombinedOptionsType, SelectOptionType } from './types';
+export declare const getKey: <V, T extends SelectOptionType<V>>(option: T, index: number, keyExtractor?: (opt: T, i?: number) => string) => string | number;
+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>[];
 export type ScrollParams = {
     itemIndex: number;
     sectionIndex: number;
 };
-export declare const getScrollParams: <V, T extends OptionType<V>>(value: V, sections: SectionData<V, T>[]) => ScrollParams;
+export declare const getScrollParams: <V, T extends SelectOptionType<V>>(value: V, sections: SectionData<V, T>[]) => ScrollParams;

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

@@ -2,7 +2,7 @@ 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, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, }: SingleSelectProps<V, T>) => import("react").JSX.Element) & {
+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, }: SingleSelectProps<V, T>) => import("react").JSX.Element) & {
     Multi: typeof MultiSelect;
 };
 export default _default;

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

@@ -2,7 +2,7 @@ import type { ReactElement } from 'react';
 import type { ListRenderItemInfo, SectionListData, SectionListRenderItemInfo, StyleProp, ViewStyle } from 'react-native';
 import { BottomSheetProps } from '../BottomSheet';
 import type { TextInputProps } from '../TextInput';
-export type OptionType<V> = {
+export type SelectOptionType<V> = {
     value: V;
     text: string;
     key?: string;
@@ -12,17 +12,17 @@ export type OptionType<V> = {
 export type SectionType = {
     category: string;
 };
-export type SectionData<V, T extends OptionType<V>> = SectionListData<T, SectionType>;
-export type CombinedOptionsType<V, T extends OptionType<V>> = T[] | SectionData<V, T>[];
-export type ListRenderOptionInfo<V, T extends OptionType<V>> = ListRenderItemInfo<T> & {
+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 OptionType<V>> = SectionListRenderItemInfo<T, SectionType> & {
+export type SectionListRenderOptionInfo<V, T extends SelectOptionType<V>> = SectionListRenderItemInfo<T, SectionType> & {
     selected: boolean;
     onPress: () => void;
 };
-export interface SelectProps<V, T extends OptionType<V>> extends Pick<TextInputProps, 'editable' | 'disabled' | 'error' | 'required'> {
+export interface SelectProps<V, T extends SelectOptionType<V>> extends Pick<TextInputProps, 'editable' | 'disabled' | 'error' | 'required'> {
     /**
      * An array of options to be selected.
      */

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

@@ -6,13 +6,13 @@ declare const StyledWrapper: import("@emotion/native").StyledComponent<import("r
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledTitle: import("@emotion/native").StyledComponent<import("../../Typography/Title").TitleProps & {
+declare const StyledTitle: import("@emotion/native").StyledComponent<import("../../..").TitleProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     themeVariant: ThemeVariant;
 }, {}, {}>;
-declare const StyledDescription: import("@emotion/native").StyledComponent<import("../../Typography/Body").BodyProps & {
+declare const StyledDescription: import("@emotion/native").StyledComponent<import("../../..").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {

package/types/components/StatusScreens/Error/StyledError.d.ts

@@ -42,11 +42,11 @@ declare const StyledErrorImage: import("@emotion/native").StyledComponent<import
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-declare const StyledErrorTitle: import("@emotion/native").StyledComponent<import("../../Typography/Title").TitleProps & {
+declare const StyledErrorTitle: import("@emotion/native").StyledComponent<import("../../..").TitleProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-declare const StyledErrorDescription: import("@emotion/native").StyledComponent<import("../../Typography/Body").BodyProps & {
+declare const StyledErrorDescription: import("@emotion/native").StyledComponent<import("../../..").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;

package/types/components/StatusScreens/Success/StyledSuccess.d.ts

@@ -24,11 +24,11 @@ declare const StyledSuccessImageContainer: import("@emotion/native").StyledCompo
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledSuccessTitle: import("@emotion/native").StyledComponent<import("../../Typography/Title").TitleProps & {
+declare const StyledSuccessTitle: import("@emotion/native").StyledComponent<import("../../..").TitleProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-declare const StyledSuccessDescription: import("@emotion/native").StyledComponent<import("../../Typography/Body").BodyProps & {
+declare const StyledSuccessDescription: import("@emotion/native").StyledComponent<import("../../..").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;

package/types/components/Switch/SelectorSwitch/Option.d.ts

@@ -1,12 +1,12 @@
 import type { ReactElement } from 'react';
 import React from 'react';
 import { LayoutChangeEvent } from 'react-native';
-import type { BadgeConfigType, OptionType } from '.';
+import type { BadgeConfigType, SwitchOptionType } from '.';
 export declare const OptionContent: ({ content, badge, }: {
     content: ReactElement;
     badge?: BadgeConfigType;
 }) => React.JSX.Element;
-declare const Option: <T>({ text, icon, badge, selected, onLayout, index, }: Pick<OptionType<T>, "text" | "icon" | "badge"> & {
+declare const Option: <T>({ text, icon, badge, selected, onLayout, index, }: Pick<SwitchOptionType<T>, "text" | "icon" | "badge"> & {
     selected: boolean;
     onLayout?: (e: LayoutChangeEvent) => void;
     index?: number;

package/types/components/Switch/SelectorSwitch/index.d.ts

@@ -5,7 +5,7 @@ type StatusBadgeType = {
     type: 'status';
 };
 export type BadgeConfigType = StatusBadgeType;
-export type OptionType<T> = {
+export type SwitchOptionType<T> = {
     value: T;
     text: string;
     icon: IconName;
@@ -15,7 +15,7 @@ export interface SelectorSwitchProps<T> {
     /**
      * Array of exactly TWO options to switch between.
      */
-    options: [OptionType<T>, OptionType<T>];
+    options: [SwitchOptionType<T>, SwitchOptionType<T>];
     /**
      * Current selected value.
      */

package/types/components/Tag/StyledTag.d.ts

@@ -8,7 +8,7 @@ declare const StyledView: import("@emotion/native").StyledComponent<import("reac
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledText: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
+declare const StyledText: import("@emotion/native").StyledComponent<import("../..").CaptionProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {

package/types/components/TextInput/StyledTextInput.d.ts

@@ -22,7 +22,7 @@ declare const StyledLabelInsideTextInput: import("@emotion/native").StyledCompon
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledAsteriskLabelInsideTextInput: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
+declare const StyledAsteriskLabelInsideTextInput: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
@@ -34,17 +34,17 @@ declare const StyledErrorContainer: import("@emotion/native").StyledComponent<im
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledError: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
+declare const StyledError: import("@emotion/native").StyledComponent<import("../..").CaptionProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-declare const StyledMaxLengthMessage: import("@emotion/native").StyledComponent<import("../Typography/Caption").CaptionProps & {
+declare const StyledMaxLengthMessage: import("@emotion/native").StyledComponent<import("../..").CaptionProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     themeState: State;
 }, {}, {}>;
-declare const StyledHelperText: ({ children, fontWeight, intent, allowFontScaling, ...nativeProps }: import("../Typography/Caption").CaptionProps) => import("react").JSX.Element;
+declare const StyledHelperText: ({ children, fontWeight, intent, allowFontScaling, ...nativeProps }: import("../..").CaptionProps) => import("react").JSX.Element;
 declare const StyledTextInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/types/components/Toast/StyledToast.d.ts

@@ -42,7 +42,7 @@ declare const CTAWrapper: import("@emotion/native").StyledComponent<import("reac
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;
-declare const StyledBody: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
+declare const StyledBody: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & TextProps & {

package/types/types.d.ts

@@ -1,20 +1,39 @@
 import type { BottomNavigationTabType } from './components/BottomNavigation';
-import type { IconName } from './components/Icon';
+import type { IconName, IconProps } from './components/Icon';
 import type { SingleSelectProps, MultiSelectProps } from './components/Select';
 import type { TabType } from './components/Tabs';
 import type { TextInputProps, TextInputHandles } from './components/TextInput';
 import type { RichTextEditorRef, RichTextEditorProps } from './components/RichTextEditor';
 import type { Theme } from './theme';
-import type { ListRenderOptionInfo, SectionListRenderOptionInfo } from './components/Select/types';
+import { ListRenderOptionInfo, SectionListRenderOptionInfo, SelectOptionType } from './components/Select/types';
 import { SwipeableProps } from './components/Swipeable';
 import { TextProps } from './components/Typography/Text';
 import { CardCarouselHandles } from './components/Carousel/CardCarousel';
 import { FABHandles } from './components/FAB/FAB';
 import { ActionGroupHandles, ActionGroupProps } from './components/FAB/ActionGroup';
+import type { ActionItemProps } from './components/FAB/ActionGroup/ActionItem';
 import type { SliderRangeValue } from './components/Slider/RangeSlider';
 import type { CalendarDateRange } from './components/Calendar/CalendarRange';
 import { LocaleCode, LocaleValues, DateTimeFormats } from './locales/types';
 import type { ColumnChartProps } from './components/Chart/ColumnChart';
 import { LineChartProps } from './components/Chart/Line';
 import type { Scale, SystemPalette } from './theme/global';
-export type { ActionGroupProps, BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, SliderRangeValue, CalendarDateRange, LocaleCode, LocaleValues, DateTimeFormats, ColumnChartProps, LineChartProps, Scale, SystemPalette, };
+import type { BrandSystemPalette, GlobalSystemPalette } from './theme/global/colors/types';
+import { ToolbarItemProps } from './components/Toolbar/ToolbarItem';
+import type { CheckboxProps } from './components/Checkbox';
+import type { SwitchOptionType } from './components/Switch/SelectorSwitch';
+import type { BoxProps } from './components/Box';
+import type { BodyProps } from './components/Typography/Body';
+import type { ToolbarButtonName } from './components/RichTextEditor/types';
+import type { ListItemProps } from './components/List/ListItem';
+import type { IconButtonProps } from './components/Button/IconButton';
+import type { BadgeProps } from './components/Badge';
+import { ToastProps } from './components/Toast/types';
+import { Space } from './theme/global/space';
+import { CaptionProps } from './components/Typography/Caption';
+import { Radii } from './theme/global/borders';
+import { TitleProps } from './components/Typography/Title';
+import { CarouselData, CarouselImageProps } from './components/Carousel/types';
+import { PinInputHandler } from './components/PinInput';
+import { ThemeScale } from './components/Box/types';
+export type { Space, CaptionProps, Radii, TitleProps, CarouselData, CarouselImageProps, PinInputHandler, ThemeScale, ToastProps, ActionGroupProps, ToolbarItemProps, BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SelectOptionType, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, ActionItemProps, SliderRangeValue, CalendarDateRange, LocaleCode, LocaleValues, DateTimeFormats, ColumnChartProps, LineChartProps, Scale, SystemPalette, BrandSystemPalette, GlobalSystemPalette, IconProps, CheckboxProps, SwitchOptionType, BoxProps, BodyProps, ToolbarButtonName, ListItemProps, IconButtonProps, BadgeProps, };