@tecsinapse/react-native-kit 2.2.1 → 3.0.0

package/dist/esm/components/atoms/TextArea/styled.js

@@ -5,4 +5,3 @@ import { fontStyles } from '../Text/styled.js';
 const StyledNativeInput = styled(TextAreaInputBase)(fontStyles);
 
 export { StyledNativeInput };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/Calendar/Calendar.js

@@ -18,4 +18,3 @@ const Calendar = ({
 };
 
 export { Calendar };
-//# sourceMappingURL=Calendar.js.map

package/dist/esm/components/molecules/DatePicker/DatePicker.js

@@ -37,4 +37,3 @@ const NativeModal = ({ children, ...others }) => {
 };
 
 export { DatePicker };
-//# sourceMappingURL=DatePicker.js.map

package/dist/esm/components/molecules/DatePicker/styled.js

@@ -6,4 +6,3 @@ const CalendarBoxContent = styled(BoxContent)`
 `;
 
 export { CalendarBoxContent };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js

@@ -30,4 +30,3 @@ const NativeModal = ({ children, ...others }) => {
 };
 
 export { DateTimePicker };
-//# sourceMappingURL=DateTimePicker.js.map

package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js

@@ -18,4 +18,3 @@ const DateTimeSelector = ({
 };
 
 export { DateTimeSelector };
-//# sourceMappingURL=DateTimeSelector.js.map

package/dist/esm/components/molecules/Grid/Grid.js

@@ -62,4 +62,3 @@ const Grid = ({
 };
 
 export { Grid as default };
-//# sourceMappingURL=Grid.js.map

package/dist/esm/components/molecules/Grid/Item/Item.js

@@ -53,4 +53,3 @@ const GridItem = ({
 };
 
 export { GridItem as default };
-//# sourceMappingURL=Item.js.map

package/dist/esm/components/molecules/IconTextButton/IconTextButton.js

@@ -40,4 +40,3 @@ const IconTextButton = ({
 };
 
 export { IconTextButton as default };
-//# sourceMappingURL=IconTextButton.js.map

package/dist/esm/components/molecules/IconTextButton/TextComponent.js

@@ -25,4 +25,3 @@ const TextComponent = ({
 var TextComponent$1 = React__default.memo(TextComponent);
 
 export { TextComponent$1 as default };
-//# sourceMappingURL=TextComponent.js.map

package/dist/esm/components/molecules/IconTextButton/styled.js

@@ -25,4 +25,3 @@ const StyledText = styled(Text)`
 `;
 
 export { StyledIconTextButton, StyledText };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/InputPassword/InputPassword.js

@@ -26,4 +26,3 @@ const InputPassword = React__default.forwardRef(
 InputPassword.displayName = "InputPassword";
 
 export { InputPassword as default };
-//# sourceMappingURL=InputPassword.js.map

package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js

@@ -26,4 +26,3 @@ const LabelComponent = ({
 var LabelComponent$1 = React__default.memo(LabelComponent);
 
 export { LabelComponent$1 as default };
-//# sourceMappingURL=LabelComponent.js.map

package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js

@@ -47,4 +47,3 @@ const LabeledSwitch = ({
 };
 
 export { LabeledSwitch as default };
-//# sourceMappingURL=LabeledSwitch.js.map

package/dist/esm/components/molecules/LabeledSwitch/styled.js

@@ -21,4 +21,3 @@ const StyledLabel = styled(Text)`
 `;
 
 export { StyledLabel, StyledView };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/Select/Modal.js

@@ -201,4 +201,3 @@ const MemoizedOption = ({
 const Modal = Component;
 
 export { Modal };
-//# sourceMappingURL=Modal.js.map

package/dist/esm/components/molecules/Select/Select.js

@@ -194,4 +194,3 @@ function Select({
 }
 
 export { Select as default };
-//# sourceMappingURL=Select.js.map

package/dist/esm/components/molecules/Select/styled.js

@@ -75,4 +75,3 @@ const StyledTextItemSelect = styled(Text)`
 `;
 
 export { FetchIndicator, ListItem, ModalFooter, SearchBarContainer, SelectIcon, StyledSelectionText, StyledTextItemSelect, TextTitleModal, getStyledModal };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/Snackbar/Snackbar.js

@@ -11,4 +11,3 @@ const Snackbar = ({
 };
 
 export { Snackbar as default };
-//# sourceMappingURL=Snackbar.js.map

package/dist/esm/components/molecules/Snackbar/styled.js

@@ -7,4 +7,3 @@ const SnackbarStyled = styled(Snackbar)`
 `;
 
 export { SnackbarStyled };
-//# sourceMappingURL=styled.js.map

package/dist/esm/index.js

@@ -32,4 +32,3 @@ export { default as Select } from './components/molecules/Select/Select.js';
 export { default as Snackbar } from './components/molecules/Snackbar/Snackbar.js';
 export { default as GridItem } from './components/molecules/Grid/Item/Item.js';
 export { default as Grid } from './components/molecules/Grid/Grid.js';
-//# sourceMappingURL=index.js.map

package/dist/esm/utils/date.js

@@ -13,4 +13,3 @@ const getLocale = () => {
 };
 
 export { getLocale };
-//# sourceMappingURL=date.js.map

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { PressableProps, ViewProps } from 'react-native';
+export declare const StyledView: 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<import("react-native").View> | undefined;
+}>;
+export declare const TabContainer: import("@emotion/native").StyledComponent<PressableProps & import("react").RefAttributes<import("react-native").View> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    selected: boolean;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const TabContent: 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<import("react-native").View> | undefined;
+}>;
+export declare const CustomTabContent: 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<import("react-native").View> | undefined;
+}>;

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/{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;

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/{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/{esm → 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/{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,72 @@
+/// <reference types="react" />
+import { ButtonProps, InputContainerProps, PressableSurfaceProps } from '@tecsinapse/react-core';
+import { ActivityIndicator, View, ViewProps } from 'react-native';
+import { InputNativeProps } from '../../atoms/Input';
+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 Dummy: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const StyledPressableSurface: import("@emotion/native").StyledComponent<PressableSurfaceProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+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 CloseButton: 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 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 SearchBar: import("@emotion/native").StyledComponent<InputNativeProps & import("react").RefAttributes<import("react-native").TextInput> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+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/package.json

@@ -1,28 +1,26 @@
 {
   "name": "@tecsinapse/react-native-kit",
   "description": "TecSinapse React Native components",
-  "version": "2.2.1",
+  "version": "3.0.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": "rollup --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.0.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": "59db148f23b2b94e8db779e035b43e58a0104fed"
 }

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, {}, {}>;