@tecsinapse/react-core 3.3.7 → 3.4.1-beta.0

package/dist/types/components/atoms/BoxContent/styled.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { StyleProps } from '../../../types/defaults';
+import { View } from 'react-native';
+export declare const elevatedStyles: ({ theme }: Partial<StyleProps>) => {
+    shadowColor: string | undefined;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowOpacity: number;
+    shadowRadius: number;
+    elevation: number;
+}[];
+export declare const StyledBoxContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps> & {
+    ref?: import("react").Ref<View> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;

package/dist/types/components/atoms/Button/Button.d.ts

@@ -0,0 +1,28 @@
+import React, { FC } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { BorderRadiusType, ColorGradationType, ColorType, FontColorType, VariantType } from '../../../types/defaults';
+import { PressableSurfaceProps } from '../PressableSurface';
+import { TextProps } from '../Text';
+export type ButtonSizeType = 'small' | 'default';
+export type ButtonStateType = 'loading' | 'error' | 'success' | 'default';
+export interface ButtonStateProps {
+    buttonSize?: ButtonSizeType;
+    fontColor?: FontColorType;
+    textComponent?: React.FC<TextProps>;
+    text?: string;
+}
+export interface ButtonProps extends PressableSurfaceProps {
+    style?: StyleProp<ViewStyle>;
+    color?: ColorType;
+    variant?: VariantType;
+    tone?: ColorGradationType;
+    frozen?: boolean | null;
+    borderRadius?: BorderRadiusType;
+    size?: ButtonSizeType;
+    state?: ButtonStateType;
+    loadingComponent?: JSX.Element;
+    errorComponent?: JSX.Element;
+    successComponent?: JSX.Element;
+}
+declare const Button: FC<ButtonProps>;
+export default Button;

package/dist/types/components/atoms/Button/States/BaseState.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ButtonStateProps } from '../Button';
+export interface BaseStateProps extends ButtonStateProps {
+    icon: string;
+}
+declare const BaseState: FC<BaseStateProps>;
+export default BaseState;

package/dist/types/components/atoms/Button/States/Error.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ButtonStateProps } from '../Button';
+declare const Error: FC<ButtonStateProps>;
+export default Error;

package/dist/types/components/atoms/Button/States/Loading.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ButtonStateProps } from '../Button';
+declare const Loading: FC<ButtonStateProps>;
+export default Loading;

package/dist/types/components/atoms/Button/States/Success.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ButtonStateProps } from '../Button';
+declare const Success: FC<ButtonStateProps>;
+export default Success;

package/dist/types/components/atoms/Button/States/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Error } from './Error';
+export { default as Loading } from './Loading';
+export { default as Success } from './Success';

package/dist/types/components/atoms/Button/States/styled.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { ActivityIndicator } from 'react-native';
+import { TextProps } from '../../Text';
+import { ButtonStateProps } from '../Button';
+export declare const getStyledTextButton: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<ButtonStateProps> & Partial<import("../../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const StyledIndicator: import("@emotion/native").StyledComponent<import("react-native").ActivityIndicatorProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<ButtonStateProps> & Partial<import("../../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<ActivityIndicator> | undefined;
+}>;

package/dist/types/components/atoms/Button/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Button } from './Button';
+export { Error, Success, Loading } from './States';
+export type { ButtonProps, ButtonSizeType, ButtonStateType, ButtonStateProps, } from './Button';

package/dist/types/components/atoms/Button/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ButtonProps } from './Button';
+export declare const StyledButton: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ButtonProps & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

package/dist/types/components/atoms/Card/Card.d.ts

@@ -0,0 +1,10 @@
+import { PressableSurfaceProps } from '../PressableSurface';
+import { ReactNode } from 'react';
+import { GestureResponderEvent } from 'react-native';
+import { PaperProps } from '../Paper';
+export interface CardProps extends PaperProps, Omit<PressableSurfaceProps, 'style'> {
+    onPress?: null | ((event: GestureResponderEvent) => void);
+    children?: ReactNode;
+}
+declare const Card: ({ children, elevated, onPress, ...rest }: CardProps) => JSX.Element;
+export default Card;

package/dist/types/components/atoms/Card/Footer/Footer.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export interface FooterProps {
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+}
+declare const Footer: ({ children, style }: FooterProps) => JSX.Element;
+export default Footer;

package/dist/types/components/atoms/Card/Footer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Footer } from './Footer';
+export type { FooterProps } from './Footer';

package/dist/types/components/atoms/Card/Header/Header.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export interface HeaderProps {
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+}
+declare const Header: ({ children, style }: HeaderProps) => JSX.Element;
+export default Header;

package/dist/types/components/atoms/Card/Header/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Header } from './Header';
+export type { HeaderProps } from './Header';

package/dist/types/components/atoms/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Card } from './Card';
+export type { CardProps } from './Card';

package/dist/types/components/atoms/Card/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { CardProps } from './Card';
+export declare const StyledCard: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & CardProps & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

package/dist/types/components/atoms/Checkbox/Checkbox.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { ColorGradationType, ColorType } from '../../../types/defaults';
+export interface CheckboxProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    labelPosition?: 'left' | 'right';
+    disabled?: boolean;
+    color?: ColorType;
+    colorTone?: ColorGradationType;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+}
+declare const Checkbox: ({ children, checked, onChange, color, colorTone, labelPosition, disabled, ...rest }: CheckboxProps) => JSX.Element;
+export default Checkbox;

package/dist/types/components/atoms/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';

package/dist/types/components/atoms/Checkbox/styled.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+import { CheckboxProps } from './Checkbox';
+export declare const IconUncheckedStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<CheckboxProps & import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const IconCheckedStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<CheckboxProps & import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const IconViewStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const ViewStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;

package/dist/types/components/atoms/Divider/Divider.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ViewProps } from 'react-native';
+export interface DividerProps extends ViewProps {
+    linePosition: 'top' | 'bottom';
+    noLine?: boolean;
+}
+declare const Divider: FC<DividerProps>;
+export default Divider;

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

@@ -0,0 +1,2 @@
+export { default as Divider } from './Divider';
+export type { DividerProps } from './Divider';

package/dist/types/components/atoms/Divider/styled.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { DividerProps } from './Divider';
+export declare const StyledDivider: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps> & {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & DividerProps, {}, {}>;

package/dist/types/components/atoms/GroupButton/GroupButton.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { StyleProp, ViewStyle } from 'react-native';
+import { ColorGradationType, ColorType } from '../../../types/defaults';
+import { ButtonSizeType } from '../Button';
+export interface GroupButtonOptions {
+    activeBackgroundColor?: ColorType;
+    activeBackgroundColorTone?: ColorGradationType;
+    activeBorderColor?: ColorType;
+    activeBorderColorTone?: ColorGradationType;
+    inactiveBackgroundColor?: ColorType;
+    inactiveBackgroundColorTone?: ColorGradationType;
+    inactiveBorderColor?: ColorType;
+    inactiveBorderColorTone?: ColorGradationType;
+    activeStyle?: StyleProp<ViewStyle>;
+    inactiveStyle?: StyleProp<ViewStyle>;
+    disabled?: boolean;
+}
+export interface GroupButtonValue<T> {
+    value: T;
+    options?: GroupButtonOptions;
+}
+export interface GroupButtonProps<T> {
+    value: T;
+    options: GroupButtonValue<T>[];
+    renderKey: (option?: T) => string | number | undefined;
+    renderOption: (option: T, active: boolean) => JSX.Element;
+    onChange: (option: T) => void;
+    buttonSize?: ButtonSizeType;
+    style?: StyleProp<ViewStyle>;
+    disableAllOptions?: boolean;
+}
+declare const GroupButton: <T>({ style, ...rest }: GroupButtonProps<T>) => JSX.Element;
+export default GroupButton;

package/dist/types/components/atoms/GroupButton/GroupButtonOption.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { TextProps } from '../Text';
+export interface GroupButtonOptionProps {
+    active: boolean;
+    description: string;
+    TextComponent?: FC<TextProps>;
+}
+declare const GroupButtonOption: ({ TextComponent, active, description, }: GroupButtonOptionProps) => JSX.Element;
+export default GroupButtonOption;

package/dist/types/components/atoms/GroupButton/index.d.ts

@@ -0,0 +1,4 @@
+export { default as GroupButton } from './GroupButton';
+export type { GroupButtonProps, GroupButtonValue } from './GroupButton';
+export { default as GroupButtonOption } from './GroupButtonOption';
+export type { GroupButtonOptionProps } from './GroupButtonOption';

package/dist/types/components/atoms/GroupButton/styled.d.ts

@@ -0,0 +1,38 @@
+import { FC } from 'react';
+import { ButtonSizeType } from '../Button';
+import { TextProps } from '../Text';
+import { GroupButtonOptions } from './GroupButton';
+import { GroupButtonOptionProps } from './GroupButtonOption';
+interface PressableOptions extends GroupButtonOptions {
+    isActive: boolean;
+    isFirstOption: boolean;
+    isLastOption: boolean;
+    buttonSize?: ButtonSizeType;
+}
+export declare const StyledGroupButton: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const getStyledGroupItemText: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<GroupButtonOptionProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const StyledOption: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const StyledDivider: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const StyledPressable: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & PressableOptions & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export {};

package/dist/types/components/atoms/Icon/AntDesign.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconInternalProps } from './types';
+declare const AntDesign: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+export default AntDesign;

package/dist/types/components/atoms/Icon/Entypo.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconInternalProps } from './types';
+declare const Entypo: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+export default Entypo;

package/dist/types/components/atoms/Icon/Evil.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconInternalProps } from './types';
+declare const Evil: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+export default Evil;

package/dist/types/components/atoms/Icon/Feather.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconInternalProps } from './types';
+declare const Feather: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+export default Feather;

package/dist/types/components/atoms/Icon/FontAwesome.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconInternalProps } from './types';
+declare const FontAwesome: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+export default FontAwesome;

package/dist/types/components/atoms/Icon/FontAwesomeFive.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconInternalProps } from './types';
+declare const FontAwesomeFive: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+export default FontAwesomeFive;

package/dist/types/components/atoms/Icon/Fontisto.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconInternalProps } from './types';
+declare const Fontisto: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+export default Fontisto;

package/dist/types/components/atoms/Icon/Foundation.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconInternalProps } from './types';
+declare const Foundation: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+export default Foundation;

package/dist/types/components/atoms/Icon/Icon.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { StyleProp, TextStyle } from 'react-native';
+import { ColorGradationType, ColorType, FontColorType, IconSizeType } from '../../../types/defaults';
+import { IconType } from '../../../styles/definitions';
+export interface IconProps {
+    name: string;
+    size?: IconSizeType;
+    type: IconType;
+    fontColor?: FontColorType;
+    colorVariant?: ColorType;
+    colorTone?: ColorGradationType;
+    style?: StyleProp<TextStyle>;
+}
+declare const Icon: FC<IconProps>;
+export default Icon;

package/dist/types/components/atoms/Icon/Ionicon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconInternalProps } from './types';
+declare const Ionicon: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+export default Ionicon;

package/dist/types/components/atoms/Icon/Material.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconInternalProps } from './types';
+declare const Material: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+export default Material;

package/dist/types/components/atoms/Icon/MaterialCommunity.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconInternalProps } from './types';
+declare const MaterialCommunity: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+export default MaterialCommunity;

package/dist/types/components/atoms/Icon/Octicon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconInternalProps } from './types';
+declare const Octicon: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+export default Octicon;

package/dist/types/components/atoms/Icon/SimpleLine.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconInternalProps } from './types';
+declare const SimpleLine: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+export default SimpleLine;

package/dist/types/components/atoms/Icon/Zocial.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconInternalProps } from './types';
+declare const Zocial: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+export default Zocial;

package/dist/types/components/atoms/Icon/functions.d.ts

@@ -0,0 +1,7 @@
+import { ComponentType } from 'react';
+import { ColorGradationType, ColorType, FontColorType, ThemeProp } from '../../../types/defaults';
+import { IconInternalProps } from './types';
+import { IconType } from '../../../styles/definitions';
+export declare const registerCustomIconType: (id: string, customIcon: any) => void;
+export declare const getIconComponent: (type: IconType) => ComponentType<IconInternalProps>;
+export declare const getIconColor: (colorVariant: ColorType | undefined, colorGradation: ColorGradationType | undefined, fontColor: FontColorType, theme: ThemeProp) => string;

package/dist/types/components/atoms/Icon/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Icon } from './Icon';
+export type { IconProps } from './Icon';

package/dist/types/components/atoms/Icon/styled.d.ts

@@ -0,0 +1,7 @@
+import { ComponentType } from 'react';
+import { IconRNVIProps } from './types';
+import { IconSizeType } from '../../../types/defaults';
+export declare const getStyledIcon: (Component: ComponentType<IconRNVIProps>, size: IconSizeType) => import("@emotion/native").StyledComponent<IconRNVIProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

package/dist/types/components/atoms/Icon/types.d.ts

@@ -0,0 +1,12 @@
+import { ColorValue, StyleProp, TextProps, TextStyle } from 'react-native';
+import { IconSizeType } from '../../../types/defaults';
+export interface IconRNVIProps extends TextProps {
+    name: string;
+    color?: ColorValue | number | undefined;
+}
+export interface IconInternalProps {
+    size: IconSizeType;
+    color: string;
+    name: string;
+    style?: StyleProp<TextStyle>;
+}

package/dist/types/components/atoms/Input/Hint.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { InputVariantType } from '../Input';
+import { TextProps } from '../Text';
+interface HintProps {
+    text?: string;
+    variant: InputVariantType;
+    TextComponent?: FC<TextProps>;
+}
+declare const Hint: FC<HintProps>;
+export default Hint;

package/dist/types/components/atoms/Input/InputContainer/InputContainer.d.ts

@@ -0,0 +1,30 @@
+import { FC } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { InputElementProps } from '..';
+import { ColorGradationType, ColorType, FontColorType, FontStackType, FontWeightType, TypographyVariationType } from '../../../../types/defaults';
+import { TextProps } from '../../Text';
+export type InputVariantType = 'default' | 'error' | 'success';
+export interface InputContainerProps {
+    label?: string;
+    labelColor?: FontColorType;
+    labelColorVariant?: ColorType;
+    labelColorTone?: ColorGradationType;
+    labelTypography?: TypographyVariationType;
+    labelStack?: FontStackType;
+    LabelComponent?: FC<TextProps>;
+    labelWeight?: FontWeightType;
+    leftComponent?: JSX.Element;
+    rightComponent?: JSX.Element;
+    borderColor?: ColorType;
+    borderColorGradation?: ColorGradationType;
+    style?: StyleProp<ViewStyle>;
+    inputContainerStyle?: StyleProp<ViewStyle>;
+    focused?: boolean;
+    disabled?: boolean;
+    variant?: InputVariantType;
+    hint?: string;
+    hintComponent?: JSX.Element;
+    testID?: string;
+}
+declare const InputContainer: FC<InputContainerProps & Partial<InputElementProps>>;
+export default InputContainer;

package/dist/types/components/atoms/Input/InputElement/InputElement.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';
+export interface InputElementProps extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {
+    style?: StyleProp<TextStyle>;
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+declare const InputElement: React.ForwardRefExoticComponent<InputElementProps & React.RefAttributes<TextInput>>;
+export default InputElement;

package/dist/types/components/atoms/Input/InputMaskElement/InputMaskElement.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';
+import { MaskType } from '../hooks/useStringMask';
+import { CurrencyOptions } from '../hooks/useNumberMask';
+export interface InputMaskElementProps extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {
+    style?: StyleProp<TextStyle>;
+    value?: string | number;
+    placeholder?: string;
+    disabled?: boolean;
+    onChange?: (value: any) => void;
+    mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+declare const InputMaskElement: React.ForwardRefExoticComponent<InputMaskElementProps & React.RefAttributes<TextInput>>;
+export default InputMaskElement;

package/dist/types/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts

@@ -0,0 +1,11 @@
+import { PressableStateCallbackType, StyleProp, ViewStyle } from 'react-native';
+import { InputContainerProps } from '../InputContainer/InputContainer';
+import { ReactNode } from 'react';
+export interface PressableInputContainerProps extends Omit<InputContainerProps, 'value' | 'onChange' | 'onChangeText' | 'disabled' | 'style'> {
+    onPress?: () => void | never;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle> | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
+    children?: ReactNode;
+}
+declare const PressableInputContainer: ({ onPress, disabled, style, children, ...rest }: PressableInputContainerProps) => JSX.Element;
+export default PressableInputContainer;

package/dist/types/components/atoms/Input/PressableInputContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PressableInputContainer } from './PressableInputContainer';
+export type { PressableInputContainerProps } from './PressableInputContainer';

package/dist/types/components/atoms/Input/PressableInputContainer/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledPressableSurface: import("@emotion/native").StyledComponent<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;

package/dist/types/components/atoms/Input/hooks/useInputFocus.d.ts

@@ -0,0 +1,5 @@
+export declare const useInputFocus: (onFocus?: () => void, onBlur?: () => void, focusEnabled?: boolean) => {
+    focused: boolean;
+    handleBlur: () => void;
+    handleFocus: () => void;
+};

package/dist/types/components/atoms/Input/hooks/useNumberMask.d.ts

@@ -0,0 +1,8 @@
+import currency from 'currency.js';
+import { MaskValue } from './useStringMask';
+export type CurrencyOptions = currency.Options;
+export declare const getInternalNumberAndMask: (value: string | number, options?: CurrencyOptions) => {
+    internalNumber: number;
+    mergedOptions: CurrencyOptions;
+};
+export declare const useNumberMask: (options?: CurrencyOptions, defaultValue?: string | number) => [MaskValue, (value: string | number) => void];

package/dist/types/components/atoms/Input/hooks/useStringMask.d.ts

@@ -0,0 +1,8 @@
+export interface MaskValue {
+    formatted?: string;
+    raw?: string | number;
+}
+export type MaskType = string | RegExp | Array<RegExp>;
+export declare const mergeMask: (value: string | undefined, mask: MaskType[]) => MaskValue;
+export declare const getMask: (mask: MaskType[] | ((value: string) => MaskType[]), newValue: string) => MaskType[];
+export declare const useStringMask: (mask: MaskType[] | ((value: string) => MaskType[]), defaultValue?: string | number) => [MaskValue, (text: string | number) => void];

package/dist/types/components/atoms/Input/index.d.ts

@@ -0,0 +1,13 @@
+export { default as Hint } from './Hint';
+export * from './hooks/useInputFocus';
+export * from './hooks/useNumberMask';
+export * from './hooks/useStringMask';
+export { default as InputContainer } from './InputContainer/InputContainer';
+export type { InputContainerProps, InputVariantType, } from './InputContainer/InputContainer';
+export { default as InputElement } from './InputElement/InputElement';
+export type { InputElementProps } from './InputElement/InputElement';
+export { default as InputMaskElement } from './InputMaskElement/InputMaskElement';
+export type { InputMaskElementProps } from './InputMaskElement/InputMaskElement';
+export { PressableInputContainer } from './PressableInputContainer';
+export type { PressableInputContainerProps } from './PressableInputContainer';
+export { StyledBorderKeeper, disabledInputStyles } from './styled';