@tecsinapse/react-native-kit 2.2.1 → 3.3.0

package/dist/{cjs → types}/components/atoms/GroupButton/GroupButtonOption.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import { GroupButtonOptionProps } from '@tecsinapse/react-core';
 declare const GroupButtonOption: (props: GroupButtonOptionProps) => JSX.Element;
 export default GroupButtonOption;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ButtonProps } from '@tecsinapse/react-core';
+export declare const StyledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const FloatingButton: import("@emotion/native").StyledComponent<ButtonProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const Dummy: import("@emotion/native").StyledComponent<ButtonProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

package/dist/{cjs → types}/components/atoms/Input/Input.d.ts

@@ -5,5 +5,5 @@ export interface InputNativeProps extends Omit<InputElementProps, 'style'>, Inpu
     inputFontStack?: FontStackType;
     inputFontWeight?: FontWeightType;
 }
-declare const Input: React.ForwardRefExoticComponent<Pick<InputNativeProps, keyof InputNativeProps> & React.RefAttributes<TextInput>>;
+declare const Input: React.ForwardRefExoticComponent<InputNativeProps & React.RefAttributes<TextInput>>;
 export default Input;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Font } from '../Text/styled';
+import { InputNativeProps } from './Input';
+export declare const StyledNativeInput: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").InputElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<InputNativeProps> & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & Font, {}, {}>;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Font } from '../Text/styled';
+import { InputMaskNativeProps } from './InputMask';
+export declare const StyledInputContainer: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").InputContainerProps & Partial<import("@tecsinapse/react-core").InputElementProps> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const StyledNativeInputMask: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").InputMaskElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<InputMaskNativeProps> & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & Font, {}, {}>;

package/dist/types/components/atoms/Modal/ui/styled.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Animated } from 'react-native';
+export declare const StyledPressableBackDrop: 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;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const BackDropView: 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("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const CloseBar: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;

package/dist/{esm → types}/components/atoms/Modal/useLazyModalManager.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from "react";
-import { IBaseModal } from "./ui/types";
+import { ReactElement } from 'react';
+import { IBaseModal } from './ui/types';
 export declare const useLazyModalManager: (modalId?: string) => {
     requestUpdate: () => void;
     sync: (modal: ReactElement<IBaseModal>) => null;

package/dist/{cjs → types}/components/atoms/Skeleton/Pulse.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IAnimationComponent } from './types';
 export declare const Pulse: ({ active, width, height, childrenLayout, }: IAnimationComponent) => JSX.Element;

package/dist/{cjs → types}/components/atoms/Skeleton/Wave.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IAnimationComponent } from './types';
 export declare const Wave: ({ active, width, height, childrenLayout, }: IAnimationComponent) => JSX.Element;

package/dist/{esm → types}/components/atoms/Skeleton/styled.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { SkeletonProps } from './Skeleton';
 export declare const Wrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Partial<any>, {}, {
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps & SkeletonProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FontStackType, FontWeightType, StyleProps } from '@tecsinapse/react-core';
+export interface Font {
+    fontStack?: FontStackType;
+    fontWeight?: FontWeightType;
+}
+export declare const fontStyles: ({ theme, fontStack, fontWeight, }: Partial<Font & Partial<StyleProps>>) => import("@emotion/native").ReactNativeStyle;
+export declare const StyledNativeText: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Font & Partial<import("@tecsinapse/react-core").TextProps> & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

package/dist/{cjs → types}/components/molecules/Calendar/Calendar.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
+import { CalendarProps, SelectionType } from '@tecsinapse/react-core';
 export declare const Calendar: <T extends SelectionType>({ locale, ...rest }: CalendarProps<T>) => JSX.Element;

package/dist/{cjs → types}/components/molecules/DatePicker/DatePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DatePickerProps, SelectionType } from '@tecsinapse/react-core';
 export type NativeDatePickerProps<T extends SelectionType> = Omit<DatePickerProps<T>, 'CalendarComponent' | 'renderCalendar' | 'requestCloseCalendar' | 'requestShowCalendar'>;
-export declare const DatePicker: <T extends SelectionType>({ locale, onChange, ...rest }: NativeDatePickerProps<T>) => JSX.Element;
+export declare const DatePicker: <T extends SelectionType>({ locale, onChange, value, type, ...rest }: NativeDatePickerProps<T>) => JSX.Element;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const CalendarBoxContent: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").BoxContentProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ControlledSelectorComponentProps, DateTimeSelectorProps } from '@tecsinapse/react-core';
+type DateTimePickerSelectorProps = ControlledSelectorComponentProps & DateTimeSelectorProps;
+declare const DateTimePickerSelector: React.FC<DateTimePickerSelectorProps>;
+export default DateTimePickerSelector;

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

@@ -0,0 +1 @@
+export { default as DateTimePickerSelector } from './DateTimePickerSelector';

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export declare const Root: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const Content: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const BackButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").PressableSurfaceProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const Header: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;

package/dist/{cjs → types}/components/molecules/Grid/Grid.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { ViewProps } from 'react-native';
 import { IGrid } from '@tecsinapse/react-core';
-export type IGridNative = IGrid & ViewProps;
+export type IGridNative = IGrid & Omit<ViewProps, 'children'>;
 declare const Grid: ({ children, columns, layout, style, spacing, ...rest }: IGridNative) => JSX.Element;
 export default Grid;

package/dist/{cjs → types}/components/molecules/Grid/Item/Item.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { ViewProps } from 'react-native';
+import { DimensionValue, ViewProps } from 'react-native';
 import { IGridItem } from '@tecsinapse/react-core';
-export type IGridItemNative = IGridItem & ViewProps & {
-    flexBasis?: string | 'auto';
+export type IGridItemNative = IGridItem & Omit<ViewProps, 'children'> & {
+    flexBasis?: DimensionValue;
 };
 declare const GridItem: ({ children, span, columns, loadingComponent, loading, spacing: _spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemNative) => JSX.Element;
 export default GridItem;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { IconPositionOptions } from '@tecsinapse/react-core';
+export declare const StyledIconTextButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").ButtonProps & {
+    autoDismissKeyboard?: boolean | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
+    boxed: boolean;
+}, {}, {}>;
+export declare const StyledText: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
+    iconPosition: IconPositionOptions;
+    hasIcon?: boolean | undefined;
+}, {}, {}>;

package/dist/{esm → types}/components/molecules/InputPassword/InputPassword.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { InputNativeProps } from '../../atoms/Input';
 import { TextInput } from 'react-native';
 export type InputPasswordNativeProps = InputNativeProps;
-declare const InputPassword: React.ForwardRefExoticComponent<Pick<InputNativeProps, keyof InputNativeProps> & React.RefAttributes<TextInput>>;
+declare const InputPassword: React.ForwardRefExoticComponent<InputNativeProps & React.RefAttributes<TextInput>>;
 export default InputPassword;

package/dist/{esm → types}/components/molecules/LabeledSwitch/styled.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { LabelPositionOptions } from '@tecsinapse/react-core';
 import { View } from 'react-native';
 export declare const StyledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -6,4 +7,9 @@ export declare const StyledView: import("@emotion/native").StyledComponent<impor
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-export declare const StyledLabel: import("@emotion/native").StyledComponent<any, {}, {}>;
+export declare const StyledLabel: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
+    labelPosition: LabelPositionOptions;
+}, {}, {}>;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { DateTimeSelectorProps } from '@tecsinapse/react-core';
+export interface ScrollableSelectorProps extends DateTimeSelectorProps {
+    height?: number;
+    width?: number;
+    fontSize?: number;
+    textColor?: string;
+    startYear?: number;
+    endYear?: number;
+    markColor?: string;
+    markHeight?: number;
+    markWidth?: number;
+}
+declare const ScrollableSelector: React.FC<ScrollableSelectorProps>;
+export default ScrollableSelector;

package/dist/types/components/molecules/ScrollableSelector/components/DateBlock.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { TextProps } from '@tecsinapse/react-core';
+export interface DateBlockProps {
+    digits: number[];
+    locale?: Locale;
+    value: number;
+    date: Date;
+    type: string;
+    height: number;
+    fontSize?: number;
+    textColor?: string;
+    markColor?: string;
+    markHeight?: number;
+    markWidth?: number;
+    TextComponent?: React.FC<TextProps>;
+    onChange(type: string, digit: number): void;
+}
+declare const DateBlock: React.FC<DateBlockProps>;
+export default DateBlock;

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

@@ -0,0 +1 @@
+export { default as DateBlock } from './DateBlock';

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

@@ -0,0 +1 @@
+export { default as ScrollableSelector } from './ScrollableSelector';

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

@@ -0,0 +1,57 @@
+/// <reference types="react" />
+import { ScrollView } from 'react-native';
+interface MarkProps {
+    markTop: number;
+    markColor: string;
+    markHeight: number;
+    markWidth: number;
+}
+export declare const PickerContainer: 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 Block: 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 BlockLabels: 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 Scroll: import("@emotion/native").StyledComponent<import("react-native").ScrollViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<ScrollView> | undefined;
+}>;
+export declare const DigitText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    fontSize: number;
+    marginBottom: number;
+    marginTop: number;
+    lineHeight: number;
+    height: number;
+}, {}, {
+    ref?: import("react").Ref<import("react-native").Text> | undefined;
+}>;
+export declare const Mark: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & MarkProps & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const StyledScrollView: import("@emotion/native").StyledComponent<import("react-native").ScrollViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<ScrollView> | undefined;
+}>;
+export {};

package/dist/{cjs → types}/components/molecules/Select/Modal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBaseModal } from '../../atoms/Modal';
 import { SelectNativeProps } from './Select';
 interface LoadingProps {

package/dist/{esm → types}/components/molecules/Select/Select.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputContainerProps } from '@tecsinapse/react-core';
 export interface SelectNativeProps<Data, Type extends 'single' | 'multi'> extends Omit<InputContainerProps, 'value' | 'onChange' | 'onChangeText'> {
     options: ((searchInput?: string) => Promise<Data[]>) | Data[];

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

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+import { InputContainerProps, PressableSurfaceProps } from '@tecsinapse/react-core';
+import { ActivityIndicator, View, ViewProps } from 'react-native';
+export declare const getStyledModal: (safeTop?: number) => import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const StyledSelectionText: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<InputContainerProps> & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const Header: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const SearchBarContainer: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const ListItem: import("@emotion/native").StyledComponent<PressableSurfaceProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const ModalFooter: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const SelectIcon: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").IconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const FetchIndicator: import("@emotion/native").StyledComponent<import("react-native").ActivityIndicatorProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<ActivityIndicator> | undefined;
+}>;
+export declare const TextTitleModal: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const StyledTextItemSelect: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const SnackbarStyled: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").SnackbarProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

package/dist/{esm → types}/index.d.ts

@@ -30,7 +30,7 @@ export { DatePicker } from './components/molecules/DatePicker';
 export type { NativeDatePickerProps } from './components/molecules/DatePicker';
 export { DateTimePicker } from './components/molecules/DateTimePicker';
 export type { NativeDateTimePickerProps } from './components/molecules/DateTimePicker';
-export { DateTimeSelector } from './components/molecules/DateTimeSelector';
+export { DateTimePickerSelector } from './components/molecules/DateTimePickerSelector';
 export { IconTextButton } from './components/molecules/IconTextButton';
 export type { NativeIconTextButtonProps } from './components/molecules/IconTextButton';
 export { InputPassword } from './components/molecules/InputPassword';

package/package.json

@@ -1,28 +1,26 @@
 {
   "name": "@tecsinapse/react-native-kit",
   "description": "TecSinapse React Native components",
-  "version": "2.2.1",
+  "version": "3.3.0",
   "license": "MIT",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
-  "types": "dist/esm/index.d.ts",
+  "types": "dist/types/index.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
-    "start": "yarn build:es --watch",
-    "build:es": "yarn rollup --config",
-    "build:declaration": "run-p build:declaration:cjs build:declaration:esm",
-    "build:declaration:cjs": "tsc --project tsconfig.build.json",
-    "build:declaration:esm": "tsc --project tsconfig.build.esm.json",
+    "dev": "yarn build:es --watch",
+    "build:es": "rollup --config",
+    "build:declaration": "tsc --project tsconfig.build.json",
     "build:declaration:watch": "tsc --project tsconfig.build.json --watch",
     "yalc:push": "yalc push --changed",
     "yalc:show": "yalc installations show $npm_package_name"
   },
   "dependencies": {
-    "@emotion/native": "~11.10.0",
-    "@emotion/react": "~11.10.0",
-    "@tecsinapse/react-core": "2.2.1",
+    "@emotion/native": "~11.11.0",
+    "@emotion/react": "~11.11.0",
+    "@tecsinapse/react-core": "3.3.0",
     "react-native-linear-gradient": "~2.8.3"
   },
   "repository": {
@@ -41,5 +39,5 @@
     "react-native-safe-area-context": "^4.0.0",
     "react-native-vector-icons": "^9.2.0"
   },
-  "gitHead": "4af0ef115178c49c0df0c8166bf554342c689a01"
+  "gitHead": "755aef933fa22dcbe93c6a93689620d920670928"
 }

package/dist/cjs/components/atoms/Avatar/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import { Avatar as AvatarCore, AvatarProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst Avatar: React.FC<AvatarProps> = props => {\n  return <AvatarCore {...props} TextComponent={Text} />;\n};\n\nexport default Avatar;\n"],"names":["AvatarCore"],"mappings":";;;;;;AAIA,MAAM,SAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,gBAAA,EAAA,EAAY,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACrD;;;;"}

package/dist/cjs/components/atoms/Badge/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  BadgeProps,\n  Badge as BadgeCore,\n  FontColorType,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\n\nexport interface BadgeNativeProps extends Omit<BadgeProps, 'value'> {\n  fontColor?: FontColorType;\n  value: string | number;\n}\n\nconst Badge: FC<BadgeNativeProps> = ({\n  children,\n  fontColor = 'light',\n  value,\n  ...props\n}) => {\n  return (\n    <BadgeCore\n      {...props}\n      value={\n        <Text fontColor={fontColor} fontWeight={'bold'} typography={'label'}>\n          {value}\n        </Text>\n      }\n    >\n      {children}\n    </BadgeCore>\n  );\n};\n\nexport default Badge;\n"],"names":["BadgeCore"],"mappings":";;;;;;AAaA,MAAM,QAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,SAAY,GAAA,OAAA;AAAA,EACZ,KAAA;AAAA,EACA,GAAG,KAAA;AACL,CAAM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,eAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,KAAA,sCACG,IAAK,EAAA,EAAA,SAAA,EAAsB,YAAY,MAAQ,EAAA,UAAA,EAAY,WACzD,KACH,CAAA;AAAA,KAAA;AAAA,IAGD,QAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/BottomNavigator/BottomNavigator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BottomNavigator.js","sources":["../../../../../src/components/atoms/BottomNavigator/BottomNavigator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledView, TabContainer } from './styled';\nimport Item, { BottomNavigatorItemProps } from './Item';\nimport { Text } from '../Text';\n\nexport interface BottomNavigatorProps<T extends string | number | symbol>\n  extends ViewProps {\n  selected: T;\n  onSelect: (value: T) => void | never;\n  children:\n    | React.ReactElement<BottomNavigatorItemProps<T>>\n    | React.ReactElement<BottomNavigatorItemProps<T>>[];\n}\n\nfunction BottomNavigator<T extends string | number | symbol>({\n  selected,\n  onSelect,\n  children,\n  ...rest\n}: BottomNavigatorProps<T>): JSX.Element {\n  return (\n    <StyledView {...rest}>\n      {React.Children.map(children, child => {\n        const { value, label, labelProps, labelElement } = (\n          child as React.ReactElement<BottomNavigatorItemProps<T>>\n        ).props;\n        const isSelected = value == selected;\n\n        return (\n          <TabContainer selected={isSelected} onPress={() => onSelect(value)}>\n            {React.cloneElement(child as React.ReactElement, {\n              _selected: isSelected,\n            })}\n            {label && !labelElement && (\n              <Text\n                colorVariant={\n                  labelProps?.colorVariant || isSelected\n                    ? 'primary'\n                    : 'secondary'\n                }\n                typography={labelProps?.typography || 'sub'}\n                {...labelProps}\n              >\n                {label}\n              </Text>\n            )}\n            {labelElement && labelElement}\n          </TabContainer>\n        );\n      })}\n    </StyledView>\n  );\n}\n\nBottomNavigator.Item = Item;\n\nexport default BottomNavigator;\n"],"names":["React","StyledView","TabContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,SAAS,eAAoD,CAAA;AAAA,EAC3D,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAyC,EAAA;AACvC,EACE,uBAAAA,gBAAA,CAAA,aAAA,CAACC,qBAAY,GAAG,IAAA,EAAA,EACbD,iBAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAS,KAAA,KAAA;AACrC,IAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,UAAY,EAAA,YAAA,KAChC,KACA,CAAA,KAAA,CAAA;AACF,IAAA,MAAM,aAAa,KAAS,IAAA,QAAA,CAAA;AAE5B,IACE,uBAAAA,gBAAA,CAAA,aAAA,CAACE,mBAAa,EAAA,EAAA,QAAA,EAAU,UAAY,EAAA,OAAA,EAAS,MAAM,QAAA,CAAS,KAAK,CAAA,EAAA,EAC9DF,gBAAM,CAAA,YAAA,CAAa,KAA6B,EAAA;AAAA,MAC/C,SAAW,EAAA,UAAA;AAAA,KACZ,CAAA,EACA,KAAS,IAAA,CAAC,YACT,oBAAAA,gBAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,YACE,EAAA,UAAA,EAAY,YAAgB,IAAA,UAAA,GACxB,SACA,GAAA,WAAA;AAAA,QAEN,UAAA,EAAY,YAAY,UAAc,IAAA,KAAA;AAAA,QACrC,GAAG,UAAA;AAAA,OAAA;AAAA,MAEH,KAAA;AAAA,KACH,EAED,gBAAgB,YACnB,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ,CAAA;AAEA,eAAA,CAAgB,IAAO,GAAA,IAAA;;;;"}

package/dist/cjs/components/atoms/BottomNavigator/Item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Item.js","sources":["../../../../../src/components/atoms/BottomNavigator/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '@tecsinapse/react-core';\nimport { TabContent, CustomTabContent } from './styled';\nimport { ViewProps } from 'react-native';\nimport { TextNativeProps } from '../Text';\n\ntype ValueType = string | number | symbol;\n\nexport interface BottomNavigatorItemProps<T extends ValueType>\n  extends Omit<ViewProps, 'children'> {\n  _selected?: boolean;\n  value: T;\n  icon: IconProps;\n  label?: string;\n  labelProps?: TextNativeProps;\n  labelElement?: React.ReactNode | React.ReactNode[];\n  children: React.ReactNode | React.ReactNode[];\n}\n\ntype ItemPropsWithIcon<T extends ValueType> = Omit<\n  BottomNavigatorItemProps<T>,\n  'children'\n>;\n\ntype ItemPropsWithChildren<T extends ValueType> = Omit<\n  BottomNavigatorItemProps<T>,\n  'icon' | 'label' | 'labelElement' | 'labelProps'\n>;\n\nfunction Item<T extends ValueType>(props: ItemPropsWithChildren<T>);\nfunction Item<T extends ValueType>(props: ItemPropsWithIcon<T>);\nfunction Item<T extends ValueType>({\n  _selected,\n  icon,\n  children,\n  ...rest\n}: Partial<BottomNavigatorItemProps<T>>): JSX.Element {\n  const styledButtonStyle = _selected\n    ? undefined\n    : { backgroundColor: 'transparent' };\n\n  const iconColorVariant = _selected ? 'primary' : 'secondary';\n\n  if (icon) {\n    return (\n      <TabContent style={styledButtonStyle} {...rest}>\n        <Icon colorVariant={iconColorVariant} size={'centi'} {...icon} />\n      </TabContent>\n    );\n  } else {\n    return <CustomTabContent>{children}</CustomTabContent>;\n  }\n}\n\nexport default Item;\n"],"names":["React","TabContent","Icon","CustomTabContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAS,IAA0B,CAAA;AAAA,EACjC,SAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAsD,EAAA;AACpD,EAAA,MAAM,iBAAoB,GAAA,SAAA,GACtB,KACA,CAAA,GAAA,EAAE,iBAAiB,aAAc,EAAA,CAAA;AAErC,EAAM,MAAA,gBAAA,GAAmB,YAAY,SAAY,GAAA,WAAA,CAAA;AAEjD,EAAA,IAAI,IAAM,EAAA;AACR,IAAA,uBACGA,gBAAA,CAAA,aAAA,CAAAC,iBAAA,EAAA,EAAW,KAAO,EAAA,iBAAA,EAAoB,GAAG,IACxC,EAAA,kBAAAD,gBAAA,CAAA,aAAA,CAACE,cAAK,EAAA,EAAA,YAAA,EAAc,gBAAkB,EAAA,IAAA,EAAM,OAAU,EAAA,GAAG,MAAM,CACjE,CAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAO,uBAAAF,gBAAA,CAAA,aAAA,CAACG,+BAAkB,QAAS,CAAA,CAAA;AAAA,GACrC;AACF;;;;"}

package/dist/cjs/components/atoms/BottomNavigator/styled.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export declare const StyledView: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: import("react").Ref<import("react-native").View> | undefined;
-}>;
-export declare const TabContainer: import("@emotion/native").StyledComponent<any, {}, {}>;
-export declare const TabContent: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: import("react").Ref<import("react-native").View> | undefined;
-}>;
-export declare const CustomTabContent: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: import("react").Ref<import("react-native").View> | undefined;
-}>;

package/dist/cjs/components/atoms/BottomNavigator/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/BottomNavigator/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { PressableProps, ViewProps } from 'react-native';\n\nexport const StyledView = styled.View<ViewProps & Partial<StyleProps>>`\n  flex-direction: row;\n  justify-content: space-between;\n  padding-horizontal: ${({ theme }) => theme.spacing.deca};\n  padding-bottom: ${({ theme }) => theme.spacing.kilo};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const TabContainer = styled.Pressable<\n  { selected: boolean } & PressableProps & Partial<StyleProps>\n>`\n  flex: 1;\n  margin-horizontal: ${({ theme }) => theme.spacing.mili};\n  padding-top: ${({ theme }) => theme.spacing.deca};\n  border-top-width: ${({ selected }) => (selected ? RFValueStr('2px') : 0)};\n  border-color: ${({ theme }) => theme.color.primary.medium};\n  align-items: center;\n  justify-content: flex-end;\n`;\n\nexport const TabContent = styled.View<ViewProps & Partial<StyleProps>>`\n  aspect-ratio: 1;\n  justify-content: center;\n  align-items: center;\n  min-height: ${RFValueStr('48px')};\n  background-color: ${({ theme }) => theme.color.primary.xlight};\n  border-radius: ${({ theme }) => theme.borderRadius['mili']};\n`;\n\nexport const CustomTabContent = styled.View<ViewProps & Partial<StyleProps>>``;\n"],"names":["RFValueStr"],"mappings":";;;;;AAIO,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGT,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,kBAAA,EACrC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,oBAAA,EAC/B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,EAAA;AAG9D,MAAM,eAAe,MAAO,CAAA,SAAA,CAAA;AAAA;AAAA,qBAAA,EAIZ,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,eAAA,EACvC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,oBAC5B,EAAA,CAAC,EAAE,QAAS,EAAA,KAAO,WAAWA,oBAAW,CAAA,KAAK,IAAI,CAAE,CAAA;AAAA,gBAAA,EACxD,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,QAAQ,MAAM,CAAA;AAAA;AAAA;AAAA,EAAA;AAKpD,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,cAIjB,EAAAA,oBAAA,CAAW,MAAM,CAAC,CAAA;AAAA,oBAAA,EACZ,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,QAAQ,MAAM,CAAA;AAAA,iBAAA,EAC5C,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,YAAA,CAAa,MAAM,CAAC,CAAA;AAAA,EAAA;AAGrD,MAAM,mBAAmB,MAAO,CAAA,IAAA,CAAA;;;;;;;"}

package/dist/cjs/components/atoms/Button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { Button as ButtonCore, ButtonProps } from '@tecsinapse/react-core';\nimport React, { FC, useCallback } from 'react';\nimport { Keyboard } from 'react-native';\n\nexport type ButtonNativeProps = ButtonProps & {\n  autoDismissKeyboard?: boolean;\n};\n\nexport const Button: FC<ButtonNativeProps> = ({\n  autoDismissKeyboard = true,\n  onPress,\n  ...others\n}) => {\n  const handleOnPress = useCallback(\n    event => {\n      autoDismissKeyboard && Keyboard.dismiss();\n      onPress?.(event);\n    },\n    [onPress]\n  );\n\n  return <ButtonCore {...others} onPress={handleOnPress} />;\n};\n"],"names":["useCallback","Keyboard","ButtonCore"],"mappings":";;;;;;AAQO,MAAM,SAAgC,CAAC;AAAA,EAC5C,mBAAsB,GAAA,IAAA;AAAA,EACtB,OAAA;AAAA,EACA,GAAG,MAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,aAAgB,GAAAA,iBAAA;AAAA,IACpB,CAAS,KAAA,KAAA;AACP,MAAA,mBAAA,IAAuBC,qBAAS,OAAQ,EAAA,CAAA;AACxC,MAAA,OAAA,GAAU,KAAK,CAAA,CAAA;AAAA,KACjB;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA,EAAY,GAAG,MAAA,EAAQ,SAAS,aAAe,EAAA,CAAA,CAAA;AACzD;;;;"}

package/dist/cjs/components/atoms/Button/States/Error.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Error.js","sources":["../../../../../../src/components/atoms/Button/States/Error.tsx"],"sourcesContent":["import { ButtonStateProps, Error as CoreError } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Error: FC<ButtonStateProps> = props => {\n  return <CoreError {...props} textComponent={Text} />;\n};\n\nexport default Error;\n"],"names":["CoreError"],"mappings":";;;;;;AAIA,MAAM,QAA8B,CAAS,KAAA,KAAA;AAC3C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,eAAA,EAAA,EAAW,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACpD;;;;"}

package/dist/cjs/components/atoms/Button/States/Loading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.js","sources":["../../../../../../src/components/atoms/Button/States/Loading.tsx"],"sourcesContent":["import {\n  ButtonStateProps,\n  Loading as CoreLoading,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Loading: FC<ButtonStateProps> = props => {\n  return <CoreLoading {...props} textComponent={Text} />;\n};\n\nexport default Loading;\n"],"names":["CoreLoading"],"mappings":";;;;;;AAOA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,iBAAA,EAAA,EAAa,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACtD;;;;"}

package/dist/cjs/components/atoms/Button/States/Success.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Success.js","sources":["../../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import {\n  ButtonStateProps,\n  Success as CoreSuccess,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Success: FC<ButtonStateProps> = props => {\n  return <CoreSuccess {...props} textComponent={Text} />;\n};\n\nexport default Success;\n"],"names":["CoreSuccess"],"mappings":";;;;;;AAOA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,iBAAA,EAAA,EAAa,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACtD;;;;"}

package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupButtonOption.js","sources":["../../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import {\n  GroupButtonOption as CoreGroupButtonOption,\n  GroupButtonOptionProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst GroupButtonOption = (props: GroupButtonOptionProps): JSX.Element => {\n  return <CoreGroupButtonOption {...props} TextComponent={Text} />;\n};\n\nexport default GroupButtonOption;\n"],"names":["CoreGroupButtonOption"],"mappings":";;;;;;AAOM,MAAA,iBAAA,GAAoB,CAAC,KAA+C,KAAA;AACxE,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,2BAAA,EAAA,EAAuB,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AAChE;;;;"}

package/dist/cjs/components/atoms/Header/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sources":["../../../../../src/components/atoms/Header/Header.tsx"],"sourcesContent":["import { ViewProps } from 'react-native';\nimport { StyledView, FloatingButton, Dummy } from './styled';\nimport { ButtonProps, Icon, IconProps } from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport Badge from '../Badge/Badge';\nimport { FC } from 'react';\n\nexport type Attachable = ButtonProps & {\n  icon: IconProps;\n  valueBadge?: number;\n};\n\nexport interface HeaderProps extends ViewProps {\n  rightButton?: Attachable;\n  leftButton?: Attachable;\n}\n\nexport interface ButtonBaseProps extends ViewProps {\n  button?: Attachable;\n}\n\nconst Header: React.FC<HeaderProps> = ({\n  rightButton,\n  leftButton,\n  children,\n  ...rest\n}) => {\n  const ButtonBase: FC<ButtonBaseProps> = ({ button }) => (\n    <FloatingButton\n      {...button}\n      variant={button?.variant || 'filled'}\n      color={button?.color || 'primary'}\n      size={button?.size || 'small'}\n    >\n      {button?.icon && <Icon {...button?.icon} />}\n    </FloatingButton>\n  );\n\n  return (\n    <StyledView {...rest}>\n      {leftButton ? (\n        <>\n          {leftButton?.valueBadge ? (\n            <Badge value={leftButton.valueBadge} color={'error'}>\n              <ButtonBase button={leftButton} />\n            </Badge>\n          ) : (\n            <ButtonBase button={leftButton} />\n          )}\n        </>\n      ) : (\n        <Dummy disabled />\n      )}\n      {children}\n      {rightButton ? (\n        <>\n          {rightButton?.valueBadge ? (\n            <Badge value={rightButton.valueBadge} color={'error'}>\n              <ButtonBase button={rightButton} />\n            </Badge>\n          ) : (\n            <ButtonBase button={rightButton} />\n          )}\n        </>\n      ) : (\n        <Dummy disabled />\n      )}\n    </StyledView>\n  );\n};\n\nexport default Header;\n"],"names":["React","FloatingButton","Icon","StyledView","Dummy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,SAAgC,CAAC;AAAA,EACrC,WAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,UAAkC,GAAA,CAAC,EAAE,MAAA,EACzC,qBAAAA,gBAAA,CAAA,aAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,MAAA;AAAA,MACJ,OAAA,EAAS,QAAQ,OAAW,IAAA,QAAA;AAAA,MAC5B,KAAA,EAAO,QAAQ,KAAS,IAAA,SAAA;AAAA,MACxB,IAAA,EAAM,QAAQ,IAAQ,IAAA,OAAA;AAAA,KAAA;AAAA,IAErB,QAAQ,IAAQ,oBAAAD,gBAAA,CAAA,aAAA,CAACE,cAAM,EAAA,EAAA,GAAG,QAAQ,IAAM,EAAA,CAAA;AAAA,GAC3C,CAAA;AAGF,EAAA,uBACGF,gBAAA,CAAA,aAAA,CAAAG,iBAAA,EAAA,EAAY,GAAG,IAAA,EAAA,EACb,UACC,mBAAAH,gBAAA,CAAA,aAAA,CAAAA,gBAAA,CAAA,QAAA,EAAA,IAAA,EACG,UAAY,EAAA,UAAA,mBACVA,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,KAAO,EAAA,UAAA,CAAW,UAAY,EAAA,KAAA,EAAO,OAC1C,EAAA,kBAAAA,gBAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,UAAY,EAAA,CAClC,CAEA,mBAAAA,gBAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,UAAY,EAAA,CAEpC,CAEA,mBAAAA,gBAAA,CAAA,aAAA,CAACI,YAAM,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,CAAA,EAEjB,QACA,EAAA,WAAA,mBAEIJ,gBAAA,CAAA,aAAA,CAAAA,gBAAA,CAAA,QAAA,EAAA,IAAA,EAAA,WAAA,EAAa,UACZ,mBAAAA,gBAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,KAAA,EAAO,WAAY,CAAA,UAAA,EAAY,KAAO,EAAA,OAAA,EAAA,kBAC1CA,gBAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,WAAA,EAAa,CACnC,CAAA,mBAECA,gBAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,WAAA,EAAa,CAErC,CAAA,mBAECA,gBAAA,CAAA,aAAA,CAAAI,YAAA,EAAA,EAAM,QAAQ,EAAA,IAAA,EAAC,CAEpB,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Header/styled.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const StyledView: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: import("react").Ref<import("react-native").View> | undefined;
-}>;
-export declare const FloatingButton: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
-}>;
-export declare const Dummy: import("@emotion/native").StyledComponent<any, {}, {}>;

package/dist/cjs/components/atoms/Header/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n  Button,\n  ButtonProps,\n  RFValue,\n  StyleProps,\n} from '@tecsinapse/react-core';\n\nexport const StyledView = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: ${({ theme }) => theme.spacing.deca};\n  width: 100%;\n`;\n\nexport const FloatingButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n  aspect-ratio: 1;\n  height: ${() => `${RFValue(49)}px`};\n`;\n\nexport const Dummy = styled(FloatingButton)`\n  background-color: rgba(0, 0, 0, 0);\n`;\n"],"names":["Button","RFValue"],"mappings":";;;;;AAQO,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;AAAA,EAAA;AAIjC,MAAA,cAAA,GAAiB,OAAOA,gBAAM,CAAA,CAAA;AAAA;AAAA,UAAA,EAE/B,MAAM,CAAA,EAAGC,iBAAQ,CAAA,EAAE,CAAC,CAAI,EAAA,CAAA,CAAA;AAAA,EAAA;AAGvB,MAAA,KAAA,GAAQ,OAAO,cAAc,CAAA,CAAA;AAAA;AAAA;;;;;;"}

package/dist/cjs/components/atoms/Input/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"sourcesContent":["import {\n  FontStackType,\n  FontWeightType,\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElementProps,\n  RFValue,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, View, ViewStyle } from 'react-native';\nimport { Text } from '../Text';\nimport { StyledNativeInput } from './styled';\n\nexport interface InputNativeProps\n  extends Omit<InputElementProps, 'style'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n}\n\nconst Input = React.forwardRef<TextInput, InputNativeProps>(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\n      borderColor,\n      borderColorGradation,\n      inputFontStack = 'default',\n      inputFontWeight = 'bold',\n      inputContainerStyle,\n      variant = 'default',\n      hintComponent,\n      hint,\n      onFocus,\n      onBlur,\n      value,\n      placeholder,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || (\n      <Hint TextComponent={Text} text={hint} variant={variant} />\n    );\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    const internalStyle: StyleProp<ViewStyle> = {\n      minHeight: RFValue(50),\n      ...{ inputContainerStyle },\n    };\n    const onlyLabel = label && !placeholder;\n\n    return (\n      <View>\n        <InputContainer\n          label={value ? label : undefined}\n          labelColor={labelColor}\n          labelColorVariant={labelColorVariant}\n          labelColorTone={labelColorTone}\n          labelTypography={labelTypography}\n          labelStack={labelStack}\n          labelWeight={labelWeight}\n          LabelComponent={Text}\n          leftComponent={leftComponent}\n          rightComponent={rightComponent}\n          borderColor={borderColor}\n          borderColorGradation={borderColorGradation}\n          inputContainerStyle={internalStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledNativeInput\n            {...rest}\n            placeholder={onlyLabel ? label : placeholder}\n            value={value}\n            ref={ref}\n            fontStack={inputFontStack}\n            fontWeight={inputFontWeight}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </InputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["Hint","useInputFocus","RFValue","View","InputContainer","StyledNativeInput"],"mappings":";;;;;;;;AAsBA,MAAM,QAAQ,KAAM,CAAA,UAAA;AAAA,EAClB,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,cAAiB,GAAA,SAAA;AAAA,IACjB,eAAkB,GAAA,MAAA;AAAA,IAClB,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAM,MAAA,KAAA,GAAQ,iCACX,KAAA,CAAA,aAAA,CAAAA,cAAA,EAAA,EAAK,eAAe,IAAM,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AAE3D,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAAC,uBAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,aAAsC,GAAA;AAAA,MAC1C,SAAA,EAAWC,kBAAQ,EAAE,CAAA;AAAA,MACrB,GAAG,EAAE,mBAAoB,EAAA;AAAA,KAC3B,CAAA;AACA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IAAA,2CACGC,gBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,wBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,QAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,QACvB,UAAA;AAAA,QACA,iBAAA;AAAA,QACA,cAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA;AAAA,QACA,WAAA;AAAA,QACA,cAAgB,EAAA,IAAA;AAAA,QAChB,aAAA;AAAA,QACA,cAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA;AAAA,QACA,mBAAqB,EAAA,aAAA;AAAA,QACrB,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA;AAAA,QAACC,wBAAA;AAAA,QAAA;AAAA,UACE,GAAG,IAAA;AAAA,UACJ,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,UACjC,KAAA;AAAA,UACA,GAAA;AAAA,UACA,SAAW,EAAA,cAAA;AAAA,UACX,UAAY,EAAA,eAAA;AAAA,UACZ,QAAA;AAAA,UACA,OAAS,EAAA,WAAA;AAAA,UACT,MAAQ,EAAA,UAAA;AAAA,SAAA;AAAA,OACV;AAAA,KACF,EACC,QAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}

package/dist/cjs/components/atoms/Input/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputNativeProps } from './Input';\n\nconst StyledNativeInputBase = styled(InputElement)<\n  Partial<InputNativeProps> & Partial<StyleProps>\n>`\n  height: ${({ theme }) => theme.typography.h5.lineHeight};\n  width: 100%;\n  padding: 0;\n`;\n\nexport const StyledNativeInput = styled(StyledNativeInputBase)<\n  Font & Partial<InputNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":["InputElement","fontStyles"],"mappings":";;;;;;AAKA,MAAM,qBAAA,GAAwB,OAAOA,sBAAY,CAAA,CAAA;AAAA,UAAA,EAGrC,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,UAAA,CAAW,GAAG,UAAU,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKlD,MAAM,iBAAoB,GAAA,MAAA,CAAO,qBAAqB,CAAA,CAE3DC,mBAAU;;;;"}