@tecsinapse/react-core 3.3.7 → 3.4.0

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

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

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+import { TextInput } from 'react-native';
+import { InputElementProps } from '.';
+import { StyleProps } from '../../../types/defaults';
+import { InputContainerProps } from './InputContainer/InputContainer';
+export declare const disabledInputStyles: ({ disabled, theme, }: Partial<InputContainerProps> & Partial<StyleProps>) => false | import("@emotion/native").ReactNativeStyle | undefined;
+export declare const StyledIconContent: 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 StyledInputContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<InputContainerProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const StyledInputElementBase: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & InputElementProps & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<TextInput> | undefined;
+}>;
+export declare const StyledLabelContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<InputContainerProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const StyledBorderKeeper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<InputContainerProps> & 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;
+}, {}, {}>;
+export declare const StyledInputElement: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & InputElementProps & Partial<import("../../../types/defaults").ThemeProviderProps> & {
+    ref?: import("react").Ref<TextInput> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+export declare const StyledHintContainer: 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 StyledHintIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export interface PaperProps {
+    elevated?: boolean;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+}
+declare const Paper: ({ children, elevated, ...rest }: PaperProps) => JSX.Element;
+export default Paper;

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Animated } from 'react-native';
+import { PaperProps } from './Paper';
+export declare const StyledPaper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & PaperProps & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { PressableProps, StyleProp, ViewStyle } from 'react-native';
+export interface PressableSurfaceProps extends PressableProps {
+    effect?: 'darken' | 'lighten' | 'none';
+    surfaceColor?: string;
+    effectIntensity?: number;
+    effectStyle?: (pressed: boolean) => StyleProp<ViewStyle>;
+    children?: ReactNode;
+}
+declare const PressableSurface: ({ children, surfaceColor, effect, effectIntensity, effectStyle, style, ...rest }: PressableSurfaceProps) => JSX.Element;
+export default PressableSurface;

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ViewProps } from 'react-native';
+import { ColorGradationType, ColorType } from '../../../types/defaults';
+export interface ProgressBarProps extends ViewProps {
+    segments?: number;
+    valueMin?: number;
+    valueMax?: number;
+    valueNow: number | string;
+    color?: ColorType;
+    colorTone?: ColorGradationType;
+}
+declare const ProgressBar: ({ segments: _segments, valueMin, valueNow: _valueNow, valueMax, color, colorTone, ...rest }: ProgressBarProps) => JSX.Element;
+export default ProgressBar;

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

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

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const Container: 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 Segment: 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 Progress: 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;
+}>;

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

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

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

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

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+import { RadioButtonProps } from './RadioButton';
+export declare const IconWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<RadioButtonProps & import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const ScaledView: 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;
+}>;
+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/Switch/Switch.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { ColorGradationType, ColorType } from '../../../types/defaults';
+export interface SwitchProps {
+    onChange: (active: boolean) => void;
+    active: boolean;
+    activeColor?: ColorType;
+    activeColorTone?: ColorGradationType;
+    inactiveColor?: ColorType;
+    inactiveColorTone?: ColorGradationType;
+    style?: StyleProp<ViewStyle>;
+    dotStyle?: StyleProp<ViewStyle>;
+    disabled?: boolean;
+}
+declare const Switch: FC<SwitchProps>;
+export default Switch;

package/dist/types/components/atoms/Switch/animation.d.ts

@@ -0,0 +1,2 @@
+import { Animated } from 'react-native';
+export declare const transitionSwitch: (active: boolean, translate: number, transitionValue: Animated.Value, animatedColor: Animated.Value) => void;

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

@@ -0,0 +1,3 @@
+export { default as Switch } from './Switch';
+export type { SwitchProps } from './Switch';
+export { SWITCH_BODY_WIDTH, SWITCH_PIN_WIDTH } from './styled';

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Animated } from 'react-native';
+export declare const SWITCH_BODY_WIDTH = "40px";
+export declare const SWITCH_PIN_WIDTH = "16px";
+export declare const StyledSwitchContent: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const StyledSwitch: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+import { IconProps } from '../Icon';
+import { ColorGradationType, ColorType } from '../../../types/defaults';
+export interface TagProps extends ViewProps {
+    value: React.ReactNode;
+    icon?: IconProps;
+    dismiss?: boolean;
+    onDismiss?: () => void;
+    variant?: 'small' | 'default';
+    backgroundColorTone?: ColorType;
+    backgroundColorVariant?: ColorGradationType;
+}
+declare const Tag: React.FC<TagProps>;
+export default Tag;

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

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

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { Animated, ViewProps } from 'react-native';
+import { ColorGradationType, ColorType } from '../../../types/defaults';
+import { IconProps } from '../Icon';
+import { TagProps } from './Tag';
+export declare const StyledTagContainer: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<import("react-native").View>> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<TagProps> & Partial<import("../../../types/defaults").ThemeProviderProps> & ViewProps & {
+    visible: boolean;
+} & {
+    backgroundColorTone: ColorType;
+    backgroundColorVariant: ColorGradationType;
+}, {}, {}>;
+export declare const StyledLeftIcon: import("@emotion/native").StyledComponent<IconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const StyledCloseIcon: import("@emotion/native").StyledComponent<IconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -0,0 +1,20 @@
+import React, { FC } from 'react';
+import { ColorGradationType, ColorType, FontColorType, FontStackType, FontWeightType, TypographyVariationType } from '../../../types/defaults';
+import { StyleProp, TextStyle } from 'react-native';
+export interface TextProps {
+    fontColor?: FontColorType;
+    fontWeight?: FontWeightType;
+    typography?: TypographyVariationType;
+    fontStack?: FontStackType;
+    colorVariant?: ColorType;
+    colorTone?: ColorGradationType;
+    numberOfLines?: number;
+    ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';
+    textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';
+    capitalFirst?: boolean;
+    style?: StyleProp<TextStyle>;
+    children?: React.ReactNode;
+    testID?: string;
+}
+declare const Text: FC<TextProps>;
+export default Text;

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

@@ -0,0 +1,2 @@
+export declare const getFirstCapitalCharacter: (value: string) => string;
+export declare const getLabel: (children: any, capitalFirst: boolean) => any;

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

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

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { TextProps } from './Text';
+import { Text as RNText } from 'react-native';
+export declare const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TextProps & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<RNText> | undefined;
+}>;
+export declare const StyledColoredText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TextProps & Partial<import("../../../types/defaults").ThemeProviderProps> & {
+    ref?: import("react").Ref<RNText> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;

package/dist/types/components/atoms/shared/PaperAndCard.d.ts

@@ -0,0 +1,5 @@
+import { StyleProps } from '../../../types/defaults';
+export declare const baseStyles: ({ theme }: StyleProps) => any;
+export declare const elevatedStyles: ({ theme, elevated, }: {
+    elevated?: boolean | undefined;
+} & import("../../../types/defaults").ThemeProviderProps) => any;

package/dist/types/components/molecules/Calendar/Calendar.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+import { TextProps } from '../../atoms/Text';
+import { SelectYearProps } from './components';
+export type SelectionType = 'range' | 'day';
+export type DateRange = {
+    lowest: Date;
+    highest?: Date;
+};
+export type Value<T extends SelectionType> = T extends 'range' ? DateRange : Date;
+export interface CalendarProps<T extends SelectionType> extends ViewProps {
+    TextComponent?: React.FC<TextProps>;
+    year?: number;
+    month?: number;
+    onChange?: (value?: Value<T>) => void | never;
+    type?: T;
+    value?: Value<T>;
+    locale?: Locale;
+    selectYearProps?: Omit<SelectYearProps, 'TextComponent' | 'currentYear' | 'onSelectYear'>;
+}
+declare function Calendar<T extends SelectionType>({ TextComponent, year: _year, month: _month, value, type, onChange, locale, selectYearProps, ...rest }: CalendarProps<T>): JSX.Element;
+export default Calendar;

package/dist/types/components/molecules/Calendar/components/MemoizedYearCard.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TextProps } from '../../../atoms/Text';
+interface MemoizedYearCardProps {
+    year: number;
+    isSelected: boolean;
+    onPress: () => void;
+    TextComponent: React.FC<TextProps>;
+}
+declare const MemoizedYearCard: React.MemoExoticComponent<({ year, isSelected, onPress, TextComponent, }: MemoizedYearCardProps) => JSX.Element>;
+export default MemoizedYearCard;

package/dist/types/components/molecules/Calendar/components/MonthWeek.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { SelectionType, Value } from '../Calendar';
+import { TextProps } from '../../../atoms/Text';
+interface IMonthWeek<T extends SelectionType> {
+    TextComponent: React.FC<TextProps>;
+    onChange?: (value?: any) => void | never;
+    type?: T;
+    value?: Value<T>;
+    week: Date[];
+    referenceDate: Date;
+}
+declare const _default: React.MemoExoticComponent<(<T extends SelectionType>({ week, referenceDate, type, value, TextComponent, onChange, }: IMonthWeek<T>) => JSX.Element)>;
+export default _default;

package/dist/types/components/molecules/Calendar/components/SelectYear.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TextProps } from '../../../atoms/Text';
+export interface SelectYearProps {
+    currentYear: number;
+    onSelectYear: (year: number) => void;
+    TextComponent?: React.FC<TextProps>;
+    yearsToShow?: number;
+    firstYear?: number;
+    numColumns?: number;
+}
+declare const _default: React.MemoExoticComponent<({ currentYear, onSelectYear, TextComponent, yearsToShow, firstYear, numColumns, }: SelectYearProps) => JSX.Element>;
+export default _default;

package/dist/types/components/molecules/Calendar/components/Weekdays.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IWeekdays {
+    calendar: Date[][];
+    locale?: Locale;
+    Capitalized: React.ElementType;
+}
+declare const _default: React.MemoExoticComponent<({ calendar, locale, Capitalized }: IWeekdays) => JSX.Element>;
+export default _default;

package/dist/types/components/molecules/Calendar/components/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Weekdays } from './Weekdays';
+export { default as MonthWeek } from './MonthWeek';
+export { default as SelectYear } from './SelectYear';
+export type { SelectYearProps } from './SelectYear';

package/dist/types/components/molecules/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Calendar } from './Calendar';
+export type { CalendarProps, SelectionType, DateRange, Value, } from './Calendar';

package/dist/types/components/molecules/Calendar/styled.d.ts

@@ -0,0 +1,63 @@
+import { FC } from 'react';
+import { PressableProps, ViewProps } from 'react-native';
+import { TextProps } from '../../atoms/Text';
+interface ButtonBorders {
+    isLeft?: boolean;
+    isRight?: boolean;
+}
+export declare const TitleContainer: import("@emotion/native").StyledComponent<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 Control: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps> & ButtonBorders & {
+    align: 'start' | 'end';
+}, {}, {}>;
+export declare const getCapitalizedTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+export declare const Content: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps> & {
+    height?: number | undefined;
+}, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const Week: import("@emotion/native").StyledComponent<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 Selected: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps> & {
+    selected: boolean;
+}, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const Cell: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & PressableProps & Partial<import("../../../types/defaults").ThemeProviderProps> & {
+    selected: boolean;
+    highlighted: boolean;
+    isLineEnd: boolean;
+    isLineStart: boolean;
+    isRangeStart: boolean;
+    isRangeEnd: boolean;
+}, {}, {}>;
+export declare const YearCard: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps> & ButtonBorders & {
+    isSelected?: boolean | undefined;
+}, {}, {}>;
+export {};

package/dist/types/components/molecules/ControlledDateTimeSelector/ControlledDateTimeSelector.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { DateTimeSelectorProps } from '../DateTimeSelector';
+import { Dispatch, SetStateAction } from 'react';
+export interface ControlledDateTimeSelectorProps extends DateTimeSelectorProps {
+    SelectorComponent: React.FC<ControlledSelectorComponentProps>;
+}
+export interface ControlledSelectorComponentProps {
+    date: Date;
+    setDate: Dispatch<SetStateAction<Date>>;
+    currentMode: number;
+    isDate: boolean;
+    isMonth: boolean;
+    handlePressConfirm: () => void;
+    handlePressBack: () => void;
+    handleCalendarChange: (value?: Date) => void;
+    modalTitle?: string;
+    confirmButtonText?: string;
+}
+declare const ControlledDateTimeSelector: React.FC<ControlledDateTimeSelectorProps>;
+export default ControlledDateTimeSelector;

package/dist/types/components/molecules/ControlledDateTimeSelector/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ControlledDateTimeSelector } from './ControlledDateTimeSelector';
+export type { ControlledDateTimeSelectorProps, ControlledSelectorComponentProps, } from './ControlledDateTimeSelector';