@hero-design/rn 0.0.0-mainIsReactNative-1 → 0.0.0-mainIsReactNative-2

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

@@ -1,22 +1,49 @@
-declare const StyledContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { Animated, View } from 'react-native';
+import type { ViewProps } from 'react-native';
+declare const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    enableShadow: boolean;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledDragableContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledDragableContainer: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    enableShadow: boolean;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledBackdrop: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledBackdrop: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").PressableProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledDrawerContainer: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    enableShadow: boolean;
+}, {}, {}>;
+declare const StyledDragableDrawerContainer: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    enableShadow: boolean;
+}, {}, {}>;
+declare const StyledHandlerContainer: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledDrawerContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledDragableDrawerContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledHandlerContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledHandler: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledHandler: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    active?: boolean;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledBackdrop, StyledContainer, StyledDrawerContainer, StyledHandlerContainer, StyledHandler, StyledDragableContainer, StyledDragableDrawerContainer, };

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

@@ -1,19 +1,31 @@
-declare const StyledContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { Animated, View } from 'react-native';
+import type { ViewProps } from 'react-native';
+declare const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledContainerInModal: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledActionGroupContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledFAB: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledBackdropPressable: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledBackdrop: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledContainerInModal: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
+declare const StyledActionGroupContainer: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledFAB: import("@emotion/native").StyledComponent<import("../FAB").FABProps & import("react").RefAttributes<import("../FAB").FABHandles> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledBackdropPressable: import("@emotion/native").StyledComponent<import("react-native").PressableProps & import("react").RefAttributes<View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledBackdrop: import("@emotion/native").StyledComponent<import("../../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export { StyledActionGroupContainer, StyledBackdrop, StyledBackdropPressable, StyledContainer, StyledContainerInModal, StyledFAB, };

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

@@ -1,10 +1,15 @@
-declare const StyledActionItem: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledActionItemText: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledIcon: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+import type { TouchableOpacityProps } from 'react-native';
+import type { IconProps } from '../../Icon';
+declare const StyledActionItem: import("@emotion/native").StyledComponent<TouchableOpacityProps & import("react").RefAttributes<import("react-native").View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledActionItemText: import("@emotion/native").StyledComponent<import("../../..").BodyProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & TouchableOpacityProps, {}, {}>;
+declare const StyledIcon: import("@emotion/native").StyledComponent<IconProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export { StyledIcon, StyledActionItem, StyledActionItemText };

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

@@ -1,7 +1,14 @@
-declare const StyledFABPairWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledFAB: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+declare const StyledFABPairWrapper: import("@emotion/native").StyledComponent<import("../../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledFAB: import("@emotion/native").StyledComponent<import("../FAB").FABProps & {
+    titleStyle?: import("react-native").StyleProp<import("react-native").TextStyle>;
+} & import("react").RefAttributes<import("../FAB").FABHandles> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    iconOnly?: boolean;
+    isLast?: boolean;
+}, {}, {}>;
 export { StyledFABPairWrapper, StyledFAB };

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

@@ -1,13 +1,23 @@
-declare const StyledFAB: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledFABIcon: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledFABText: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledIconContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+import type { TextProps } from 'react-native';
+import { Animated } from 'react-native';
+import type { IconProps } from '../Icon';
+declare const StyledFAB: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").View>> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeActive?: boolean;
+    themeIconOnly?: boolean;
+}, {}, {}>;
+declare const StyledFABIcon: import("@emotion/native").StyledComponent<IconProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledFABText: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & TextProps, {}, {}>;
+declare const StyledIconContainer: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export { StyledFAB, StyledFABIcon, StyledFABText, StyledIconContainer };

package/types/components/FilterTrigger/StyledFilterTrigger.d.ts

@@ -1,9 +1,20 @@
-export declare const StyledFilterWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledBadge: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledText: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
+type Variant = 'filled' | 'outlined' | 'ghost';
+export declare const StyledFilterWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeActive: boolean;
+    themeVariant: Variant;
+    themeHasLabel: boolean;
+}, {}, {}>;
+export declare const StyledBadge: import("@emotion/native").StyledComponent<(import("../Badge").BadgeProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}) & {
+    themeHasLabel: boolean;
+}, {}, {}>;
+export declare const StyledText: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+export {};

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

@@ -1,13 +1,19 @@
-declare const StyledWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledPrefixWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledSuffixWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledIcon: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<any> | undefined;
 }>;
+declare const StyledPrefixWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledSuffixWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export { StyledWrapper, StyledPrefixWrapper, StyledSuffixWrapper, StyledIcon };

package/types/components/Icon/HeroIcon/index.d.ts

@@ -1,4 +1,12 @@
-declare const StyledHeroIcon: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+type ThemeSize = 'xxxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+type ThemeIntent = 'text' | 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted' | 'muted' | 'inactive';
+declare const StyledHeroIcon: import("@emotion/native").StyledComponent<import("react-native-vector-icons/Icon").IconProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeSize: ThemeSize;
+    themeIntent: ThemeIntent;
+}, {}, {
+    ref?: import("react").Ref<import("react-native-vector-icons/Icon").Icon> | undefined;
 }>;
 export default StyledHeroIcon;

package/types/components/InlineLoader/StyledInlineLoader.d.ts

@@ -1,7 +1,18 @@
-declare const StyledContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+import type { InlineLoaderTextSizeName } from './types';
+type ThemeSize = InlineLoaderTextSizeName;
+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;
 }>;
-declare const StyledIconContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledIconContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeSize: ThemeSize;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledContainer, StyledIconContainer };

package/types/components/List/StyledBasicListItem.d.ts

@@ -1,13 +1,27 @@
-declare const StyledPrefixContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+declare const StyledPrefixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledSuffixContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+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;
 }>;
-declare const StyledTitleContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledListItemContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledTitleContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
+declare const StyledListItemContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & import("react").RefAttributes<View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeSelected?: boolean;
+    themeDisabled?: boolean;
+}, {}, {}>;
 export { StyledListItemContainer, StyledPrefixContainer, StyledTitleContainer, StyledSuffixContainer, };

package/types/components/List/StyledListGroup.d.ts

@@ -1,6 +1,12 @@
+import { View } from 'react-native';
 type MarginHorizontal = 'none' | 'small' | 'medium' | 'large';
-declare const StyledListGroupContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledListGroupContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeMarginHorizontal?: MarginHorizontal;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledListGroupContainer };
 export type { MarginHorizontal };

package/types/components/List/StyledListItem.d.ts

@@ -1,22 +1,51 @@
-declare const StyledListItemContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+type Variant = 'full-width' | 'card';
+type LeadingStatusIntent = 'success' | 'warning' | 'danger' | 'info' | 'archived';
+declare const StyledListItemContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & import("react").RefAttributes<View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeSelected?: boolean;
+    themeVariant?: Variant;
+}, {}, {}>;
+declare const StyledContentContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledContentContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledChildrenContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeHasTitle: boolean;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledChildrenContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledLeadingStatus: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeLeadingStatusIntent: LeadingStatusIntent;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledLeadingStatus: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledPrefixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledPrefixContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+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;
 }>;
-declare const StyledSuffixContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-declare const StyledTitleContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+declare const StyledTitleContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
 export { StyledListItemContainer, StyledContentContainer, StyledChildrenContainer, StyledLeadingStatus, StyledPrefixContainer, StyledTitleContainer, StyledSuffixContainer, };

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

@@ -1,21 +1,41 @@
-export declare const StyledContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { View } from 'react-native';
+type State = 'idle' | 'selected' | 'applied';
+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 StyledContent: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeState: State;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-export declare const StyledBadge: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledBadge: 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 StyledImage: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledIcon: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledBadgeIcon: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledFocusIcon: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledImage: import("@emotion/native").StyledComponent<import("react-native").ImageProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<import("react-native").Image> | undefined;
 }>;
+export declare const StyledIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+export declare const StyledBadgeIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+export declare const StyledFocusIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+export {};

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

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

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

@@ -1,31 +1,67 @@
-export declare const StyledWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledPinWrapper: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+import { TextInput, View } from 'react-native';
+export 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 declare const StyledPinWrapper: import("@emotion/native").StyledComponent<import("react-native").PressableProps & import("react").RefAttributes<View> & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 export type State = 'default' | 'disabled' | 'error';
-export declare const StyledCell: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledCellText: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
-}>;
-export declare const StyledSpacer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledCell: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeFocused: boolean;
+    themeState: State;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-export declare const StyledMask: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledCellText: import("@emotion/native").StyledComponent<import("../..").TitleProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeState: State;
+}, {}, {}>;
+export declare const StyledSpacer: 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 StyledFilledMask: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledMask: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeState: State;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-export declare const StyledHiddenInput: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledFilledMask: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeState: State;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
 }>;
-export declare const StyledErrorContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledHiddenInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themePinLength: number;
+}, {}, {
+    ref?: import("react").Ref<TextInput> | undefined;
 }>;
-export declare const StyledErrorMessage: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: React.Ref<InstanceType<C>>;
+export declare const StyledErrorContainer: 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 StyledErrorMessage: import("@emotion/native").StyledComponent<import("../..").CaptionProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;

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

@@ -1,8 +1,5 @@
 import type { PortalType } from './contexts';
 import type { ActionTypes } from './types';
-export declare const reducer: (state: Record<string, Array<PortalType>>, action: ActionTypes) => {
-    [x: string]: PortalType[] | {
-        node: React.ReactNode;
-        name: string;
-    }[];
-};
+type State = Record<string, Array<PortalType>>;
+export declare const reducer: (state: Record<string, Array<PortalType>>, action: ActionTypes) => State;
+export {};