@tecsinapse/react-core 3.4.14 → 3.4.15-beta.1

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Icon from '../../atoms/Icon/Icon.js';
 import { StyledPasswordButtonIcon } from './styled.js';
 
@@ -8,15 +8,15 @@ const InputPasswordIcon = ({
   ...rest
 }) => {
   const icon = revealed ? "eye-outline" : "eye-off-outline";
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     StyledPasswordButtonIcon,
     {
       ...rest,
       variant: "text",
       size: "small",
-      onPress: () => onChangeState(!revealed)
-    },
-    /* @__PURE__ */ React__default.createElement(Icon, { name: icon, type: "ionicon", size: "centi" })
+      onPress: () => onChangeState(!revealed),
+      children: /* @__PURE__ */ jsx(Icon, { name: icon, type: "ionicon", size: "centi" })
+    }
   );
 };
 

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

@@ -1,5 +1,6 @@
 import styled from '@emotion/native';
 import Button from '../../atoms/Button/Button.js';
+import 'react/jsx-runtime';
 import 'react';
 import '@emotion/react';
 import 'react-native-vector-icons/dist/MaterialIcons';

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

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import React__default from 'react';
 import { Animated } from 'react-native';
 import Icon from '../../atoms/Icon/Icon.js';
@@ -19,7 +20,7 @@ const Snackbar = ({
   style
 }) => {
   const fadeAnim = React__default.useRef(new Animated.Value(0)).current;
-  const timeoutRef = React__default.useRef();
+  const timeoutRef = React__default.useRef(void 0);
   const fadeIn = () => {
     Animated.timing(fadeAnim, {
       toValue: 1,
@@ -57,7 +58,7 @@ const Snackbar = ({
       }, timeout + FADE_DURATION);
     }
   }, [open, timeout]);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     SnackbarContainer,
     {
       colorVariant,
@@ -67,17 +68,23 @@ const Snackbar = ({
       anchorDistance,
       visible: open,
       style: [{ opacity: fadeAnim }, style],
-      timeout
-    },
-    /* @__PURE__ */ React__default.createElement(StyledContainerFlexRow, null, /* @__PURE__ */ React__default.createElement(ContentContainer, null, leftIcon && /* @__PURE__ */ React__default.createElement(IconContainer, null, /* @__PURE__ */ React__default.createElement(Icon, { ...leftIcon, size: "centi" })), /* @__PURE__ */ React__default.createElement(TextContainer, null, children)), dismissable && /* @__PURE__ */ React__default.createElement(DismissContainer, { effect: "none", onPress: handleDismiss }, /* @__PURE__ */ React__default.createElement(
-      Icon,
-      {
-        ...rightIcon,
-        size: "centi",
-        name: "close",
-        type: "material-community"
-      }
-    )))
+      timeout,
+      children: /* @__PURE__ */ jsxs(StyledContainerFlexRow, { children: [
+        /* @__PURE__ */ jsxs(ContentContainer, { children: [
+          leftIcon && /* @__PURE__ */ jsx(IconContainer, { children: /* @__PURE__ */ jsx(Icon, { ...leftIcon, size: "centi" }) }),
+          /* @__PURE__ */ jsx(TextContainer, { children })
+        ] }),
+        dismissable && /* @__PURE__ */ jsx(DismissContainer, { effect: "none", onPress: handleDismiss, children: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            ...rightIcon,
+            size: "centi",
+            name: "close",
+            type: "material-community"
+          }
+        ) })
+      ] })
+    }
   );
 };
 

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

@@ -1,8 +1,9 @@
 import styled, { css } from '@emotion/native';
 import { View } from 'react-native';
-import 'react';
+import 'react/jsx-runtime';
 import '../../atoms/Text/styled.js';
 import '../../atoms/Input/styled.js';
+import 'react';
 import 'currency.js';
 import '../../atoms/Input/InputElement/InputElement.js';
 import '../../atoms/Input/InputMaskElement/InputMaskElement.js';

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

@@ -1,6 +1,7 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { View } from 'react-native';
 import Hint from '../../atoms/Input/Hint.js';
+import 'react';
 import 'currency.js';
 import Text from '../../atoms/Text/Text.js';
 import '../../atoms/Input/styled.js';
@@ -38,41 +39,46 @@ const TextArea = ({
   if (maxLength && length > maxLength) {
     length = maxLength;
   }
-  const _hint = hintComponent || /* @__PURE__ */ React__default.createElement(Hint, { TextComponent, text: hint, variant });
-  return /* @__PURE__ */ React__default.createElement(View, { style }, /* @__PURE__ */ React__default.createElement(
-    StyledInputContainer,
-    {
-      label,
-      labelColor,
-      labelColorVariant,
-      labelColorTone,
-      labelTypography,
-      labelStack,
-      labelWeight,
-      LabelComponent: TextComponent,
-      leftComponent,
-      rightComponent,
-      borderColor,
-      borderColorGradation,
-      inputContainerStyle,
-      focused,
-      disabled,
-      variant
-    },
-    children,
-    maxLength && /* @__PURE__ */ React__default.createElement(
-      TextComponent,
+  const _hint = hintComponent || /* @__PURE__ */ jsx(Hint, { TextComponent, text: hint, variant });
+  return /* @__PURE__ */ jsxs(View, { style, children: [
+    /* @__PURE__ */ jsxs(
+      StyledInputContainer,
       {
-        colorVariant: "secondary",
-        colorTone: "medium",
-        typography: "label",
-        fontStack: "default",
-        fontWeight: "bold",
-        style: { textAlign: "right" }
-      },
-      `${length}/${maxLength}`
-    )
-  ), hint && _hint);
+        label,
+        labelColor,
+        labelColorVariant,
+        labelColorTone,
+        labelTypography,
+        labelStack,
+        labelWeight,
+        LabelComponent: TextComponent,
+        leftComponent,
+        rightComponent,
+        borderColor,
+        borderColorGradation,
+        inputContainerStyle,
+        focused,
+        disabled,
+        variant,
+        children: [
+          children,
+          maxLength && /* @__PURE__ */ jsx(
+            TextComponent,
+            {
+              colorVariant: "secondary",
+              colorTone: "medium",
+              typography: "label",
+              fontStack: "default",
+              fontWeight: "bold",
+              style: { textAlign: "right" },
+              children: `${length}/${maxLength}`
+            }
+          )
+        ]
+      }
+    ),
+    hint && _hint
+  ] });
 };
 
 export { TextArea as default };

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

@@ -1,8 +1,9 @@
 import styled from '@emotion/native';
 import { extractNumbersFromString } from '../../../utils/extractNumbersFromString.js';
-import 'react';
+import 'react/jsx-runtime';
 import '../../atoms/Text/styled.js';
 import '../../atoms/Input/styled.js';
+import 'react';
 import 'currency.js';
 import InputContainer from '../../atoms/Input/InputContainer/InputContainer.js';
 import InputElement from '../../atoms/Input/InputElement/InputElement.js';

package/dist/esm/hooks/useDebouncedState.js

@@ -1,7 +1,7 @@
 import { useRef, useState, useEffect } from 'react';
 
 function useDebouncedState(initialState, timeoutCallback, timeoutMs = 166) {
-  const timeoutId = useRef();
+  const timeoutId = useRef(void 0);
   const [state, setState] = useState(initialState);
   useEffect(() => {
     if (timeoutId.current) clearTimeout(timeoutId.current);

package/dist/esm/styles/ThemeProvider.js

@@ -1,11 +1,11 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { ThemeProvider as ThemeProvider$1 } from '@emotion/react';
 
 const ThemeProvider = ({
   theme,
   children
 }) => {
-  return /* @__PURE__ */ React__default.createElement(ThemeProvider$1, { theme }, children);
+  return /* @__PURE__ */ jsx(ThemeProvider$1, { theme, children });
 };
 
 export { ThemeProvider as default };

package/dist/esm/styles/definitions.js

@@ -1,6 +1,7 @@
-import 'react';
+import 'react/jsx-runtime';
 import '../components/atoms/Text/styled.js';
 import '../components/atoms/Input/styled.js';
+import 'react';
 import 'currency.js';
 import '../components/atoms/Input/InputElement/InputElement.js';
 import '../components/atoms/Input/InputMaskElement/InputMaskElement.js';

package/dist/esm/utils/formatWithMask.js

@@ -1,6 +1,7 @@
-import 'react';
+import 'react/jsx-runtime';
 import '../components/atoms/Text/styled.js';
 import '../components/atoms/Input/styled.js';
+import 'react';
 import { getInternalNumberAndMask } from '../components/atoms/Input/hooks/useNumberMask.js';
 import { getMask, mergeMask } from '../components/atoms/Input/hooks/useStringMask.js';
 import '../components/atoms/Input/InputElement/InputElement.js';

package/dist/esm/utils/masks.js

@@ -14,7 +14,10 @@ const Masks = {
     const isCellPhoneExtended = onlyNumbers.length === 11;
     return value?.length <= 14 && !isCellPhoneExtended ? Masks.PHONE : Masks.PHONE_EXTENDED;
   },
-  COMBINED_CPF_CNPJ: (value) => value?.length <= 14 ? Masks.CPF : Masks.CNPJ
+  COMBINED_CPF_CNPJ: (value) => {
+    const onlyNumbers = extractDigitsFromString(value);
+    return onlyNumbers.length <= 11 ? Masks.CPF : Masks.CNPJ;
+  }
 };
 
 export { Masks };

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

@@ -8,5 +8,5 @@ export interface BadgeProps {
     value: React.ReactNode;
     children?: ReactNode;
 }
-declare const Badge: ({ children, style, color, tone, value, }: BadgeProps) => JSX.Element;
+declare const Badge: ({ children, style, color, tone, value, }: BadgeProps) => React.ReactElement;
 export default Badge;

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

@@ -20,9 +20,9 @@ export interface ButtonProps extends PressableSurfaceProps {
     borderRadius?: BorderRadiusType;
     size?: ButtonSizeType;
     state?: ButtonStateType;
-    loadingComponent?: JSX.Element;
-    errorComponent?: JSX.Element;
-    successComponent?: JSX.Element;
+    loadingComponent?: React.ReactNode;
+    errorComponent?: React.ReactNode;
+    successComponent?: React.ReactNode;
 }
 declare const Button: FC<ButtonProps>;
 export default Button;

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

@@ -1,10 +1,10 @@
 import { PressableSurfaceProps } from '../PressableSurface';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { GestureResponderEvent } from 'react-native';
 import { PaperProps } from '../Paper';
 export interface CardProps extends PaperProps, Omit<PressableSurfaceProps, 'style'> {
     onPress?: null | ((event: GestureResponderEvent) => void);
     children?: ReactNode;
 }
-declare const Card: ({ children, elevated, onPress, ...rest }: CardProps) => JSX.Element;
+declare const Card: ({ children, elevated, onPress, ...rest }: CardProps) => React.ReactElement;
 export default Card;

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

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 export interface FooterProps {
     style?: StyleProp<ViewStyle>;
     children?: ReactNode;
 }
-declare const Footer: ({ children, style }: FooterProps) => JSX.Element;
+declare const Footer: ({ children, style }: FooterProps) => React.ReactElement;
 export default Footer;

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

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 export interface HeaderProps {
     style?: StyleProp<ViewStyle>;
     children?: ReactNode;
 }
-declare const Header: ({ children, style }: HeaderProps) => JSX.Element;
+declare const Header: ({ children, style }: HeaderProps) => React.ReactElement;
 export default Header;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { ColorGradationType, ColorType } from '../../../types/defaults';
 export interface CheckboxProps {
@@ -11,5 +11,5 @@ export interface CheckboxProps {
     style?: StyleProp<ViewStyle>;
     children?: ReactNode;
 }
-declare const Checkbox: ({ children, checked, onChange, color, colorTone, labelPosition, disabled, ...rest }: CheckboxProps) => JSX.Element;
+declare const Checkbox: ({ children, checked, onChange, color, colorTone, labelPosition, disabled, ...rest }: CheckboxProps) => React.ReactElement;
 export default Checkbox;

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

@@ -23,11 +23,11 @@ export interface GroupButtonProps<T> {
     value: T;
     options: GroupButtonValue<T>[];
     renderKey: (option?: T) => string | number | undefined;
-    renderOption: (option: T, active: boolean) => JSX.Element;
+    renderOption: (option: T, active: boolean) => React.ReactElement;
     onChange: (option: T) => void;
     buttonSize?: ButtonSizeType;
     style?: StyleProp<ViewStyle>;
     disableAllOptions?: boolean;
 }
-declare const GroupButton: <T>({ style, ...rest }: GroupButtonProps<T>) => React.JSX.Element;
+declare const GroupButton: <T>({ style, ...rest }: GroupButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default GroupButton;

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

@@ -1,9 +1,9 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { TextProps } from '../Text';
 export interface GroupButtonOptionProps {
     active: boolean;
     description: string;
     TextComponent?: FC<TextProps>;
 }
-declare const GroupButtonOption: ({ TextComponent, active, description, }: GroupButtonOptionProps) => JSX.Element;
+declare const GroupButtonOption: ({ TextComponent, active, description, }: GroupButtonOptionProps) => React.ReactElement;
 export default GroupButtonOption;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { InputElementProps } from '..';
 import { ColorGradationType, ColorType, FontColorType, FontStackType, FontWeightType, TypographyVariationType } from '../../../../types/defaults';
@@ -13,8 +13,8 @@ export interface InputContainerProps {
     labelStack?: FontStackType;
     LabelComponent?: FC<TextProps>;
     labelWeight?: FontWeightType;
-    leftComponent?: JSX.Element;
-    rightComponent?: JSX.Element;
+    leftComponent?: React.ReactNode;
+    rightComponent?: React.ReactNode;
     borderColor?: ColorType;
     borderColorGradation?: ColorGradationType;
     style?: StyleProp<ViewStyle>;
@@ -23,7 +23,7 @@ export interface InputContainerProps {
     disabled?: boolean;
     variant?: InputVariantType;
     hint?: string;
-    hintComponent?: JSX.Element;
+    hintComponent?: React.ReactNode;
     testID?: string;
 }
 declare const InputContainer: FC<InputContainerProps & Partial<InputElementProps>>;

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { PressableStateCallbackType, StyleProp, ViewStyle } from 'react-native';
 import { InputContainerProps } from '../InputContainer/InputContainer';
 import { ReactNode } from 'react';
@@ -7,5 +8,5 @@ export interface PressableInputContainerProps extends Omit<InputContainerProps,
     style?: StyleProp<ViewStyle> | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
     children?: ReactNode;
 }
-declare const PressableInputContainer: ({ onPress, disabled, style, children, ...rest }: PressableInputContainerProps) => JSX.Element;
+declare const PressableInputContainer: ({ onPress, disabled, style, children, ...rest }: PressableInputContainerProps) => React.ReactElement;
 export default PressableInputContainer;

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

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 export interface PaperProps {
     elevated?: boolean;
     style?: StyleProp<ViewStyle>;
     children?: ReactNode;
 }
-declare const Paper: ({ children, elevated, ...rest }: PaperProps) => JSX.Element;
+declare const Paper: ({ children, elevated, ...rest }: PaperProps) => React.ReactElement;
 export default Paper;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { PressableProps, StyleProp, ViewStyle } from 'react-native';
 export interface PressableSurfaceProps extends PressableProps {
     effect?: 'darken' | 'lighten' | 'none';
@@ -7,5 +7,5 @@ export interface PressableSurfaceProps extends PressableProps {
     effectStyle?: (pressed: boolean) => StyleProp<ViewStyle>;
     children?: ReactNode;
 }
-declare const PressableSurface: ({ children, surfaceColor, effect, effectIntensity, effectStyle, style, ...rest }: PressableSurfaceProps) => JSX.Element;
+declare const PressableSurface: ({ children, surfaceColor, effect, effectIntensity, effectStyle, style, ...rest }: PressableSurfaceProps) => React.ReactElement;
 export default PressableSurface;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ViewProps } from 'react-native';
 import { ColorGradationType, ColorType } from '../../../types/defaults';
 export interface ProgressBarProps extends ViewProps {
@@ -8,5 +9,5 @@ export interface ProgressBarProps extends ViewProps {
     color?: ColorType;
     colorTone?: ColorGradationType;
 }
-declare const ProgressBar: ({ segments: _segments, valueMin, valueNow: _valueNow, valueMax, color, colorTone, ...rest }: ProgressBarProps) => JSX.Element;
+declare const ProgressBar: ({ segments: _segments, valueMin, valueNow: _valueNow, valueMax, color, colorTone, ...rest }: ProgressBarProps) => React.ReactElement;
 export default ProgressBar;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { ColorGradationType, ColorType } from '../../../types/defaults';
 export interface RadioButtonProps {
@@ -11,5 +11,5 @@ export interface RadioButtonProps {
     style?: StyleProp<ViewStyle>;
     children?: ReactNode;
 }
-declare const RadioButton: ({ children, onChange, checked, labelPosition, disabled, color, colorTone, ...rest }: RadioButtonProps) => JSX.Element;
+declare const RadioButton: ({ children, onChange, checked, labelPosition, disabled, color, colorTone, ...rest }: RadioButtonProps) => React.ReactElement;
 export default RadioButton;

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

@@ -18,5 +18,5 @@ export interface CalendarProps<T extends SelectionType> extends ViewProps {
     locale?: Locale;
     selectYearProps?: Omit<SelectYearProps, 'TextComponent' | 'currentYear' | 'onSelectYear'>;
 }
-declare function Calendar<T extends SelectionType>({ TextComponent, year: _year, month: _month, value, type, onChange, locale, selectYearProps, ...rest }: CalendarProps<T>): JSX.Element;
+declare function Calendar<T extends SelectionType>({ TextComponent, year: _year, month: _month, value, type, onChange, locale, selectYearProps, ...rest }: CalendarProps<T>): React.ReactElement;
 export default Calendar;

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

@@ -6,5 +6,5 @@ interface MemoizedYearCardProps {
     onPress: () => void;
     TextComponent: React.FC<TextProps>;
 }
-declare const MemoizedYearCard: React.MemoExoticComponent<({ year, isSelected, onPress, TextComponent, }: MemoizedYearCardProps) => JSX.Element>;
+declare const MemoizedYearCard: React.MemoExoticComponent<({ year, isSelected, onPress, TextComponent, }: MemoizedYearCardProps) => React.ReactElement>;
 export default MemoizedYearCard;

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>) => React.JSX.Element)>;
+declare const _default: React.MemoExoticComponent<(<T extends SelectionType>({ week, referenceDate, type, value, TextComponent, onChange, }: IMonthWeek<T>) => import("react/jsx-runtime").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) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ currentYear, onSelectYear, TextComponent, yearsToShow, firstYear, numColumns, }: SelectYearProps) => import("react/jsx-runtime").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) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ calendar, locale, Capitalized }: IWeekdays) => import("react/jsx-runtime").JSX.Element>;
 export default _default;