@hero-design/rn 8.113.1 → 8.115.0

package/types/components/Slider/RangeSlider.d.ts

@@ -1,60 +0,0 @@
-import React from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-export type SliderRangeValue = {
-    start: number;
-    end: number;
-};
-interface RangeSliderProps {
-    /**
-     * Minimum value of the slider.
-     */
-    minimumValue: number;
-    /**
-     * Maximum value of the slider.
-     */
-    maximumValue: number;
-    /**
-     * Step value of the slider.
-     * The value should be between 1 and (maximumValue - minimumValue).
-     * Defaults to 1.
-     */
-    step?: number;
-    /**
-     * Range value of the slider.
-     * Defaults to minimumValue.
-     */
-    value?: SliderRangeValue;
-    /**
-     * Whether the two markers should be allowed to overlap.
-     * Defaults to false.
-     */
-    allowOverlap?: boolean;
-    /**
-     * Callback continuously called while the user is dragging the slider.
-     */
-    onValueChange?: (value: SliderRangeValue) => void;
-    /**
-     * Callback that is called when the user picks up the slider.
-     * The initial value is passed as an argument to the callback handler.
-     */
-    onSlidingStart?: () => void;
-    /**
-     * Callback that is called when the user releases the slider, regardless if the value has changed.
-     * The current value is passed as an argument to the callback handler.
-     */
-    onSlidingComplete?: (value: SliderRangeValue) => void;
-    /**
-     * Whether the slider is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-}
-declare const Slider: ({ minimumValue, maximumValue, step, value, onValueChange, onSlidingStart, onSlidingComplete, disabled, style, testID, allowOverlap, }: RangeSliderProps) => React.JSX.Element;
-export default Slider;

package/types/components/Slider/SingleSlider.d.ts

@@ -1,53 +0,0 @@
-import React from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-export interface SingleSliderProps {
-    /**
-     * Minimum value of the slider.
-     * Defaults to 0.
-     */
-    minimumValue?: number;
-    /**
-     * Maximum value of the slider.
-     * Defaults to 1.
-     */
-    maximumValue?: number;
-    /**
-     * Step value of the slider.
-     * The value should be between 0 and (maximumValue - minimumValue).
-     * Defaults to 0.
-     */
-    step?: number;
-    /**
-     * Value of the slider.
-     * Defaults to 0.
-     */
-    value?: number;
-    /**
-     * Callback continuously called while the user is dragging the slider.
-     */
-    onValueChange?: (value: number) => void;
-    /**
-     * Callback that is called when the user picks up the slider.
-     * The initial value is passed as an argument to the callback handler.
-     */
-    onSlidingStart?: (value: number) => void;
-    /**
-     * Callback that is called when the user releases the slider, regardless if the value has changed.
-     * The current value is passed as an argument to the callback handler.
-     */
-    onSlidingComplete?: (value: number) => void;
-    /**
-     * Whether the slider is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-}
-declare const Slider: ({ minimumValue, maximumValue, step, value, onValueChange, onSlidingStart, onSlidingComplete, disabled, style, testID, }: SingleSliderProps) => React.JSX.Element;
-export default Slider;

package/types/components/Slider/StyledRangeSlider.d.ts

@@ -1,10 +0,0 @@
-import { View } from 'react-native';
-declare const StyledMarker: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeDisabled: boolean;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export { StyledMarker };

package/types/components/Slider/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const DISABLED_UNSELECTED_TRACK_OPACITY = 0.1;
-export declare const DISABLED_SELECTED_TRACK_OPACITY = 1;
-export declare const UNSELECTED_TRACK_OPACITY = 0.1;

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

@@ -1,8 +0,0 @@
-import type { FunctionComponent } from 'react';
-import type { SingleSliderProps } from './SingleSlider';
-import Range from './RangeSlider';
-interface SliderProps extends FunctionComponent<SingleSliderProps> {
-    Range: typeof Range;
-}
-declare const Slider: SliderProps;
-export default Slider;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const AnimatedSpinner: ({ size, intent, }: {
-    size: "small" | "medium";
-    intent: "primary" | "inverted";
-}) => React.JSX.Element;
-export { AnimatedSpinner };

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

@@ -1,34 +0,0 @@
-import { View } from 'react-native';
-import type { ViewProps } from 'react-native';
-declare const StyledView: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledSpinnerContainer: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledSpinnerRow: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themePosition: "top" | "bottom";
-    themeSize: "small" | "medium";
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledSpinnerDot: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themePosition: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
-    themeSize: "small" | "medium";
-    themeIntent: "primary" | "inverted";
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export { StyledView, StyledSpinnerContainer, StyledSpinnerRow, StyledSpinnerDot, };

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

@@ -1,18 +0,0 @@
-import type { ReactElement } from 'react';
-import type { ViewProps } from 'react-native';
-interface SpinnerProps extends ViewProps {
-    /**
-     * Size of Spinner.
-     */
-    size?: 'small' | 'medium';
-    /**
-     * Spinner's variant.
-     */
-    intent?: 'primary' | 'inverted';
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-}
-declare const Spinner: ({ testID, size, intent, ...nativeProps }: SpinnerProps) => ReactElement;
-export default Spinner;

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

@@ -1,27 +0,0 @@
-import { View } from 'react-native';
-type ThemeVariant = 'light' | 'dark';
-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;
-}>;
-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("../../..").BodyProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeVariant: ThemeVariant;
-}, {}, {}>;
-declare const StyledEmptyImageContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export { StyledWrapper, StyledTitle, StyledDescription, StyledEmptyImageContainer, };

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

@@ -1,38 +0,0 @@
-import type { ReactElement } from 'react';
-import type { ImageProps as RNImageProps, StyleProp, ViewStyle } from 'react-native';
-import type { ImageProps } from '../../Image';
-import type { IllustrationName } from '../../Illustration';
-interface EmptyProps {
-    /**
-     * Image to be displayed.
-     * @deprecated The `image` prop is deprecated and will be removed in the next major version. Use the `icon` prop instead.
-     */
-    image?: ReactElement<ImageProps | RNImageProps>;
-    /**
-     * Empty's title.
-     */
-    title: string | ReactElement;
-    /**
-     * Empty's description.
-     */
-    description?: string;
-    /**
-     * Empty's variant.
-     * @deprecated The `variant` prop is deprecated and will be removed in the next major version. Only light mode will be supported.
-     */
-    variant?: 'light' | 'dark';
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * Status icon to be displayed, this will replace the deprecated image prop.
-     */
-    icon?: IllustrationName;
-}
-declare const Empty: ({ image, title, description, style, testID, variant, icon, }: EmptyProps) => ReactElement;
-export default Empty;

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

@@ -1,59 +0,0 @@
-import { View } from 'react-native';
-type ErrorVariant = 'full-screen' | 'in-page';
-declare const StyledErrorModal: import("@emotion/native").StyledComponent<import("../../Modal").ModalProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledErrorContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeVariant: ErrorVariant;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledErrorContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledErrorButtonContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledErrorButtonPrimary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledErrorButtonSecondary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledErrorImageContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledErrorIconContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledErrorImage: import("@emotion/native").StyledComponent<import("../../Image").ImageProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-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("../../..").BodyProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-export { ErrorVariant, StyledErrorModal, StyledErrorImage, StyledErrorContainer, StyledErrorButtonContainer, StyledErrorButtonPrimary, StyledErrorButtonSecondary, StyledErrorContent, StyledErrorTitle, StyledErrorDescription, StyledErrorImageContainer, StyledErrorIconContainer, };

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

@@ -1,62 +0,0 @@
-import type { ReactElement } from 'react';
-import type { ImageSourcePropType, ViewProps, ImageProps as RNImageProps } from 'react-native';
-import type { ErrorVariant } from './StyledError';
-import type { ImageProps } from '../../Image/index';
-import type { IllustrationName } from '../../Illustration';
-interface ErrorProps extends ViewProps {
-    /**
-     * @deprecated use conditional rendering instead
-     *
-     * Visibility of the error
-     */
-    visible?: boolean;
-    /**
-     * Variant of the error
-     */
-    variant?: ErrorVariant;
-    /**
-     * Title of the error
-     */
-    title: string | ReactElement;
-    /**
-     * Description of the error
-     */
-    description?: string;
-    /**
-     * Image of the error
-     * @deprecated The `image` prop is deprecated and will be removed in the next major version. Use the `icon` prop instead.
-     */
-    image?: ReactElement<ImageProps | RNImageProps> | ImageSourcePropType | string;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * Action button text
-     */
-    ctaText?: string;
-    /**
-     * Callback when the action button is pressed.
-     */
-    onCtaPress?: () => void;
-    /**
-     * Secondary button text
-     */
-    secondaryCtaText?: string;
-    /**
-     * Callback when the secondary button is pressed.
-     */
-    onSecondaryCtaPress?: () => void;
-    /**
-     * Status icon to be displayed, this will replace the deprecated image prop.
-     */
-    icon?: IllustrationName;
-}
-/**
- * Renders error page
- *
- * @param {ErrorProps}
- * @return {*}  {ReactElement}
- */
-declare const ErrorComponent: ({ visible, variant, title, description, image, testID, ctaText, onCtaPress, secondaryCtaText, onSecondaryCtaPress, ...nativeProps }: ErrorProps) => ReactElement;
-export default ErrorComponent;

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

@@ -1,59 +0,0 @@
-import { View } from 'react-native';
-type SuccessVariant = 'full-screen' | 'in-page';
-declare const StyledSuccessContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeVariant: SuccessVariant;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledSuccessImage: import("@emotion/native").StyledComponent<import("../../Image").ImageProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledSuccessContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledSuccessImageContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledSuccessIconContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-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("../../..").BodyProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledSuccessButtonContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledSuccessButtonPrimary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledSuccessButtonSecondary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledSuccessModal: import("@emotion/native").StyledComponent<import("../../Modal").ModalProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-export { SuccessVariant, StyledSuccessImage, StyledSuccessContainer, StyledSuccessContent, StyledSuccessImageContainer, StyledSuccessIconContainer, StyledSuccessTitle, StyledSuccessDescription, StyledSuccessButtonContainer, StyledSuccessButtonPrimary, StyledSuccessButtonSecondary, StyledSuccessModal, };

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

@@ -1,56 +0,0 @@
-import type { ReactElement } from 'react';
-import type { ViewProps, ImageSourcePropType, ImageProps as RNImageProps } from 'react-native';
-import type { SuccessVariant } from './StyledSuccess';
-import type { ImageProps } from '../../Image';
-import type { IllustrationName } from '../../Illustration';
-interface SuccessProps extends ViewProps {
-    /**
-     * Image to be displayed.
-     * @deprecated The `image` prop is deprecated and will be removed in the next major version. Use the `icon` prop instead.
-     */
-    image?: ReactElement<ImageProps | RNImageProps> | ImageSourcePropType | string;
-    /**
-     * Success's title.
-     */
-    title: string | ReactElement;
-    /**
-     * Success's description.
-     */
-    description?: string | ReactElement;
-    /**
-     * Success's variant.
-     */
-    variant?: SuccessVariant;
-    /**
-     * Action button text
-     */
-    ctaText?: string;
-    /**
-     * Callback when the action button is pressed.
-     */
-    onCtaPress?: () => void;
-    /**
-     * Secondary button text.
-     */
-    secondaryCtaText?: string;
-    /**
-     * Callback when the secondary button is pressed.
-     */
-    onSecondaryCtaPress?: () => void;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * Status icon to be displayed, this will replace the deprecated image prop.
-     */
-    icon?: IllustrationName;
-}
-/**
- * Renders success page
- *
- * @param {SuccessProps} props
- * @return {*}  {ReactElement}
- */
-declare const Success: (props: SuccessProps) => ReactElement;
-export default Success;

package/types/components/Swipeable/StyledSwipeable.d.ts

@@ -1,7 +0,0 @@
-export type ActionIntent = 'primary' | 'success' | 'danger';
-export declare const StyledRectButton: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").View> & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeIntent: ActionIntent;
-}, {}, {}>;

package/types/components/Swipeable/SwipeableAction.d.ts

@@ -1,28 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-import type { ActionIntent } from './StyledSwipeable';
-export interface SwipeableActionProps {
-    /**
-     * Visual intent color applied to action.
-     */
-    intent?: ActionIntent;
-    /**
-     * Callback when the action button is pressed.
-     */
-    onPress?: () => void;
-    /**
-     * Action button's content
-     */
-    children?: ReactNode;
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-}
-declare const SwipeableAction: ({ intent, onPress, style, children, testID, }: SwipeableActionProps) => React.JSX.Element;
-export default SwipeableAction;

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

@@ -1,50 +0,0 @@
-import type { ComponentProps, ReactNode } from 'react';
-import React from 'react';
-import { Swipeable as RnghSwipeable } from 'react-native-gesture-handler';
-type State = 'closed' | 'leftOpen' | 'rightOpen';
-type RnghSwipeableProps = ComponentProps<typeof RnghSwipeable>;
-export interface SwipeableProps extends Pick<RnghSwipeableProps, 'enableTrackpadTwoFingerGesture' | 'friction' | 'leftThreshold' | 'rightThreshold' | 'overshootLeft' | 'overshootRight' | 'overshootFriction' | 'useNativeAnimations' | 'containerStyle' | 'childrenContainerStyle'> {
-    /**
-     * React node that is swipeable.
-     */
-    children: ReactNode;
-    /**
-     * State of the component.
-     */
-    state?: 'closed' | 'leftOpen' | 'rightOpen';
-    /**
-     * Callback when the state of the component changes.
-     */
-    onStateChange?: (state: State) => void;
-    /**
-     * Action panel that is going to be revealed from the left side when user swipes right.
-     */
-    leftActions?: ReactNode;
-    /**
-     * Width of the left action panel.
-     * By default, it will take up the whole width of the device.
-     */
-    leftActionsWidth?: number;
-    /**
-     * Action panel that is going to be revealed from the right side when user swipes left.
-     */
-    rightActions?: ReactNode;
-    /**
-     * Width of the right action panel.
-     * By default, it will take up the whole width of the device.
-     */
-    rightActionsWidth?: number;
-    /**
-     * Testing ID of the component
-     */
-    testID?: string;
-    /**
-     * Variant of the component.
-     */
-    variant?: 'card' | 'full-width';
-}
-declare const _default: (({ children, state, onStateChange, leftActions, leftActionsWidth, rightActions, rightActionsWidth, variant, ...swipeableProps }: SwipeableProps) => React.JSX.Element) & {
-    Action: ({ intent, onPress, style, children, testID, }: import("./SwipeableAction").SwipeableActionProps) => React.JSX.Element;
-    Content: React.ForwardRefExoticComponent<Omit<import("react-native-gesture-handler").RectButtonProps, "innerRef"> & React.RefAttributes<any>>;
-};
-export default _default;

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

@@ -1,14 +0,0 @@
-import type { ReactElement } from 'react';
-import React from 'react';
-import type { LayoutChangeEvent } from 'react-native';
-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<SwitchOptionType<T>, "text" | "icon" | "badge"> & {
-    selected: boolean;
-    onLayout?: (e: LayoutChangeEvent) => void;
-    index?: number;
-}) => ReactElement;
-export default Option;

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

@@ -1,19 +0,0 @@
-import { View, Animated } 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 StyledTextWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-export declare const StyledIconWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-export declare const StyledKnot: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;