@tecsinapse/react-native-kit 3.5.13 → 3.5.14-beta.0

package/dist/cjs/utils/date.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var reactNative = require('react-native');
 var dateFnsLocales = require('date-fns/locale');
+var reactNative = require('react-native');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -23,12 +23,7 @@ function _interopNamespaceDefault(e) {
 var dateFnsLocales__namespace = /*#__PURE__*/_interopNamespaceDefault(dateFnsLocales);
 
 const getLocale = () => {
-  let locale;
-  if (reactNative.Platform.OS === "ios") {
-    locale = reactNative.NativeModules.SettingsManager.settings.AppleLocale || reactNative.NativeModules.SettingsManager.settings.AppleLanguages[0];
-  } else {
-    locale = reactNative.NativeModules.I18nManager.localeIdentifier;
-  }
+  const locale = reactNative.I18nManager.getConstants().localeIdentifier ?? "pt_BR";
   const code = locale.replace("_", "");
   return dateFnsLocales__namespace[code];
 };

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

@@ -1,9 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
 import { Avatar as Avatar$1 } from '@tecsinapse/react-core';
-import React__default from 'react';
 import Text from '../Text/Text.js';
 
 const Avatar = (props) => {
-  return /* @__PURE__ */ React__default.createElement(Avatar$1, { ...props, TextComponent: Text });
+  return /* @__PURE__ */ jsx(Avatar$1, { ...props, TextComponent: Text });
 };
 
 export { Avatar as default };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { Badge as Badge$1 } from '@tecsinapse/react-core';
 import Text from '../Text/Text.js';
 
@@ -8,13 +8,13 @@ const Badge = ({
   value,
   ...props
 }) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Badge$1,
     {
       ...props,
-      value: /* @__PURE__ */ React__default.createElement(Text, { fontColor, fontWeight: "bold", typography: "label" }, value)
-    },
-    children
+      value: /* @__PURE__ */ jsx(Text, { fontColor, fontWeight: "bold", typography: "label", children: value }),
+      children
+    }
   );
 };
 

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

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { StyledView, TabContainer } from './styled.js';
 import Item from './Item.js';
@@ -9,21 +10,25 @@ function BottomNavigator({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React.createElement(StyledView, { ...rest }, React.Children.map(children, (child) => {
+  return /* @__PURE__ */ jsx(StyledView, { ...rest, children: React.Children.map(children, (child) => {
     const { value, label, labelProps, labelElement } = child.props;
     const isSelected = value == selected;
-    return /* @__PURE__ */ React.createElement(TabContainer, { selected: isSelected, onPress: () => onSelect(value) }, React.cloneElement(child, {
-      _selected: isSelected
-    }), label && !labelElement && /* @__PURE__ */ React.createElement(
-      Text,
-      {
-        colorVariant: labelProps?.colorVariant || isSelected ? "primary" : "secondary",
-        typography: labelProps?.typography || "sub",
-        ...labelProps
-      },
-      label
-    ), labelElement && labelElement);
-  }));
+    return /* @__PURE__ */ jsxs(TabContainer, { selected: isSelected, onPress: () => onSelect(value), children: [
+      React.cloneElement(child, {
+        _selected: isSelected
+      }),
+      label && !labelElement && /* @__PURE__ */ jsx(
+        Text,
+        {
+          colorVariant: labelProps?.colorVariant || isSelected ? "primary" : "secondary",
+          typography: labelProps?.typography || "sub",
+          ...labelProps,
+          children: label
+        }
+      ),
+      labelElement && labelElement
+    ] });
+  }) });
 }
 BottomNavigator.Item = Item;
 

package/dist/esm/components/atoms/BottomNavigator/Item.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { Icon } from '@tecsinapse/react-core';
 import { TabContent, CustomTabContent } from './styled.js';
 
@@ -11,9 +11,9 @@ function Item({
   const styledButtonStyle = _selected ? void 0 : { backgroundColor: "transparent" };
   const iconColorVariant = _selected ? "primary" : "secondary";
   if (icon) {
-    return /* @__PURE__ */ React.createElement(TabContent, { style: styledButtonStyle, ...rest }, /* @__PURE__ */ React.createElement(Icon, { colorVariant: iconColorVariant, size: "centi", ...icon }));
+    return /* @__PURE__ */ jsx(TabContent, { style: styledButtonStyle, ...rest, children: /* @__PURE__ */ jsx(Icon, { colorVariant: iconColorVariant, size: "centi", ...icon }) });
   } else {
-    return /* @__PURE__ */ React.createElement(CustomTabContent, null, children);
+    return /* @__PURE__ */ jsx(CustomTabContent, { children });
   }
 }
 

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

@@ -1,5 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
 import { Button as Button$1 } from '@tecsinapse/react-core';
-import React__default, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { Keyboard } from 'react-native';
 
 const Button = ({
@@ -14,7 +15,7 @@ const Button = ({
     },
     [onPress]
   );
-  return /* @__PURE__ */ React__default.createElement(Button$1, { ...others, onPress: handleOnPress });
+  return /* @__PURE__ */ jsx(Button$1, { ...others, onPress: handleOnPress });
 };
 
 export { Button };

package/dist/esm/components/atoms/Button/States/Error.js

@@ -1,9 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
 import { Error as Error$1 } from '@tecsinapse/react-core';
-import React__default from 'react';
 import Text from '../../Text/Text.js';
 
 const Error = (props) => {
-  return /* @__PURE__ */ React__default.createElement(Error$1, { ...props, textComponent: Text });
+  return /* @__PURE__ */ jsx(Error$1, { ...props, textComponent: Text });
 };
 
 export { Error as default };

package/dist/esm/components/atoms/Button/States/Loading.js

@@ -1,9 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
 import { Loading as Loading$1 } from '@tecsinapse/react-core';
-import React__default from 'react';
 import Text from '../../Text/Text.js';
 
 const Loading = (props) => {
-  return /* @__PURE__ */ React__default.createElement(Loading$1, { ...props, textComponent: Text });
+  return /* @__PURE__ */ jsx(Loading$1, { ...props, textComponent: Text });
 };
 
 export { Loading as default };

package/dist/esm/components/atoms/Button/States/Success.js

@@ -1,9 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
 import { Success as Success$1 } from '@tecsinapse/react-core';
-import React__default from 'react';
 import Text from '../../Text/Text.js';
 
 const Success = (props) => {
-  return /* @__PURE__ */ React__default.createElement(Success$1, { ...props, textComponent: Text });
+  return /* @__PURE__ */ jsx(Success$1, { ...props, textComponent: Text });
 };
 
 export { Success as default };

package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js

@@ -1,9 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
 import { GroupButtonOption as GroupButtonOption$1 } from '@tecsinapse/react-core';
-import React__default from 'react';
 import Text from '../Text/Text.js';
 
 const GroupButtonOption = (props) => {
-  return /* @__PURE__ */ React__default.createElement(GroupButtonOption$1, { ...props, TextComponent: Text });
+  return /* @__PURE__ */ jsx(GroupButtonOption$1, { ...props, TextComponent: Text });
 };
 
 export { GroupButtonOption as default };

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

@@ -1,6 +1,6 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { StyledView, Dummy, FloatingButton } from './styled.js';
 import { Icon } from '@tecsinapse/react-core';
-import * as React from 'react';
 import Badge from '../Badge/Badge.js';
 
 const Header = ({
@@ -9,17 +9,21 @@ const Header = ({
   children,
   ...rest
 }) => {
-  const ButtonBase = ({ button }) => /* @__PURE__ */ React.createElement(
+  const ButtonBase = ({ button }) => /* @__PURE__ */ jsx(
     FloatingButton,
     {
       ...button,
       variant: button?.variant || "filled",
       color: button?.color || "primary",
-      size: button?.size || "small"
-    },
-    button?.icon && /* @__PURE__ */ React.createElement(Icon, { ...button?.icon })
+      size: button?.size || "small",
+      children: button?.icon && /* @__PURE__ */ jsx(Icon, { ...button?.icon })
+    }
   );
-  return /* @__PURE__ */ React.createElement(StyledView, { ...rest }, leftButton ? /* @__PURE__ */ React.createElement(React.Fragment, null, leftButton?.valueBadge ? /* @__PURE__ */ React.createElement(Badge, { value: leftButton.valueBadge, color: "error" }, /* @__PURE__ */ React.createElement(ButtonBase, { button: leftButton })) : /* @__PURE__ */ React.createElement(ButtonBase, { button: leftButton })) : /* @__PURE__ */ React.createElement(Dummy, { disabled: true }), children, rightButton ? /* @__PURE__ */ React.createElement(React.Fragment, null, rightButton?.valueBadge ? /* @__PURE__ */ React.createElement(Badge, { value: rightButton.valueBadge, color: "error" }, /* @__PURE__ */ React.createElement(ButtonBase, { button: rightButton })) : /* @__PURE__ */ React.createElement(ButtonBase, { button: rightButton })) : /* @__PURE__ */ React.createElement(Dummy, { disabled: true }));
+  return /* @__PURE__ */ jsxs(StyledView, { ...rest, children: [
+    leftButton ? /* @__PURE__ */ jsx(Fragment, { children: leftButton?.valueBadge ? /* @__PURE__ */ jsx(Badge, { value: leftButton.valueBadge, color: "error", children: /* @__PURE__ */ jsx(ButtonBase, { button: leftButton }) }) : /* @__PURE__ */ jsx(ButtonBase, { button: leftButton }) }) : /* @__PURE__ */ jsx(Dummy, { disabled: true }),
+    children,
+    rightButton ? /* @__PURE__ */ jsx(Fragment, { children: rightButton?.valueBadge ? /* @__PURE__ */ jsx(Badge, { value: rightButton.valueBadge, color: "error", children: /* @__PURE__ */ jsx(ButtonBase, { button: rightButton }) }) : /* @__PURE__ */ jsx(ButtonBase, { button: rightButton }) }) : /* @__PURE__ */ jsx(Dummy, { disabled: true })
+  ] });
 };
 
 export { Header as default };

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

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useInputFocus, RFValue, InputContainer, Hint } from '@tecsinapse/react-core';
 import React__default from 'react';
 import { View } from 'react-native';
@@ -30,7 +31,7 @@ const Input = React__default.forwardRef(
     placeholder,
     ...rest
   }, ref) => {
-    const _hint = hintComponent || /* @__PURE__ */ React__default.createElement(Hint, { TextComponent: Text, text: hint, variant });
+    const _hint = hintComponent || /* @__PURE__ */ jsx(Hint, { TextComponent: Text, text: hint, variant });
     const { focused, handleBlur, handleFocus } = useInputFocus(
       onFocus,
       onBlur,
@@ -41,41 +42,44 @@ const Input = React__default.forwardRef(
       ...{ inputContainerStyle }
     };
     const onlyLabel = label && !placeholder;
-    return /* @__PURE__ */ React__default.createElement(View, null, /* @__PURE__ */ React__default.createElement(
-      InputContainer,
-      {
-        label: value ? label : void 0,
-        labelColor,
-        labelColorVariant,
-        labelColorTone,
-        labelTypography,
-        labelStack,
-        labelWeight,
-        LabelComponent: Text,
-        leftComponent,
-        rightComponent,
-        borderColor,
-        borderColorGradation,
-        inputContainerStyle: internalStyle,
-        focused,
-        disabled,
-        variant
-      },
-      /* @__PURE__ */ React__default.createElement(
-        StyledNativeInput,
+    return /* @__PURE__ */ jsxs(View, { children: [
+      /* @__PURE__ */ jsx(
+        InputContainer,
         {
-          ...rest,
-          placeholder: onlyLabel ? label : placeholder,
-          value,
-          ref,
-          fontStack: inputFontStack,
-          fontWeight: inputFontWeight,
+          label: value ? label : void 0,
+          labelColor,
+          labelColorVariant,
+          labelColorTone,
+          labelTypography,
+          labelStack,
+          labelWeight,
+          LabelComponent: Text,
+          leftComponent,
+          rightComponent,
+          borderColor,
+          borderColorGradation,
+          inputContainerStyle: internalStyle,
+          focused,
           disabled,
-          onFocus: handleFocus,
-          onBlur: handleBlur
+          variant,
+          children: /* @__PURE__ */ jsx(
+            StyledNativeInput,
+            {
+              ...rest,
+              placeholder: onlyLabel ? label : placeholder,
+              value,
+              ref,
+              fontStack: inputFontStack,
+              fontWeight: inputFontWeight,
+              disabled,
+              onFocus: handleFocus,
+              onBlur: handleBlur
+            }
+          )
         }
-      )
-    ), hint && _hint);
+      ),
+      hint && _hint
+    ] });
   }
 );
 Input.displayName = "Input";

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

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useInputFocus, Hint } from '@tecsinapse/react-core';
 import React__default from 'react';
 import { View } from 'react-native';
@@ -31,48 +32,51 @@ const InputMask = React__default.forwardRef(
     placeholder,
     ...rest
   }, ref) => {
-    const _hint = hintComponent || /* @__PURE__ */ React__default.createElement(Hint, { TextComponent: Text, text: hint, variant });
+    const _hint = hintComponent || /* @__PURE__ */ jsx(Hint, { TextComponent: Text, text: hint, variant });
     const { focused, handleBlur, handleFocus } = useInputFocus(
       onFocus,
       onBlur,
       !disabled
     );
     const onlyLabel = label && !placeholder;
-    return /* @__PURE__ */ React__default.createElement(View, { style }, /* @__PURE__ */ React__default.createElement(
-      StyledInputContainer,
-      {
-        label: String(value) ? label : void 0,
-        labelColor,
-        labelColorVariant,
-        labelColorTone,
-        labelTypography,
-        labelStack,
-        labelWeight,
-        LabelComponent: Text,
-        leftComponent,
-        rightComponent,
-        borderColor,
-        borderColorGradation,
-        inputContainerStyle,
-        focused,
-        disabled,
-        variant
-      },
-      /* @__PURE__ */ React__default.createElement(
-        StyledNativeInputMask,
+    return /* @__PURE__ */ jsxs(View, { style, children: [
+      /* @__PURE__ */ jsx(
+        StyledInputContainer,
         {
-          ...rest,
-          placeholder: onlyLabel ? label : placeholder,
-          value,
-          ref,
-          fontStack: inputFontStack,
-          fontWeight: inputFontWeight,
+          label: String(value) ? label : void 0,
+          labelColor,
+          labelColorVariant,
+          labelColorTone,
+          labelTypography,
+          labelStack,
+          labelWeight,
+          LabelComponent: Text,
+          leftComponent,
+          rightComponent,
+          borderColor,
+          borderColorGradation,
+          inputContainerStyle,
+          focused,
           disabled,
-          onFocus: handleFocus,
-          onBlur: handleBlur
+          variant,
+          children: /* @__PURE__ */ jsx(
+            StyledNativeInputMask,
+            {
+              ...rest,
+              placeholder: onlyLabel ? label : placeholder,
+              value,
+              ref,
+              fontStack: inputFontStack,
+              fontWeight: inputFontWeight,
+              disabled,
+              onFocus: handleFocus,
+              onBlur: handleBlur
+            }
+          )
         }
-      )
-    ), hint && _hint);
+      ),
+      hint && _hint
+    ] });
   }
 );
 InputMask.displayName = "InputMask";

package/dist/esm/components/atoms/Modal/ModalGroupManager.js

@@ -1,4 +1,5 @@
-import React__default, { useState } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { Modal } from 'react-native';
 import { createModalLifecycleHandler } from './ModalLifecycleHandler.js';
 
@@ -7,18 +8,21 @@ const ModalGroupManager = ({ children, ...others }) => {
   modalLifecycle.attach(useState([]));
   const _render = modalLifecycle.render();
   const hasModals = _render.length > 0;
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children, /* @__PURE__ */ React__default.createElement(
-    Modal,
-    {
-      transparent: true,
-      statusBarTranslucent: true,
-      animationType: "none",
-      visible: hasModals,
-      onRequestClose: modalLifecycle.closeLastOpenedModal,
-      ...others
-    },
-    _render
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children,
+    /* @__PURE__ */ jsx(
+      Modal,
+      {
+        transparent: true,
+        statusBarTranslucent: true,
+        animationType: "none",
+        visible: hasModals,
+        onRequestClose: modalLifecycle.closeLastOpenedModal,
+        ...others,
+        children: _render
+      }
+    )
+  ] });
 };
 
 export { ModalGroupManager, modalLifecycle };

package/dist/esm/components/atoms/Modal/ui/BaseModalView.js

@@ -1,5 +1,6 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { BoxContent } from '@tecsinapse/react-core';
-import React__default, { useState, useRef, useCallback, useEffect } from 'react';
+import { useState, useRef, useCallback, useEffect } from 'react';
 import { Animated, Easing, Keyboard, Pressable, Dimensions, StatusBar } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { StyledPressableBackDrop, BackDropView, CloseBar } from './styled.js';
@@ -119,26 +120,28 @@ const ModalView = ({
       hideEvent.remove();
     };
   }, []);
-  return /* @__PURE__ */ React__default.createElement(StyledPressableBackDrop, { onPress: !frozen ? close : void 0 }, /* @__PURE__ */ React__default.createElement(BackDropView, { style: { backgroundColor: backgroundInterpolation } }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(StyledPressableBackDrop, { onPress: !frozen ? close : void 0, children: /* @__PURE__ */ jsx(BackDropView, { style: { backgroundColor: backgroundInterpolation }, children: /* @__PURE__ */ jsx(
     Animated.View,
     {
       style: {
         paddingBottom: isLastShown ? getKeyboardHeight(keyboardOpened) : 0,
         opacity: opacityCarrier,
         transform: [{ translateY: translationCarrier }]
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(Pressable, null, /* @__PURE__ */ React__default.createElement(
-      BoxComponent,
-      {
-        onLayout: handleBoxLayoutChanges,
-        style: { paddingBottom: offset },
-        variant: "bottom"
       },
-      showCloseBar && /* @__PURE__ */ React__default.createElement(CloseBar, null),
-      children
-    ))
-  )));
+      children: /* @__PURE__ */ jsx(Pressable, { children: /* @__PURE__ */ jsxs(
+        BoxComponent,
+        {
+          onLayout: handleBoxLayoutChanges,
+          style: { paddingBottom: offset },
+          variant: "bottom",
+          children: [
+            showCloseBar && /* @__PURE__ */ jsx(CloseBar, {}),
+            children
+          ]
+        }
+      ) })
+    }
+  ) }) });
 };
 
 export { ModalView };

package/dist/esm/components/atoms/Skeleton/Pulse.js

@@ -1,5 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
 import { Animated } from 'react-native';
-import React__default, { useRef, useEffect } from 'react';
+import { useRef, useEffect } from 'react';
 import { pulseAnimation } from './animation.js';
 
 const Pulse = ({
@@ -12,7 +13,7 @@ const Pulse = ({
   useEffect(() => {
     pulseAnimation(active, animatedValue);
   }, [active]);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Animated.View,
     {
       style: {

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

@@ -1,4 +1,5 @@
-import React__default, { useState } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { View } from 'react-native';
 import { Wrapper } from './styled.js';
 import { Wave } from './Wave.js';
@@ -27,31 +28,35 @@ const Skeleton = ({
   const getChildrenLayout = (event) => {
     setChildrenLayout(event.nativeEvent.layout);
   };
-  return /* @__PURE__ */ React__default.createElement(Wrapper, { width, height, radius, ...rest }, active && animation === "wave" ? /* @__PURE__ */ React__default.createElement(
-    Wave,
-    {
-      active,
-      width,
-      height,
-      childrenLayout
-    }
-  ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), active && animation === "pulse" ? /* @__PURE__ */ React__default.createElement(
-    Pulse,
-    {
-      active,
-      width,
-      height,
-      childrenLayout
-    }
-  ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), /* @__PURE__ */ React__default.createElement(
-    View,
-    {
-      onLayout: (event) => getChildrenLayout(event),
-      style: { opacity: active ? 0 : 1 },
-      pointerEvents: active ? "none" : "auto"
-    },
-    children
-  ));
+  return /* @__PURE__ */ jsxs(Wrapper, { width, height, radius, ...rest, children: [
+    active && animation === "wave" ? /* @__PURE__ */ jsx(
+      Wave,
+      {
+        active,
+        width,
+        height,
+        childrenLayout
+      }
+    ) : /* @__PURE__ */ jsx(Fragment, {}),
+    active && animation === "pulse" ? /* @__PURE__ */ jsx(
+      Pulse,
+      {
+        active,
+        width,
+        height,
+        childrenLayout
+      }
+    ) : /* @__PURE__ */ jsx(Fragment, {}),
+    /* @__PURE__ */ jsx(
+      View,
+      {
+        onLayout: (event) => getChildrenLayout(event),
+        style: { opacity: active ? 0 : 1 },
+        pointerEvents: active ? "none" : "auto",
+        children
+      }
+    )
+  ] });
 };
 
 export { Skeleton as default };

package/dist/esm/components/atoms/Skeleton/Wave.js

@@ -1,4 +1,5 @@
-import React__default, { useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
 import { Animated } from 'react-native';
 import * as RNGradient from 'react-native-linear-gradient';
 import { waveAnimation } from './animation.js';
@@ -21,7 +22,7 @@ const Wave = ({
   useEffect(() => {
     waveAnimation(active, animatedValue);
   }, [active]);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     AnimatedLinearGradient,
     {
       colors: [