@hero-design/rn 8.131.1 → 8.131.3

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/Tabs/ScrollableTabsHeader/hooks/useIndicatorAnimation.d.ts

@@ -1,43 +1,5 @@
 import { Animated } from 'react-native';
 import type { LayoutChangeEvent } from 'react-native';
-/**
- * Drives two visual layers that slide to the selected tab on every press:
- *
- *  Layer 1 — bottom border / underline  (indicatorStyle)
- *  ─────────────────────────────────────────────────────
- *  Uses the "width:1 + scaleX" trick: the element has a fixed stylesheet
- *  width of 1px and scaleX is set to the target pixel width, giving a visual
- *  width of 1 × scaleX pixels without touching any layout property.
- *  Both translateX and scaleX are transform properties → native driver.
- *  Caveat: scaleX also scales border-radius, so this layer has no border-radius.
- *
- *  Layer 2 — pill background  (pillLeftStyle / pillBodyStyle / pillRightStyle)
- *  ─────────────────────────────────────────────────────────────────────────────
- *  The pill is split into three absolutely-positioned children so that
- *  border-radius is never distorted by scale:
- *
- *    ┌──────────────────────────────────────────────────────┐
- *    │  [cap-left 8px]  [body width-1 + scaleX]  [cap-right 8px]  │
- *    └──────────────────────────────────────────────────────┘
- *
- *    cap-left  — fixed 8px wide, borderTopLeftRadius:8,  translateX = pillX
- *    body      — width:1 + scaleX trick (scaleX = tabWidth - 16),
- *                transformOrigin 'left center',
- *                translateX = pillX + 8  (via Animated.add)
- *    cap-right — fixed 8px wide, borderTopRightRadius:8,
- *                translateX = pillX + tabWidth - 8  (via Animated.add)
- *
- *  All four animated values use the native driver (translateX and scaleX are
- *  transform properties). `width` is never animated, so no JS driver needed.
- *
- *  Driver summary:
- *    indicatorX        native  translateX — slides the bottom border
- *    indicatorScaleX   native  scaleX     — stretches the bottom border
- *    pillX             native  translateX — slides all three pill pieces
- *    pillBodyScaleX    native  scaleX     — stretches the pill body
- *    pillRightOffsetX  native  translateX — positions the right cap
- *                                          (Animated.add: pillX + tabWidth - 8)
- */
 declare const useIndicatorAnimation: ({ selectedIndex, tabsLength, pillCapWidth, }: {
     selectedIndex: number | undefined;
     tabsLength: number;

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';