@tecsinapse/react-native-kit 2.2.1-beta.0 → 3.0.0

package/README.md

@@ -2,7 +2,7 @@
 
 # TecSinapse Design System
 
-[![Stars](https://img.shields.io/github/stars/tecsinapse/design-system?style=social)](https://github.com/tecsinapse/design-system/) [![License](https://img.shields.io/github/license/tecsinapse/design-system)](./LICENSE.md) [![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.0-4baaaa.svg)](CODE_OF_CONDUCT.md)![build workflow](https://github.com/tecsinapse/design-system/actions/workflows/build-deploy.yml/badge.svg)
+[![Stars](https://img.shields.io/github/stars/tecsinapse/design-system?style=social)](https://github.com/tecsinapse/design-system/) [![License](https://img.shields.io/github/license/tecsinapse/design-system)](./LICENSE.md) [![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.0-4baaaa.svg)](CODE_OF_CONDUCT.md)![build workflow](https://github.com/tecsinapse/design-system/actions/workflows/ci.yml/badge.svg)
 
 
 [TecSinapse Design System](https://tecsinapse.github.io/design-system) is the hybrid implementation of the [TecSinapse](https://www.tecsinapse.com.br/) Design System. 
@@ -23,11 +23,12 @@ Here are a few helpful links for getting started:
 
 ## Packages
 
-| Package                                                         | Content                                              | Version                                     |
-| --------------------------------------------------------------- | ---------------------------------------------------- | ------------------------------------------- |
-| **[@tecsinapse/react-core](./packages/react-core)**             | the core hybrid React component library              | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-core.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-core) |
-| **[@tecsinapse/react-web-kit](./packages/react-web-kit)**       | the React component library focused on web           | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-web-kit.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-web-kit) |
+| Package                                                         | Content                                              | Version                                                                                                                                    |
+|-----------------------------------------------------------------|------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------|
+| **[@tecsinapse/react-core](./packages/react-core)**             | the core hybrid React component library              | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-core.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-core)             |
+| **[@tecsinapse/react-web-kit](./packages/react-web-kit)**       | the React component library focused on web           | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-web-kit.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-web-kit)       |
 | **[@tecsinapse/react-native-kit](./packages/react-native-kit)** | the React native component library focused on mobile | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-native-kit.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-native-kit) |
+| **[@tecsinapse/react-charts](./packages/react-charts)**         | Charts for React based on SVG                        | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-charts.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-charts)         |
 
 ## Code of conduct
 
@@ -35,11 +36,36 @@ We want to foster an inclusive and friendly community around our Open Source eff
 
 If you feel another member of the community violated our code or you are experiencing problems participating in our community because of another individual's behavior, please get in touch with our maintainers.
 
+## How to make local changes available for other projects?
+
+At times, it may be necessary to test changes directly in a product, and not in the design system, and for this to work in a less laborious way, we can follow the steps below:
+
+3 terminal tabs should open:
+- In one run the JS code watch:
+```
+yarn build:watch
+```
+- In another run the watch of the TS code watch
+```
+yarn build:declarations:watch
+```
+- On another run yalc push (this script updates linked local projects)
+```
+yarn yalc:push
+```
+
+With that, all changes will be in yalc locally.
+
+To access in your application, see this [example](https://github.com/tecsinapse/vendas-web-poc-playground#tools) in topic "**Yalc link Design System:**"
+
+
 ### Maintainers
 
+- [Beatriz Silva](mailto:beatriz.silva@tecsinapse.com.br)
 - [Denner Vidal](mailto:denner.vidal@tecsinapse.com.br)
-- [Nilson Altonio](mailto:nilson.antonio@tecsinapse.com.br)
-- [Agnaldo Citadin](mailto:agnaldo.citadin@tecsinapse.com.br)
+- [Gabriel Sanches](mailto:gabriel.sanches@tecsinapse.com.br)
+- [Lucas Ramos](mailto:lucas.ramos@tecsinapse.com.br)
+- [Nilson Antonio](mailto:nilson.antonio@tecsinapse.com.br)
 - [Ryan Correa](mailto:ryan.correa@tecsinapse.com.br)
 
 ## Contributing

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

@@ -1,11 +1,26 @@
 /// <reference types="react" />
-export declare const StyledView: import("@emotion/native").StyledComponent<any, {}, {
+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<any, {}, {}>;
-export declare const TabContent: import("@emotion/native").StyledComponent<any, {}, {
+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<any, {}, {
+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/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

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

@@ -1 +1,7 @@
-export declare const StyledNativeInput: import("@emotion/native").StyledComponent<any, {}, {}>;
+/// <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

@@ -1,5 +1,11 @@
 /// <reference types="react" />
-export declare const StyledInputContainer: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
-}>;
-export declare const StyledNativeInputMask: import("@emotion/native").StyledComponent<any, {}, {}>;
+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

@@ -1,6 +1,16 @@
 /// <reference types="react" />
-export declare const StyledPressableBackDrop: import("@emotion/native").StyledComponent<any, {}, {}>;
-export declare const BackDropView: import("@emotion/native").StyledComponent<any, {}, {}>;
-export declare const CloseBar: import("@emotion/native").StyledComponent<any, {}, {
+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/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/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/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

@@ -4,7 +4,8 @@ export interface Font {
     fontStack?: FontStackType;
     fontWeight?: FontWeightType;
 }
-export declare const fontStyles: ({ theme, fontStack, fontWeight, }: Partial<Font & Partial<StyleProps>>) => any;
-export declare const StyledNativeText: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
-}>;
+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/types/components/atoms/TextArea/styled.d.ts

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

package/dist/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/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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
-export declare const CalendarBoxContent: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
-}>;
+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/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/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

@@ -1,2 +1,17 @@
-export declare const StyledIconTextButton: import("@emotion/native").StyledComponent<any, {}, {}>;
-export declare const StyledText: import("@emotion/native").StyledComponent<any, {}, {}>;
+/// <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/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/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/Select/Modal.d.ts

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

package/dist/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

@@ -1,42 +1,72 @@
 /// <reference types="react" />
+import { ButtonProps, InputContainerProps, PressableSurfaceProps } from '@tecsinapse/react-core';
 import { ActivityIndicator, View, ViewProps } from 'react-native';
-export declare const getStyledModal: (safeTop?: number) => import("@emotion/native").StyledComponent<any, {}, {
+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<any, {}, {}>;
+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<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
-}>;
-export declare const Header: import("@emotion/native").StyledComponent<any, {}, {
+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<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
-}>;
-export declare const SearchBarContainer: import("@emotion/native").StyledComponent<any, {}, {
+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<any, {}, {}>;
-export declare const ListItem: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
-}>;
-export declare const ModalFooter: import("@emotion/native").StyledComponent<any, {}, {
+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<any, {}, {
-    ref?: import("react").Ref<any> | 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<any, {}, {}>;
-export declare const StyledTextItemSelect: import("@emotion/native").StyledComponent<any, {}, {}>;
+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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
-export declare const SnackbarStyled: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
-}>;
+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,7 +1,7 @@
 {
   "name": "@tecsinapse/react-native-kit",
   "description": "TecSinapse React Native components",
-  "version": "2.2.1-beta.0+66dfc116",
+  "version": "3.0.0",
   "license": "MIT",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -10,17 +10,17 @@
     "dist"
   ],
   "scripts": {
-    "start": "yarn build:es --watch",
-    "build:es": "yarn rollup --config",
+    "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-beta.0+66dfc116",
+    "@emotion/native": "~11.11.0",
+    "@emotion/react": "~11.11.0",
+    "@tecsinapse/react-core": "^3.0.0",
     "react-native-linear-gradient": "~2.8.3"
   },
   "repository": {
@@ -39,5 +39,5 @@
     "react-native-safe-area-context": "^4.0.0",
     "react-native-vector-icons": "^9.2.0"
   },
-  "gitHead": "66dfc11647cad934077a753144e1c39324e87ad2"
+  "gitHead": "59db148f23b2b94e8db779e035b43e58a0104fed"
 }