@tecsinapse/react-core 3.4.13 → 3.4.14

package/dist/cjs/components/atoms/Checkbox/Checkbox.js

@@ -16,7 +16,7 @@ const Checkbox = ({
   ...rest
 }) => {
   const handleChange = () => {
-    onChange && onChange(!checked);
+    onChange?.(!checked);
   };
   return /* @__PURE__ */ React.createElement(
     reactNative.Pressable,

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

@@ -40,7 +40,7 @@ const InputMaskElement = React.forwardRef(
       (value2) => {
         if (maskValue !== void 0 && setMaskValue !== void 0) {
           setMaskValue(value2);
-        } else onChange && onChange(value2);
+        } else onChange?.(value2);
       },
       [value]
     );

package/dist/cjs/components/atoms/Input/hooks/useInputFocus.js

@@ -7,13 +7,13 @@ const useInputFocus = (onFocus, onBlur, focusEnabled = true) => {
   const handleFocus = React.useCallback(() => {
     if (focusEnabled) {
       setFocused(true);
-      onFocus && onFocus();
+      onFocus?.();
     }
   }, [focusEnabled, setFocused, onFocus]);
   const handleBlur = React.useCallback(() => {
     if (focusEnabled) {
       setFocused(false);
-      onBlur && onBlur();
+      onBlur?.();
     }
   }, [focusEnabled, setFocused, onBlur]);
   return {

package/dist/cjs/components/atoms/RadioButton/RadioButton.js

@@ -16,7 +16,7 @@ const RadioButton = ({
   ...rest
 }) => {
   const handleChange = () => {
-    onChange && onChange(!checked);
+    onChange?.(!checked);
   };
   return /* @__PURE__ */ React.createElement(
     reactNative.Pressable,

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

@@ -91,7 +91,7 @@ function DatePicker({
     }
     if (closeOnPick && value && type === "range") {
       const { lowest, highest } = value;
-      lowest && highest && setTimeout(handleRequestCloseCalendar, 200);
+      if (lowest && highest) setTimeout(handleRequestCloseCalendar, 200);
     }
   }, [value, closeOnPick, type, handleRequestCloseCalendar]);
   const calendar = /* @__PURE__ */ React__namespace.createElement(

package/dist/cjs/components/molecules/DateTimeSelector/Selector.js

@@ -73,7 +73,7 @@ const Selector = ({
     onChange(prev);
   };
   const handlePressOut = () => {
-    pressInTimeoutRef.current && clearTimeout(pressInTimeoutRef.current);
+    if (pressInTimeoutRef.current) clearTimeout(pressInTimeoutRef.current);
   };
   return /* @__PURE__ */ React__namespace.createElement(styled.SelectorRoot, { ...rest }, /* @__PURE__ */ React__namespace.createElement(
     styled.Control,

package/dist/esm/components/atoms/Checkbox/Checkbox.js

@@ -14,7 +14,7 @@ const Checkbox = ({
   ...rest
 }) => {
   const handleChange = () => {
-    onChange && onChange(!checked);
+    onChange?.(!checked);
   };
   return /* @__PURE__ */ React__default.createElement(
     Pressable,

package/dist/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js

@@ -38,7 +38,7 @@ const InputMaskElement = React__default.forwardRef(
       (value2) => {
         if (maskValue !== void 0 && setMaskValue !== void 0) {
           setMaskValue(value2);
-        } else onChange && onChange(value2);
+        } else onChange?.(value2);
       },
       [value]
     );

package/dist/esm/components/atoms/Input/hooks/useInputFocus.js

@@ -5,13 +5,13 @@ const useInputFocus = (onFocus, onBlur, focusEnabled = true) => {
   const handleFocus = useCallback(() => {
     if (focusEnabled) {
       setFocused(true);
-      onFocus && onFocus();
+      onFocus?.();
     }
   }, [focusEnabled, setFocused, onFocus]);
   const handleBlur = useCallback(() => {
     if (focusEnabled) {
       setFocused(false);
-      onBlur && onBlur();
+      onBlur?.();
     }
   }, [focusEnabled, setFocused, onBlur]);
   return {

package/dist/esm/components/atoms/RadioButton/RadioButton.js

@@ -14,7 +14,7 @@ const RadioButton = ({
   ...rest
 }) => {
   const handleChange = () => {
-    onChange && onChange(!checked);
+    onChange?.(!checked);
   };
   return /* @__PURE__ */ React__default.createElement(
     Pressable,

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

@@ -71,7 +71,7 @@ function DatePicker({
     }
     if (closeOnPick && value && type === "range") {
       const { lowest, highest } = value;
-      lowest && highest && setTimeout(handleRequestCloseCalendar, 200);
+      if (lowest && highest) setTimeout(handleRequestCloseCalendar, 200);
     }
   }, [value, closeOnPick, type, handleRequestCloseCalendar]);
   const calendar = /* @__PURE__ */ React.createElement(

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

@@ -52,7 +52,7 @@ const Selector = ({
     onChange(prev);
   };
   const handlePressOut = () => {
-    pressInTimeoutRef.current && clearTimeout(pressInTimeoutRef.current);
+    if (pressInTimeoutRef.current) clearTimeout(pressInTimeoutRef.current);
   };
   return /* @__PURE__ */ React.createElement(SelectorRoot, { ...rest }, /* @__PURE__ */ React.createElement(
     Control,

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

@@ -3,22 +3,22 @@ import { Image, View } from 'react-native';
 import { TextProps } from '../Text';
 import { AvatarProps } from './types';
 export declare const ContainerButtonAvatar: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps & AvatarProps>, {}, {}>;
 export declare const StyledAvatar: import("@emotion/native").StyledComponent<import("react-native").ImageProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<Image> | undefined;
 }>;
 export declare const StyledBackground: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const getStyledTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;

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

@@ -1,15 +1,14 @@
-/// <reference types="react" />
 import { View } from 'react-native';
 import { BadgeProps } from './Badge';
 export declare const BadgeStyle: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps & BadgeProps>, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const ViewStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps & BadgeProps>, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyleProps } from '../../../types/defaults';
 import { View } from 'react-native';
 export declare const elevatedStyles: ({ theme }: Partial<StyleProps>) => {
@@ -12,11 +11,11 @@ export declare const elevatedStyles: ({ theme }: Partial<StyleProps>) => {
     elevation: number;
 }[];
 export declare const StyledBoxContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps> & {
     ref?: import("react").Ref<View> | undefined;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;

package/dist/types/components/atoms/Button/States/styled.d.ts

@@ -3,12 +3,12 @@ import { ActivityIndicator } from 'react-native';
 import { TextProps } from '../../Text';
 import { ButtonStateProps } from '../Button';
 export declare const getStyledTextButton: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<ButtonStateProps> & Partial<import("../../../../types/defaults").ThemeProviderProps>, {}, {}>;
 export declare const StyledIndicator: import("@emotion/native").StyledComponent<import("react-native").ActivityIndicatorProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<ButtonStateProps> & Partial<import("../../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<ActivityIndicator> | undefined;
 }>;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { ButtonProps } from './Button';
 export declare const StyledButton: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & ButtonProps & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { CardProps } from './Card';
 export declare const StyledCard: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & CardProps & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -1,27 +1,26 @@
-/// <reference types="react" />
 import { View } from 'react-native';
 import { CheckboxProps } from './Checkbox';
 export declare const IconUncheckedStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<CheckboxProps & import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const IconCheckedStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<CheckboxProps & import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const IconViewStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const ViewStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;

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

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { DividerProps } from './Divider';
 export declare const StyledDivider: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps> & {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & DividerProps, {}, {}>;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { ColorGradationType, ColorType } from '../../../types/defaults';
 import { ButtonSizeType } from '../Button';
@@ -29,5 +29,5 @@ export interface GroupButtonProps<T> {
     style?: StyleProp<ViewStyle>;
     disableAllOptions?: boolean;
 }
-declare const GroupButton: <T>({ style, ...rest }: GroupButtonProps<T>) => JSX.Element;
+declare const GroupButton: <T>({ style, ...rest }: GroupButtonProps<T>) => React.JSX.Element;
 export default GroupButton;

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

@@ -10,29 +10,29 @@ interface PressableOptions extends GroupButtonOptions {
     buttonSize?: ButtonSizeType;
 }
 export declare const StyledGroupButton: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const getStyledGroupItemText: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<GroupButtonOptionProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
 export declare const StyledOption: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const StyledDivider: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const StyledPressable: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & PressableOptions & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
 export {};

package/dist/types/components/atoms/Icon/AntDesign.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconInternalProps } from './types';
-declare const AntDesign: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+declare const AntDesign: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
 export default AntDesign;

package/dist/types/components/atoms/Icon/Entypo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconInternalProps } from './types';
-declare const Entypo: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+declare const Entypo: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
 export default Entypo;

package/dist/types/components/atoms/Icon/Evil.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconInternalProps } from './types';
-declare const Evil: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+declare const Evil: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
 export default Evil;

package/dist/types/components/atoms/Icon/Feather.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconInternalProps } from './types';
-declare const Feather: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+declare const Feather: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
 export default Feather;

package/dist/types/components/atoms/Icon/FontAwesome.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconInternalProps } from './types';
-declare const FontAwesome: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+declare const FontAwesome: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
 export default FontAwesome;

package/dist/types/components/atoms/Icon/FontAwesomeFive.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconInternalProps } from './types';
-declare const FontAwesomeFive: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+declare const FontAwesomeFive: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
 export default FontAwesomeFive;

package/dist/types/components/atoms/Icon/Fontisto.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconInternalProps } from './types';
-declare const Fontisto: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+declare const Fontisto: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
 export default Fontisto;

package/dist/types/components/atoms/Icon/Foundation.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconInternalProps } from './types';
-declare const Foundation: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+declare const Foundation: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
 export default Foundation;

package/dist/types/components/atoms/Icon/Ionicon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconInternalProps } from './types';
-declare const Ionicon: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+declare const Ionicon: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
 export default Ionicon;

package/dist/types/components/atoms/Icon/Material.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconInternalProps } from './types';
-declare const Material: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+declare const Material: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
 export default Material;

package/dist/types/components/atoms/Icon/MaterialCommunity.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconInternalProps } from './types';
-declare const MaterialCommunity: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+declare const MaterialCommunity: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
 export default MaterialCommunity;

package/dist/types/components/atoms/Icon/Octicon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconInternalProps } from './types';
-declare const Octicon: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+declare const Octicon: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
 export default Octicon;

package/dist/types/components/atoms/Icon/SimpleLine.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconInternalProps } from './types';
-declare const SimpleLine: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+declare const SimpleLine: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
 export default SimpleLine;

package/dist/types/components/atoms/Icon/Zocial.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconInternalProps } from './types';
-declare const Zocial: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
+declare const Zocial: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
 export default Zocial;

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

@@ -2,6 +2,6 @@ import { ComponentType } from 'react';
 import { IconRNVIProps } from './types';
 import { IconSizeType } from '../../../types/defaults';
 export declare const getStyledIcon: (Component: ComponentType<IconRNVIProps>, size: IconSizeType) => import("@emotion/native").StyledComponent<IconRNVIProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const StyledPressableSurface: import("@emotion/native").StyledComponent<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ViewProps } from 'react-native';
 import { ColorGradationType, ColorType } from '../../../types/defaults';
 export interface ProgressBarProps extends ViewProps {

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

@@ -1,19 +1,18 @@
-/// <reference types="react" />
 export declare const Container: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const Segment: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const Progress: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;

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

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

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

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

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

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

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

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

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

@@ -9,5 +9,5 @@ interface IMonthWeek<T extends SelectionType> {
     week: Date[];
     referenceDate: Date;
 }
-declare const _default: React.MemoExoticComponent<(<T extends SelectionType>({ week, referenceDate, type, value, TextComponent, onChange, }: IMonthWeek<T>) => JSX.Element)>;
+declare const _default: React.MemoExoticComponent<(<T extends SelectionType>({ week, referenceDate, type, value, TextComponent, onChange, }: IMonthWeek<T>) => React.JSX.Element)>;
 export default _default;

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

@@ -8,5 +8,5 @@ export interface SelectYearProps {
     firstYear?: number;
     numColumns?: number;
 }
-declare const _default: React.MemoExoticComponent<({ currentYear, onSelectYear, TextComponent, yearsToShow, firstYear, numColumns, }: SelectYearProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ currentYear, onSelectYear, TextComponent, yearsToShow, firstYear, numColumns, }: SelectYearProps) => React.JSX.Element>;
 export default _default;

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

@@ -4,5 +4,5 @@ interface IWeekdays {
     locale?: Locale;
     Capitalized: React.ElementType;
 }
-declare const _default: React.MemoExoticComponent<({ calendar, locale, Capitalized }: IWeekdays) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ calendar, locale, Capitalized }: IWeekdays) => React.JSX.Element>;
 export default _default;

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

@@ -6,46 +6,46 @@ interface ButtonBorders {
     isRight?: boolean;
 }
 export declare const TitleContainer: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const Control: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps> & ButtonBorders & {
-    align: 'start' | 'end';
+    align: "start" | "end";
 }, {}, {}>;
 export declare const getCapitalizedTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;
 export declare const Content: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps> & {
-    height?: number | undefined;
+    height?: number;
 }, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const Week: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const Selected: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps> & {
     selected: boolean;
 }, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const Cell: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & PressableProps & Partial<import("../../../types/defaults").ThemeProviderProps> & {
     selected: boolean;
     highlighted: boolean;
@@ -55,9 +55,9 @@ export declare const Cell: import("@emotion/native").StyledComponent<import("../
     isRangeEnd: boolean;
 }, {}, {}>;
 export declare const YearCard: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps> & ButtonBorders & {
-    isSelected?: boolean | undefined;
+    isSelected?: boolean;
 }, {}, {}>;
 export {};

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

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

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

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

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

@@ -1,48 +1,47 @@
-/// <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;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").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;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const SelectorRoot: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const SelectorValue: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const SelectorContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps> & {
-    isFirst?: boolean | undefined;
-    isLast?: boolean | undefined;
+    isFirst?: boolean;
+    isLast?: boolean;
 }, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const Control: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").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;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const BackButton: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const StyledPasswordButtonIcon: import("@emotion/native").StyledComponent<import("../../atoms/Button").ButtonProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -1,37 +1,36 @@
-/// <reference types="react" />
 import { View } from 'react-native';
 import { SnackbarProps } from './Snackbar';
 export declare const SnackbarContainer: import("@emotion/native").StyledComponent<import("../../atoms/Paper").PaperProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<SnackbarProps & import("../../../types/defaults").ThemeProviderProps> & {
     visible: boolean;
 }, {}, {}>;
 export declare const ContentContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const IconContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const DismissContainer: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
 export declare const StyledContainerFlexRow: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const TextContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { TextAreaProps } from './TextArea';
 export declare const StyledInputContainer: import("@emotion/native").StyledComponent<import("../../atoms/Input").InputContainerProps & Partial<import("../../atoms/Input").InputElementProps> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
 export declare const TextAreaInputBase: import("@emotion/native").StyledComponent<import("../../atoms/Input").InputElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<TextAreaProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-core",
   "description": "Core hybrid React components library",
-  "version": "3.4.13",
+  "version": "3.4.14",
   "license": "MIT",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -35,5 +35,5 @@
     "react-native": ">=0.72.0",
     "react-native-vector-icons": "^9.2.0"
   },
-  "gitHead": "56265c4e49e362349a4b93bef75555e0d6b25d64"
+  "gitHead": "facab9dc92fe7dfaf55579ab593fd81c95bb34c6"
 }