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

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;
+} & StyleProps) => 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';

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { InputContainerProps } from '../../atoms/Input';
+import { TextProps } from '../../atoms/Text';
+import { CalendarProps, SelectionType } from '../Calendar';
+export interface DatePickerProps<T extends SelectionType> extends InputContainerProps, Omit<CalendarProps<T>, 'style'> {
+    controlComponent?: (onPress: () => void, displayValue?: string) => JSX.Element;
+    TextComponent?: React.FC<TextProps>;
+    CalendarComponent: React.FC<CalendarProps<T>>;
+    placeholder?: string;
+    onFocus?: () => void | never;
+    onBlur?: () => void | never;
+    format?: string;
+    closeOnPick?: boolean;
+    renderCalendar: (calendar: React.ReactElement, blur?: () => void) => JSX.Element | null;
+    requestShowCalendar: () => void;
+    requestCloseCalendar: () => void;
+}
+declare function DatePicker<T extends SelectionType>({ month, year, onChange, value, type, format, placeholder, onFocus, onBlur, disabled, controlComponent, hintComponent, hint, variant, TextComponent, CalendarComponent, rightComponent, style, locale, closeOnPick, renderCalendar, requestShowCalendar, requestCloseCalendar, ...rest }: DatePickerProps<T>): JSX.Element;
+export default DatePicker;

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

@@ -0,0 +1,3 @@
+export { default as DatePicker } from './DatePicker';
+export { CalendarIcon } from './styled';
+export type { DatePickerProps } from './DatePicker';

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { InputContainerProps } from '../../atoms/Input';
+import { TextProps } from '../../atoms/Text';
+export declare const getStyledTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<InputContainerProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const CalendarIcon: import("@emotion/native").StyledComponent<import("../../atoms/Icon").IconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { InputContainerProps } from '../../atoms/Input';
+import { TextProps } from '../../atoms/Text';
+import { DateTimeSelectorProps } from '../DateTimeSelector';
+export interface DateTimePickerProps extends InputContainerProps, Omit<DateTimeSelectorProps, 'style'> {
+    controlComponent?: (onPress: () => void, displayValue?: string) => JSX.Element;
+    TextComponent?: React.FC<TextProps>;
+    DateTimeSelectorComponent: React.FC<DateTimeSelectorProps>;
+    placeholder?: string;
+    onFocus?: () => void | never;
+    onBlur?: () => void | never;
+    renderSelector: (selector: React.ReactElement, blur?: () => void) => JSX.Element | null;
+    requestShowSelector: () => void;
+    requestCloseSelector: () => void;
+}
+declare const DateTimePicker: React.FC<DateTimePickerProps>;
+export default DateTimePicker;

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

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

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { DateTimeSelectorProps } from '../DateTimeSelector';
+export declare const getStyledDateTimeSelector: (component: FC<DateTimeSelectorProps>) => import("@emotion/native").StyledComponent<DateTimeSelectorProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+import { TextProps } from '../../atoms/Text';
+export type DateTimeSelectorMode = 'date' | 'time' | 'datetime' | 'month';
+export interface DateTimeSelectorProps extends ViewProps {
+    TextComponent?: React.FC<TextProps>;
+    value?: Date;
+    onChange?: (value: Date) => void | never;
+    mode?: DateTimeSelectorMode;
+    format?: string;
+    locale?: Locale;
+    upperDateThreshold?: Date;
+    lowerDateThreshold?: Date;
+    offsetThreshold?: number;
+    upperOffsetThreshold?: number;
+    lowerOffsetThreshold?: number;
+    dateModalTitle?: string;
+    timeModalTitle?: string;
+    dateConfirmButtonText?: string;
+    timeConfirmButtonText?: string;
+    dayLabel?: string;
+    monthLabel?: string;
+    yearLabel?: string;
+    hourLabel?: string;
+    minuteLabel?: string;
+}
+declare const DateTimeSelector: React.FC<DateTimeSelectorProps>;
+export default DateTimeSelector;

package/dist/types/components/molecules/DateTimeSelector/Selector.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+import { TextProps } from '../../atoms/Text';
+export type Granularity = 'date' | 'month' | 'year' | 'hours' | 'minutes';
+interface SelectorProps extends ViewProps {
+    TextComponent: React.FC<TextProps>;
+    granularity: Granularity;
+    referenceDate: Date;
+    label: string;
+    value: number;
+    getDisplayValue: (value: number) => string;
+    onChange: (value: number) => void | never;
+    preventUpper?: boolean;
+    preventLower?: boolean;
+}
+export declare const Selector: React.FC<SelectorProps>;
+export {};