@hero-design/rn 8.131.2 → 8.131.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hero-design/rn
 
+## 8.131.3
+
+### Patch Changes
+
+- [#5158](https://github.com/Thinkei/hero-design/pull/5158) [`83dc767c00d8ba69eb03fbb50335b04e126ad4cd`](https://github.com/Thinkei/hero-design/commit/83dc767c00d8ba69eb03fbb50335b04e126ad4cd) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - Export all component Props types from the package root.
+
 ## 8.131.2
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.131.2",
+  "version": "8.131.3",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/src/components/Alert/index.tsx

@@ -92,7 +92,7 @@ interface BasicAlertProps {
   actionLabel?: string;
 }
 
-type AlertProps =
+export type AlertProps =
   | (BasicAlertProps & {
       actionLabel?: undefined;
     })

package/src/components/AppCue/index.tsx

@@ -18,7 +18,7 @@ import Icon from '../Icon';
 import { useTheme } from '../../theme';
 import { calculatePosition, calulateContentMaxWidth } from './utils';
 
-interface AppCueProps {
+export interface AppCueProps {
   /*
    * The content of the App Cue.
    */

package/src/components/Attachment/index.tsx

@@ -12,7 +12,7 @@ import Icon from '../Icon';
 import Typography from '../Typography';
 import type { ImageProps } from '../Image';
 
-interface AttachmentProps {
+export interface AttachmentProps {
   /**
    * Attachment filename.
    */

package/src/components/BottomNavigation/index.tsx

@@ -36,7 +36,7 @@ export type BottomNavigationTabType = {
     testID?: string;
   };
 };
-interface BottomNavigationProps extends ViewProps {
+export interface BottomNavigationProps extends ViewProps {
   /**
    * Callback which is called on tab press, receiving key of upcoming active Tab.
    */

package/src/components/Carousel/index.tsx

@@ -22,7 +22,7 @@ import {
 } from './StyledCarousel';
 import type { CarouselData } from './types';
 
-interface CarouselProps extends ViewProps {
+export interface CarouselProps extends ViewProps {
   /**
    * Additional style.
    */

package/src/components/Chip/index.tsx

@@ -14,7 +14,7 @@ type DeprecatedVariant = 'outlined' | 'filled';
 
 type ValidVariant = 'selection' | 'filter' | 'compact' | 'compact-outlined';
 
-interface ChipProps extends ViewProps {
+export interface ChipProps extends ViewProps {
   /**
    * The label of the chip.
    */

package/src/components/ContentNavigator/index.tsx

@@ -6,7 +6,7 @@ import Button from '../Button';
 import Typography from '../Typography';
 import { useTheme } from '../../theme';
 
-interface ContentNavigatorProps {
+export interface ContentNavigatorProps {
   /**
    * The navigator's content value.
    */

package/src/components/Divider/index.tsx

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

package/src/components/Drawer/index.tsx

@@ -12,7 +12,7 @@ import {
 
 const BACKDROP_OPACITY = 0.56;
 
-interface DrawerProps {
+export interface DrawerProps {
   /**
    * Drawer's visibility.
    */

package/src/components/FloatingIsland/index.tsx

@@ -9,7 +9,7 @@ import {
 } from './StyledFloatingIsland';
 import type { IconName } from '../Icon';
 
-interface FloatingIslandProps extends TouchableOpacityProps {
+export interface FloatingIslandProps extends TouchableOpacityProps {
   /**
    * Callback that is called when the floating island is pressed.
    */

package/src/components/HeroDesignProvider/index.tsx

@@ -7,7 +7,7 @@ import LocaleProvider from '../LocaleProvider';
 import type { LocaleValues } from '../../locales/types';
 import enAULocale from '../../locales/en_AU';
 
-interface HeroDesignProviderProps extends ThemeProviderProps {
+export interface HeroDesignProviderProps extends ThemeProviderProps {
   locale?: LocaleValues;
 }
 

package/src/components/LocaleProvider/index.tsx

@@ -4,7 +4,7 @@ import { LocaleContext } from './context';
 import { getDateFnsLocale } from './utils';
 import type { LocaleValues } from '../../locales/types';
 
-interface LocaleProviderProps {
+export interface LocaleProviderProps {
   locale: LocaleValues;
 }
 

package/src/components/PinInput/index.tsx

@@ -22,7 +22,7 @@ import {
 } from './StyledPinInput';
 import type { State } from './StyledPinInput';
 
-interface PinInputProps {
+export interface PinInputProps {
   /**
    * The value to show for the input.
    */

package/src/components/Rate/index.tsx

@@ -8,7 +8,7 @@ interface RateOption<T extends string | number> {
   value: T;
 }
 
-interface RateProps<T extends string | number> extends ViewProps {
+export interface RateProps<T extends string | number> extends ViewProps {
   /**
    * Options for rate component.
    */

package/src/components/RefreshControl/index.tsx

@@ -3,7 +3,7 @@ import type { RefreshControlProps as NativeRefreshControlProps } from 'react-nat
 import { RefreshControl as NativeRefreshControl } from 'react-native';
 import { useTheme } from '../../theme';
 
-type RefreshControlProps = Omit<
+export type RefreshControlProps = Omit<
   NativeRefreshControlProps,
   'colors' | 'tintColor'
 >;

package/src/components/SectionHeading/index.tsx

@@ -11,7 +11,7 @@ import {
 import type { IconName, IconProps } from '../Icon';
 import { useDeprecation } from '../../utils/hooks';
 
-interface SectionHeadingProps extends ViewProps {
+export interface SectionHeadingProps extends ViewProps {
   /**
    * Heading text.
    */

package/src/components/Skeleton/index.tsx

@@ -12,7 +12,7 @@ import type { Theme } from '../../theme';
 import { useTheme } from '../../theme';
 import { StyledContainer, StyledGradientContainer } from './StyledSkeleton';
 
-interface SkeletonProps extends ViewProps {
+export interface SkeletonProps extends ViewProps {
   /**
    * Intent of the component.
    */

package/src/components/Spinner/index.tsx

@@ -4,7 +4,7 @@ import type { ViewProps } from 'react-native';
 import { StyledSpinnerContainer, StyledView } from './StyledSpinner';
 import { AnimatedSpinner } from './AnimatedSpinner';
 
-interface SpinnerProps extends ViewProps {
+export interface SpinnerProps extends ViewProps {
   /**
    * Size of Spinner.
    */

package/src/components/Tag/index.tsx

@@ -5,7 +5,7 @@ import { StyledText, StyledView, StyledTagIcon } from './StyledTag';
 import { useDeprecation } from '../../utils/hooks';
 import type { IconName } from '../Icon';
 
-interface TagProps extends ViewProps {
+export interface TagProps extends ViewProps {
   /**
    * Content of the Tag.
    */

package/src/types.ts

@@ -1,119 +1,119 @@
-import type { BottomNavigationTabType } from './components/BottomNavigation';
-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 {
+export type {
+  BottomNavigationTabType,
+  BottomNavigationProps,
+} from './components/BottomNavigation';
+export type { IconName, IconProps } from './components/Icon';
+export type { SingleSelectProps, MultiSelectProps } from './components/Select';
+export type { TabType, TabsHeaderProps, TabsProps } from './components/Tabs';
+export type { TextInputProps, TextInputHandles } from './components/TextInput';
+export type {
   RichTextEditorRef,
   RichTextEditorProps,
 } from './components/RichTextEditor';
-import type { Theme } from './theme';
-import type {
+export type { Theme } from './theme';
+export type {
   ListRenderOptionInfo,
   SectionListRenderOptionInfo,
   SelectOptionType,
 } from './components/Select/types';
-import type { SwipeableProps } from './components/Swipeable';
-import type { TextProps } from './components/Typography/Text';
-import type { CardCarouselHandles } from './components/Carousel/CardCarousel';
-import type { FABHandles } from './components/FAB/FAB';
-import type {
+export type { SwipeableProps } from './components/Swipeable';
+export type { TextProps } from './components/Typography/Text';
+export type {
+  CardCarouselHandles,
+  CardCarouselProps,
+} from './components/Carousel/CardCarousel';
+export type { FABHandles, FABProps } from './components/FAB/FAB';
+export type {
   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 type {
+export type { ActionItemProps } from './components/FAB/ActionGroup/ActionItem';
+export type { SliderRangeValue } from './components/Slider/RangeSlider';
+export type { CalendarDateRange } from './components/Calendar/CalendarRange';
+export type {
   LocaleCode,
   LocaleValues,
   DateTimeFormats,
 } from './locales/types';
-import type { ColumnChartProps } from './components/Chart/ColumnChart';
-import type { LineChartProps } from './components/Chart/Line';
-import type { Scale, SystemPalette } from './theme/global';
-import type {
+export type { ColumnChartProps } from './components/Chart/ColumnChart';
+export type { LineChartProps } from './components/Chart/Line';
+export type { Scale, SystemPalette } from './theme/global';
+export type {
   BrandSystemPalette,
   GlobalSystemPalette,
 } from './theme/global/colors/types';
-import type { 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 type { ToastProps } from './components/Toast/types';
-import type { Space } from './theme/global/space';
-import type { CaptionProps } from './components/Typography/Caption';
-import type { Radii } from './theme/global/borders';
-import type { TitleProps } from './components/Typography/Title';
-import type {
-  CarouselData,
-  CarouselImageProps,
-} from './components/Carousel/types';
-import type { PinInputHandler } from './components/PinInput';
-import type { ThemeScale } from './components/Box/types';
-import type { TimePickerProps } from './components/TimePicker/types';
-import type { DatePickerProps } from './components/DatePicker/types';
-import type { SegmentedControlItemConfig } from './components/SegmentedControl/types';
-import type { ProgressSegmentedBarProps } from './components/Progress/SegmentedBar/types';
-
+export type { ToolbarItemProps } from './components/Toolbar/ToolbarItem';
+export type { CheckboxProps } from './components/Checkbox';
+export type { SwitchOptionType } from './components/Switch/SelectorSwitch';
+export type { BoxProps } from './components/Box';
+export type { BodyProps } from './components/Typography/Body';
+export type { ToolbarButtonName } from './components/RichTextEditor/types';
+export type { ListItemProps } from './components/List/ListItem';
+export type { IconButtonProps } from './components/Button/IconButton';
+export type { BadgeProps } from './components/Badge';
+export type {
+  ToastProps,
+  ToastContainerProps,
+  ToastItemProps,
+} from './components/Toast/types';
+export type { Space } from './theme/global/space';
+export type { CaptionProps } from './components/Typography/Caption';
+export type { Radii } from './theme/global/borders';
+export type { TitleProps } from './components/Typography/Title';
 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,
-  TimePickerProps,
-  DatePickerProps,
-  SegmentedControlItemConfig,
-  ProgressSegmentedBarProps,
-};
+} from './components/Carousel/types';
+export type { PinInputHandler, PinInputProps } from './components/PinInput';
+export type { ThemeScale } from './components/Box/types';
+export type { TimePickerProps } from './components/TimePicker/types';
+export type { DatePickerProps } from './components/DatePicker/types';
+export type { SegmentedControlItemConfig } from './components/SegmentedControl/types';
+export type { ProgressSegmentedBarProps } from './components/Progress/SegmentedBar/types';
+export type { DragableDrawerProps } from './components/Drawer/DragableDrawer';
+export type { DragableScrollViewProps } from './components/Drawer/DragableDrawer/DragableScrollView';
+export type { PortalHostProps } from './components/Portal/PortalHost';
+export type { PortalProviderProps } from './components/Portal/PortalProvider';
+export type { ToolbarGroupProps } from './components/Toolbar/ToolbarGroup';
+export type { InlineCheckboxProps } from './components/Checkbox/InlineCheckBox';
+export type { EditorToolbarProps } from './components/RichTextEditor/EditorToolbar';
+export type { RichTextEditorInputProps } from './components/RichTextEditor/RichTextEditorInput';
+export type { AccordionProps } from './components/Accordion';
+export type { AlertProps } from './components/Alert';
+export type { AppCueProps } from './components/AppCue';
+export type { AttachmentProps } from './components/Attachment';
+export type { AvatarProps } from './components/Avatar/Avatar';
+export type { AvatarStackProps } from './components/Avatar/AvatarStack';
+export type { BottomSheetProps } from './components/BottomSheet';
+export type { ButtonProps } from './components/Button/Button';
+export type { CalendarProps } from './components/Calendar/types';
+export type { CardProps } from './components/Card';
+export type { CarouselProps } from './components/Carousel';
+export type { ChipProps } from './components/Chip';
+export type { CollapseProps } from './components/Collapse';
+export type { ContentNavigatorProps } from './components/ContentNavigator';
+export type { DividerProps } from './components/Divider';
+export type { DrawerProps } from './components/Drawer';
+export type { FilterTriggerProps } from './components/FilterTrigger';
+export type { FloatingIslandProps } from './components/FloatingIsland';
+export type { HeroDesignProviderProps } from './components/HeroDesignProvider';
+export type { ImageProps } from './components/Image';
+export type { InlineLoaderProps } from './components/InlineLoader';
+export type { LabelProps } from './components/Typography/Label';
+export type { LocaleProviderProps } from './components/LocaleProvider';
+export type { MapPinProps } from './components/MapPin/types';
+export type { ModalProps } from './components/Modal';
+export type { PageControlProps } from './components/PageControl';
+export type { ProgressBarProps } from './components/Progress/ProgressBar';
+export type { ProgressCircleProps } from './components/Progress/ProgressCircle';
+export type { ProgressStepProps } from './components/Progress/ProgressStep';
+export type { RadioGroupProps } from './components/Radio/RadioGroup';
+export type { RateProps } from './components/Rate';
+export type { RefreshControlProps } from './components/RefreshControl';
+export type { SectionHeadingProps } from './components/SectionHeading';
+export type { SegmentedControlProps } from './components/SegmentedControl';
+export type { SingleSliderProps } from './components/Slider/SingleSlider';
+export type { SkeletonProps } from './components/Skeleton';
+export type { SpinnerProps } from './components/Spinner';
+export type { SwitchProps } from './components/Switch';
+export type { TagProps } from './components/Tag';

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

@@ -52,7 +52,7 @@ interface BasicAlertProps {
      */
     actionLabel?: string;
 }
-type AlertProps = (BasicAlertProps & {
+export type AlertProps = (BasicAlertProps & {
     actionLabel?: undefined;
 }) | (BasicAlertProps & {
     onClose: () => void;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { Placement } from './StyledAppCue';
-interface AppCueProps {
+export interface AppCueProps {
     content: string | React.ReactElement;
     target: React.ReactElement<{
         onPress?: () => void;

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

@@ -3,7 +3,7 @@ import type { ReactElement } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconProps } from '../Icon';
 import type { ImageProps } from '../Image';
-interface AttachmentProps {
+export interface AttachmentProps {
     /**
      * Attachment filename.
      */

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/Label").LabelProps & {
+declare const StyledBottomBarText: import("@emotion/native").StyledComponent<import("../..").LabelProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;

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

@@ -19,7 +19,7 @@ export type BottomNavigationTabType = {
         testID?: string;
     };
 };
-interface BottomNavigationProps extends ViewProps {
+export interface BottomNavigationProps extends ViewProps {
     /**
      * Callback which is called on tab press, receiving key of upcoming active Tab.
      */

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

@@ -2,7 +2,7 @@ import type { Dispatch, ReactElement, SetStateAction } from 'react';
 import React from 'react';
 import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
 import type { CarouselData } from './types';
-interface CarouselProps extends ViewProps {
+export interface CarouselProps extends ViewProps {
     /**
      * Additional style.
      */

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

@@ -7,7 +7,7 @@ import type { IconName } from '../Icon';
  */
 type DeprecatedVariant = 'outlined' | 'filled';
 type ValidVariant = 'selection' | 'filter' | 'compact' | 'compact-outlined';
-interface ChipProps extends ViewProps {
+export interface ChipProps extends ViewProps {
     /**
      * The label of the chip.
      */

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@ import type { ReactNode } from 'react';
 import React from 'react';
 import type { TouchableOpacityProps } from 'react-native';
 import type { IconName } from '../Icon';
-interface FloatingIslandProps extends TouchableOpacityProps {
+export interface FloatingIslandProps extends TouchableOpacityProps {
     /**
      * Callback that is called when the floating island is pressed.
      */

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ThemeProviderProps } from '../../theme/ThemeProvider';
 import type { LocaleValues } from '../../locales/types';
-interface HeroDesignProviderProps extends ThemeProviderProps {
+export interface HeroDesignProviderProps extends ThemeProviderProps {
     locale?: LocaleValues;
 }
 declare const HeroDesignProvider: ({ theme, locale, children, }: HeroDesignProviderProps) => React.JSX.Element;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { LocaleValues } from '../../locales/types';
-interface LocaleProviderProps {
+export interface LocaleProviderProps {
     locale: LocaleValues;
 }
 declare const LocaleProvider: (props: React.PropsWithChildren<LocaleProviderProps>) => React.JSX.Element;

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

@@ -2,7 +2,7 @@ import type { ComponentProps } from 'react';
 import React from 'react';
 import type { StyleProp, ViewStyle, TextInput } from 'react-native';
 import type { State } from './StyledPinInput';
-interface PinInputProps {
+export interface PinInputProps {
     /**
      * The value to show for the input.
      */

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

@@ -3,7 +3,7 @@ import type { ViewProps } from 'react-native';
 interface RateOption<T extends string | number> {
     value: T;
 }
-interface RateProps<T extends string | number> extends ViewProps {
+export interface RateProps<T extends string | number> extends ViewProps {
     /**
      * Options for rate component.
      */

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { RefreshControlProps as NativeRefreshControlProps } from 'react-native';
-type RefreshControlProps = Omit<NativeRefreshControlProps, 'colors' | 'tintColor'>;
+export type RefreshControlProps = Omit<NativeRefreshControlProps, 'colors' | 'tintColor'>;
 declare const RefreshControl: ({ ...props }: RefreshControlProps) => React.JSX.Element;
 export default RefreshControl;

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

@@ -1,7 +1,7 @@
 import type { ReactElement } from 'react';
 import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
 import type { IconName, IconProps } from '../Icon';
-interface SectionHeadingProps extends ViewProps {
+export interface SectionHeadingProps extends ViewProps {
     /**
      * Heading text.
      */

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ViewProps } from 'react-native';
-interface SkeletonProps extends ViewProps {
+export interface SkeletonProps extends ViewProps {
     /**
      * Intent of the component.
      */

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

@@ -1,6 +1,6 @@
 import type { ReactElement } from 'react';
 import type { ViewProps } from 'react-native';
-interface SpinnerProps extends ViewProps {
+export interface SpinnerProps extends ViewProps {
     /**
      * Size of Spinner.
      */

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

@@ -24,7 +24,7 @@ declare const StyledErrorButtonContainer: import("@emotion/native").StyledCompon
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledErrorButtonSecondary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
+declare const StyledErrorButtonSecondary: import("@emotion/native").StyledComponent<import("../../..").ButtonProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;

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

@@ -44,7 +44,7 @@ declare const StyledSuccessButtonContainer: import("@emotion/native").StyledComp
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledSuccessButtonSecondary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
+declare const StyledSuccessButtonSecondary: import("@emotion/native").StyledComponent<import("../../..").ButtonProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, {}, {}>;

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

@@ -1,7 +1,7 @@
 import type { ReactElement } from 'react';
 import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
 import type { IconName } from '../Icon';
-interface TagProps extends ViewProps {
+export interface TagProps extends ViewProps {
     /**
      * Content of the Tag.
      */

package/types/types.d.ts

@@ -1,43 +1,89 @@
-import type { BottomNavigationTabType } from './components/BottomNavigation';
-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, SelectOptionType } from './components/Select/types';
-import type { SwipeableProps } from './components/Swipeable';
-import type { TextProps } from './components/Typography/Text';
-import type { CardCarouselHandles } from './components/Carousel/CardCarousel';
-import type { FABHandles } from './components/FAB/FAB';
-import type { 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 type { LocaleCode, LocaleValues, DateTimeFormats } from './locales/types';
-import type { ColumnChartProps } from './components/Chart/ColumnChart';
-import type { LineChartProps } from './components/Chart/Line';
-import type { Scale, SystemPalette } from './theme/global';
-import type { BrandSystemPalette, GlobalSystemPalette } from './theme/global/colors/types';
-import type { 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 type { ToastProps } from './components/Toast/types';
-import type { Space } from './theme/global/space';
-import type { CaptionProps } from './components/Typography/Caption';
-import type { Radii } from './theme/global/borders';
-import type { TitleProps } from './components/Typography/Title';
-import type { CarouselData, CarouselImageProps } from './components/Carousel/types';
-import type { PinInputHandler } from './components/PinInput';
-import type { ThemeScale } from './components/Box/types';
-import type { TimePickerProps } from './components/TimePicker/types';
-import type { DatePickerProps } from './components/DatePicker/types';
-import type { SegmentedControlItemConfig } from './components/SegmentedControl/types';
-import type { ProgressSegmentedBarProps } from './components/Progress/SegmentedBar/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, TimePickerProps, DatePickerProps, SegmentedControlItemConfig, ProgressSegmentedBarProps, };
+export type { BottomNavigationTabType, BottomNavigationProps, } from './components/BottomNavigation';
+export type { IconName, IconProps } from './components/Icon';
+export type { SingleSelectProps, MultiSelectProps } from './components/Select';
+export type { TabType, TabsHeaderProps, TabsProps } from './components/Tabs';
+export type { TextInputProps, TextInputHandles } from './components/TextInput';
+export type { RichTextEditorRef, RichTextEditorProps, } from './components/RichTextEditor';
+export type { Theme } from './theme';
+export type { ListRenderOptionInfo, SectionListRenderOptionInfo, SelectOptionType, } from './components/Select/types';
+export type { SwipeableProps } from './components/Swipeable';
+export type { TextProps } from './components/Typography/Text';
+export type { CardCarouselHandles, CardCarouselProps, } from './components/Carousel/CardCarousel';
+export type { FABHandles, FABProps } from './components/FAB/FAB';
+export type { ActionGroupHandles, ActionGroupProps, } from './components/FAB/ActionGroup';
+export type { ActionItemProps } from './components/FAB/ActionGroup/ActionItem';
+export type { SliderRangeValue } from './components/Slider/RangeSlider';
+export type { CalendarDateRange } from './components/Calendar/CalendarRange';
+export type { LocaleCode, LocaleValues, DateTimeFormats, } from './locales/types';
+export type { ColumnChartProps } from './components/Chart/ColumnChart';
+export type { LineChartProps } from './components/Chart/Line';
+export type { Scale, SystemPalette } from './theme/global';
+export type { BrandSystemPalette, GlobalSystemPalette, } from './theme/global/colors/types';
+export type { ToolbarItemProps } from './components/Toolbar/ToolbarItem';
+export type { CheckboxProps } from './components/Checkbox';
+export type { SwitchOptionType } from './components/Switch/SelectorSwitch';
+export type { BoxProps } from './components/Box';
+export type { BodyProps } from './components/Typography/Body';
+export type { ToolbarButtonName } from './components/RichTextEditor/types';
+export type { ListItemProps } from './components/List/ListItem';
+export type { IconButtonProps } from './components/Button/IconButton';
+export type { BadgeProps } from './components/Badge';
+export type { ToastProps, ToastContainerProps, ToastItemProps, } from './components/Toast/types';
+export type { Space } from './theme/global/space';
+export type { CaptionProps } from './components/Typography/Caption';
+export type { Radii } from './theme/global/borders';
+export type { TitleProps } from './components/Typography/Title';
+export type { CarouselData, CarouselImageProps, } from './components/Carousel/types';
+export type { PinInputHandler, PinInputProps } from './components/PinInput';
+export type { ThemeScale } from './components/Box/types';
+export type { TimePickerProps } from './components/TimePicker/types';
+export type { DatePickerProps } from './components/DatePicker/types';
+export type { SegmentedControlItemConfig } from './components/SegmentedControl/types';
+export type { ProgressSegmentedBarProps } from './components/Progress/SegmentedBar/types';
+export type { DragableDrawerProps } from './components/Drawer/DragableDrawer';
+export type { DragableScrollViewProps } from './components/Drawer/DragableDrawer/DragableScrollView';
+export type { PortalHostProps } from './components/Portal/PortalHost';
+export type { PortalProviderProps } from './components/Portal/PortalProvider';
+export type { ToolbarGroupProps } from './components/Toolbar/ToolbarGroup';
+export type { InlineCheckboxProps } from './components/Checkbox/InlineCheckBox';
+export type { EditorToolbarProps } from './components/RichTextEditor/EditorToolbar';
+export type { RichTextEditorInputProps } from './components/RichTextEditor/RichTextEditorInput';
+export type { AccordionProps } from './components/Accordion';
+export type { AlertProps } from './components/Alert';
+export type { AppCueProps } from './components/AppCue';
+export type { AttachmentProps } from './components/Attachment';
+export type { AvatarProps } from './components/Avatar/Avatar';
+export type { AvatarStackProps } from './components/Avatar/AvatarStack';
+export type { BottomSheetProps } from './components/BottomSheet';
+export type { ButtonProps } from './components/Button/Button';
+export type { CalendarProps } from './components/Calendar/types';
+export type { CardProps } from './components/Card';
+export type { CarouselProps } from './components/Carousel';
+export type { ChipProps } from './components/Chip';
+export type { CollapseProps } from './components/Collapse';
+export type { ContentNavigatorProps } from './components/ContentNavigator';
+export type { DividerProps } from './components/Divider';
+export type { DrawerProps } from './components/Drawer';
+export type { FilterTriggerProps } from './components/FilterTrigger';
+export type { FloatingIslandProps } from './components/FloatingIsland';
+export type { HeroDesignProviderProps } from './components/HeroDesignProvider';
+export type { ImageProps } from './components/Image';
+export type { InlineLoaderProps } from './components/InlineLoader';
+export type { LabelProps } from './components/Typography/Label';
+export type { LocaleProviderProps } from './components/LocaleProvider';
+export type { MapPinProps } from './components/MapPin/types';
+export type { ModalProps } from './components/Modal';
+export type { PageControlProps } from './components/PageControl';
+export type { ProgressBarProps } from './components/Progress/ProgressBar';
+export type { ProgressCircleProps } from './components/Progress/ProgressCircle';
+export type { ProgressStepProps } from './components/Progress/ProgressStep';
+export type { RadioGroupProps } from './components/Radio/RadioGroup';
+export type { RateProps } from './components/Rate';
+export type { RefreshControlProps } from './components/RefreshControl';
+export type { SectionHeadingProps } from './components/SectionHeading';
+export type { SegmentedControlProps } from './components/SegmentedControl';
+export type { SingleSliderProps } from './components/Slider/SingleSlider';
+export type { SkeletonProps } from './components/Skeleton';
+export type { SpinnerProps } from './components/Spinner';
+export type { SwitchProps } from './components/Switch';
+export type { TagProps } from './components/Tag';