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

package/dist/cjs/utils/formatWithMask.js

@@ -1,8 +1,9 @@
 'use strict';
 
-require('react');
+require('react/jsx-runtime');
 require('../components/atoms/Text/styled.js');
 require('../components/atoms/Input/styled.js');
+require('react');
 var useNumberMask = require('../components/atoms/Input/hooks/useNumberMask.js');
 var useStringMask = require('../components/atoms/Input/hooks/useStringMask.js');
 require('../components/atoms/Input/InputElement/InputElement.js');

package/dist/cjs/utils/masks.js

@@ -16,7 +16,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 = extractNumbersFromString.extractDigitsFromString(value);
+    return onlyNumbers.length <= 11 ? Masks.CPF : Masks.CNPJ;
+  }
 };
 
 exports.Masks = Masks;

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

@@ -1,3 +1,4 @@
+import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import Text from '../Text/Text.js';
 import { getIniciais } from './helpers.js';
@@ -15,7 +16,7 @@ const Avatar = ({
     setHasError(false);
   }, [source]);
   const StyledText = getStyledTextComponent(TextComponent);
-  return /* @__PURE__ */ React__default.createElement(ContainerButtonAvatar, { effect: "none", onPress, size }, source && !hasError ? /* @__PURE__ */ React__default.createElement(StyledAvatar, { source, onError: () => setHasError(true) }) : /* @__PURE__ */ React__default.createElement(StyledBackground, null, /* @__PURE__ */ React__default.createElement(StyledText, { fontWeight: "bold", fontColor: "light" }, getIniciais(name))));
+  return /* @__PURE__ */ jsx(ContainerButtonAvatar, { effect: "none", onPress, size, children: source && !hasError ? /* @__PURE__ */ jsx(StyledAvatar, { source, onError: () => setHasError(true) }) : /* @__PURE__ */ jsx(StyledBackground, { children: /* @__PURE__ */ jsx(StyledText, { fontWeight: "bold", fontColor: "light", children: getIniciais(name) }) }) });
 };
 
 export { Avatar as default };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { ViewStyled, BadgeStyle } from './styled.js';
 
 const Badge = ({
@@ -8,7 +8,10 @@ const Badge = ({
   tone = "medium",
   value
 }) => {
-  return /* @__PURE__ */ React__default.createElement(ViewStyled, null, children, /* @__PURE__ */ React__default.createElement(BadgeStyle, { style, color, tone }, value));
+  return /* @__PURE__ */ jsxs(ViewStyled, { children: [
+    children,
+    /* @__PURE__ */ jsx(BadgeStyle, { style, color, tone, children: value })
+  ] });
 };
 
 export { Badge as default };

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

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

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

@@ -1,8 +1,8 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { StyledBoxContent } from './styled.js';
 
 const BoxContent = ({ children, ...rest }) => {
-  return /* @__PURE__ */ React__default.createElement(StyledBoxContent, { ...rest }, children);
+  return /* @__PURE__ */ jsx(StyledBoxContent, { ...rest, children });
 };
 
 export { BoxContent as default };

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

@@ -1,5 +1,5 @@
+import { jsxs } from 'react/jsx-runtime';
 import { useTheme } from '@emotion/react';
-import React__default from 'react';
 import { StyledButton } from './styled.js';
 
 const Button = ({
@@ -38,7 +38,7 @@ const Button = ({
   if (disabled) {
     _surfaceColor = theme.color[_color].light;
   }
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsxs(
     StyledButton,
     {
       ...rest,
@@ -50,12 +50,14 @@ const Button = ({
       variant,
       size,
       disabled: _frozen || disabled,
-      frozen: disabled
-    },
-    state === "loading" && loadingComponent,
-    state === "error" && errorComponent,
-    state === "success" && successComponent,
-    state === "default" && children
+      frozen: disabled,
+      children: [
+        state === "loading" && loadingComponent,
+        state === "error" && errorComponent,
+        state === "success" && successComponent,
+        state === "default" && children
+      ]
+    }
   );
 };
 

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import Icon from '../../Icon/Icon.js';
 import Text from '../../Text/Text.js';
 import { getStyledTextButton } from './styled.js';
@@ -13,7 +13,10 @@ const BaseState = ({
   const typo = buttonSize === "default" ? "base" : "sub";
   const iconSize = buttonSize === "default" ? "deca" : "centi";
   const StyledText = getStyledTextButton(textComponent);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Icon, { name: icon, type: "ionicon", fontColor, size: iconSize }), text && /* @__PURE__ */ React__default.createElement(StyledText, { typography: typo, fontWeight: "bold", fontColor }, text));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Icon, { name: icon, type: "ionicon", fontColor, size: iconSize }),
+    text && /* @__PURE__ */ jsx(StyledText, { typography: typo, fontWeight: "bold", fontColor, children: text })
+  ] });
 };
 
 export { BaseState as default };

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

@@ -1,8 +1,8 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import BaseState from './BaseState.js';
 
 const Error = (props) => {
-  return /* @__PURE__ */ React__default.createElement(BaseState, { ...props, icon: "close-circle-outline" });
+  return /* @__PURE__ */ jsx(BaseState, { ...props, icon: "close-circle-outline" });
 };
 
 export { Error as default };

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

@@ -1,5 +1,5 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTheme } from '@emotion/react';
-import React__default from 'react';
 import Text from '../../Text/Text.js';
 import { getStyledTextButton, StyledIndicator } from './styled.js';
 
@@ -12,13 +12,16 @@ const Loading = ({
   const theme = useTheme();
   const typo = buttonSize === "default" ? "base" : "sub";
   const StyledText = getStyledTextButton(textComponent);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-    StyledIndicator,
-    {
-      color: theme.font.color[fontColor],
-      buttonSize
-    }
-  ), text && /* @__PURE__ */ React__default.createElement(StyledText, { typography: typo, fontWeight: "bold", fontColor }, text));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      StyledIndicator,
+      {
+        color: theme.font.color[fontColor],
+        buttonSize
+      }
+    ),
+    text && /* @__PURE__ */ jsx(StyledText, { typography: typo, fontWeight: "bold", fontColor, children: text })
+  ] });
 };
 
 export { Loading as default };

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

@@ -1,8 +1,8 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import BaseState from './BaseState.js';
 
 const Success = (props) => {
-  return /* @__PURE__ */ React__default.createElement(BaseState, { ...props, icon: "checkmark-circle-outline" });
+  return /* @__PURE__ */ jsx(BaseState, { ...props, icon: "checkmark-circle-outline" });
 };
 
 export { Success as default };

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

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

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Paper from '../Paper/Paper.js';
 import { StyledCard } from './styled.js';
 
@@ -9,9 +9,9 @@ const Card = ({
   ...rest
 }) => {
   if (onPress) {
-    return /* @__PURE__ */ React__default.createElement(StyledCard, { ...rest, elevated, onPress }, children);
+    return /* @__PURE__ */ jsx(StyledCard, { ...rest, elevated, onPress, children });
   }
-  return /* @__PURE__ */ React__default.createElement(Paper, { ...rest, elevated }, children);
+  return /* @__PURE__ */ jsx(Paper, { ...rest, elevated, children });
 };
 
 export { Card as default };

package/dist/esm/components/atoms/Card/Footer/Footer.js

@@ -1,6 +1,6 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { View } from 'react-native';
 
-const Footer = ({ children, style }) => /* @__PURE__ */ React__default.createElement(View, { style }, children);
+const Footer = ({ children, style }) => /* @__PURE__ */ jsx(View, { style, children });
 
 export { Footer as default };

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

@@ -1,6 +1,6 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { View } from 'react-native';
 
-const Header = ({ children, style }) => /* @__PURE__ */ React__default.createElement(View, { style }, children);
+const Header = ({ children, style }) => /* @__PURE__ */ jsx(View, { style, children });
 
 export { Header as default };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Pressable } from 'react-native';
 import Icon from '../Icon/Icon.js';
 import { ViewStyled, IconViewStyled, IconCheckedStyled, IconUncheckedStyled } from './styled.js';
@@ -16,31 +16,36 @@ const Checkbox = ({
   const handleChange = () => {
     onChange?.(!checked);
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Pressable,
     {
       ...rest,
       disabled,
       onPress: handleChange,
-      accessibilityRole: "checkbox"
-    },
-    /* @__PURE__ */ React__default.createElement(ViewStyled, null, labelPosition === "left" && children, checked && /* @__PURE__ */ React__default.createElement(IconViewStyled, null, /* @__PURE__ */ React__default.createElement(IconCheckedStyled, { color, colorTone }, /* @__PURE__ */ React__default.createElement(
-      Icon,
-      {
-        name: "check",
-        fontColor: "light",
-        type: "material-community",
-        size: "centi"
-      }
-    ))), !checked && /* @__PURE__ */ React__default.createElement(IconViewStyled, null, /* @__PURE__ */ React__default.createElement(IconUncheckedStyled, { color, colorTone }, /* @__PURE__ */ React__default.createElement(
-      Icon,
-      {
-        name: "checkbox-blank",
-        fontColor: "light",
-        type: "material-community",
-        size: "centi"
-      }
-    ))), labelPosition === "right" && children)
+      accessibilityRole: "checkbox",
+      children: /* @__PURE__ */ jsxs(ViewStyled, { children: [
+        labelPosition === "left" && children,
+        checked && /* @__PURE__ */ jsx(IconViewStyled, { children: /* @__PURE__ */ jsx(IconCheckedStyled, { color, colorTone, children: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: "check",
+            fontColor: "light",
+            type: "material-community",
+            size: "centi"
+          }
+        ) }) }),
+        !checked && /* @__PURE__ */ jsx(IconViewStyled, { children: /* @__PURE__ */ jsx(IconUncheckedStyled, { color, colorTone, children: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: "checkbox-blank",
+            fontColor: "light",
+            type: "material-community",
+            size: "centi"
+          }
+        ) }) }),
+        labelPosition === "right" && children
+      ] })
+    }
   );
 };
 

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

@@ -1,8 +1,8 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { StyledDivider } from './styled.js';
 
 const Divider = ({ children, ...rest }) => {
-  return /* @__PURE__ */ React__default.createElement(StyledDivider, { ...rest }, children);
+  return /* @__PURE__ */ jsx(StyledDivider, { ...rest, children });
 };
 
 export { Divider as default };

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

@@ -1,9 +1,9 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTheme } from '@emotion/react';
-import React__default from 'react';
 import { StyledGroupButton, StyledOption, StyledPressable, StyledDivider } from './styled.js';
 
 const GroupButton = ({ style, ...rest }) => {
-  return /* @__PURE__ */ React__default.createElement(StyledGroupButton, { style }, groupOptions(rest));
+  return /* @__PURE__ */ jsx(StyledGroupButton, { style, children: groupOptions(rest) });
 };
 const groupOptions = ({
   options,
@@ -39,21 +39,24 @@ const groupOptions = ({
     if (!active && (inactiveBackgroundColor || inactiveBackgroundColorTone)) {
       colors = theme.color[inactiveBackgroundColor || "secondary"][inactiveBackgroundColorTone || "medium"];
     }
-    return /* @__PURE__ */ React__default.createElement(StyledOption, { key }, /* @__PURE__ */ React__default.createElement(
-      StyledPressable,
-      {
-        ...rest,
-        ...option.options,
-        disabled,
-        isActive: active,
-        isFirstOption: isFirst,
-        isLastOption: isLast,
-        onPress: () => onChange?.(optionValue),
-        surfaceColor: colors,
-        style: active ? activeStyle : inactiveStyle
-      },
-      renderOption?.(option.value, active)
-    ), !isLast && /* @__PURE__ */ React__default.createElement(StyledDivider, null));
+    return /* @__PURE__ */ jsxs(StyledOption, { children: [
+      /* @__PURE__ */ jsx(
+        StyledPressable,
+        {
+          ...rest,
+          ...option.options,
+          disabled,
+          isActive: active,
+          isFirstOption: isFirst,
+          isLastOption: isLast,
+          onPress: () => onChange?.(optionValue),
+          surfaceColor: colors,
+          style: active ? activeStyle : inactiveStyle,
+          children: renderOption?.(option.value, active)
+        }
+      ),
+      !isLast && /* @__PURE__ */ jsx(StyledDivider, {})
+    ] }, key);
   });
 };
 

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Text from '../Text/Text.js';
 import { getStyledGroupItemText } from './styled.js';
 
@@ -8,7 +8,7 @@ const GroupButtonOption = ({
   description
 }) => {
   const StyledText = getStyledGroupItemText(TextComponent);
-  return /* @__PURE__ */ React__default.createElement(StyledText, { fontWeight: "bold", typography: "sub", active }, description);
+  return /* @__PURE__ */ jsx(StyledText, { fontWeight: "bold", typography: "sub", active, children: description });
 };
 
 export { GroupButtonOption as default };

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

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

package/dist/esm/components/atoms/Icon/AntDesign.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import AntDesignRNVI from 'react-native-vector-icons/dist/AntDesign';
 import { getStyledIcon } from './styled.js';
 
 const AntDesign = ({ size, color, name, ...rest }) => {
   const Icon = getStyledIcon(AntDesignRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
+  return /* @__PURE__ */ jsx(Icon, { ...rest, name, color });
 };
 
 export { AntDesign as default };

package/dist/esm/components/atoms/Icon/Entypo.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import EntypoRNVI from 'react-native-vector-icons/dist/Entypo';
 import { getStyledIcon } from './styled.js';
 
 const Entypo = ({ size, color, name, ...rest }) => {
   const Icon = getStyledIcon(EntypoRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
+  return /* @__PURE__ */ jsx(Icon, { ...rest, name, color });
 };
 
 export { Entypo as default };

package/dist/esm/components/atoms/Icon/Evil.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import EvilRNVI from 'react-native-vector-icons/dist/EvilIcons';
 import { getStyledIcon } from './styled.js';
 
 const Evil = ({ size, color, name, ...rest }) => {
   const Icon = getStyledIcon(EvilRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
+  return /* @__PURE__ */ jsx(Icon, { ...rest, name, color });
 };
 
 export { Evil as default };

package/dist/esm/components/atoms/Icon/Feather.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import FeatherRNVI from 'react-native-vector-icons/dist/Feather';
 import { getStyledIcon } from './styled.js';
 
 const Feather = ({ size, color, name, ...rest }) => {
   const Icon = getStyledIcon(FeatherRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
+  return /* @__PURE__ */ jsx(Icon, { ...rest, name, color });
 };
 
 export { Feather as default };

package/dist/esm/components/atoms/Icon/FontAwesome.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import FontAwesomeRNVI from 'react-native-vector-icons/dist/FontAwesome';
 import { getStyledIcon } from './styled.js';
 
 const FontAwesome = ({ size, color, name, ...rest }) => {
   const Icon = getStyledIcon(FontAwesomeRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
+  return /* @__PURE__ */ jsx(Icon, { ...rest, name, color });
 };
 
 export { FontAwesome as default };

package/dist/esm/components/atoms/Icon/FontAwesomeFive.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import FontAwesomeFiveRNVI from 'react-native-vector-icons/dist/FontAwesome5';
 import { getStyledIcon } from './styled.js';
 
 const FontAwesomeFive = ({ size, color, name, ...rest }) => {
   const Icon = getStyledIcon(FontAwesomeFiveRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
+  return /* @__PURE__ */ jsx(Icon, { ...rest, name, color });
 };
 
 export { FontAwesomeFive as default };

package/dist/esm/components/atoms/Icon/Fontisto.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import FontistoRNVI from 'react-native-vector-icons/dist/Fontisto';
 import { getStyledIcon } from './styled.js';
 
 const Fontisto = ({ size, color, name, ...rest }) => {
   const Icon = getStyledIcon(FontistoRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
+  return /* @__PURE__ */ jsx(Icon, { ...rest, name, color });
 };
 
 export { Fontisto as default };

package/dist/esm/components/atoms/Icon/Foundation.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import FoundationRNVI from 'react-native-vector-icons/dist/Foundation';
 import { getStyledIcon } from './styled.js';
 
 const Foundation = ({ size, color, name, ...rest }) => {
   const Icon = getStyledIcon(FoundationRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
+  return /* @__PURE__ */ jsx(Icon, { ...rest, name, color });
 };
 
 export { Foundation as default };

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

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
+import 'react';
 import { useTheme } from '../../../hooks/useTheme.js';
 import { getIconColor, getIconComponent } from './functions.js';
 
@@ -15,7 +16,7 @@ const Icon = ({
   const theme = useTheme();
   const color = getIconColor(colorVariant, colorTone, fontColor, theme);
   const RNVIcon = getIconComponent(type);
-  return /* @__PURE__ */ React__default.createElement(RNVIcon, { ...rest, style, name, color, size });
+  return /* @__PURE__ */ jsx(RNVIcon, { ...rest, style, name, color, size });
 };
 
 export { Icon as default };

package/dist/esm/components/atoms/Icon/Ionicon.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import IonRNVI from 'react-native-vector-icons/dist/Ionicons';
 import { getStyledIcon } from './styled.js';
 
 const Ionicon = ({ size, color, name, ...rest }) => {
   const Icon = getStyledIcon(IonRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
+  return /* @__PURE__ */ jsx(Icon, { ...rest, name, color });
 };
 
 export { Ionicon as default };

package/dist/esm/components/atoms/Icon/Material.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import MaterialRNVI from 'react-native-vector-icons/dist/MaterialIcons';
 import { getStyledIcon } from './styled.js';
 
 const Material = ({ size, color, name, ...rest }) => {
   const Icon = getStyledIcon(MaterialRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
+  return /* @__PURE__ */ jsx(Icon, { ...rest, name, color });
 };
 
 export { Material as default };

package/dist/esm/components/atoms/Icon/MaterialCommunity.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import MaterialCommunityRNVI from 'react-native-vector-icons/dist/MaterialCommunityIcons';
 import { getStyledIcon } from './styled.js';
 
@@ -9,7 +9,7 @@ const MaterialCommunity = ({
   ...rest
 }) => {
   const Icon = getStyledIcon(MaterialCommunityRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
+  return /* @__PURE__ */ jsx(Icon, { ...rest, name, color });
 };
 
 export { MaterialCommunity as default };

package/dist/esm/components/atoms/Icon/Octicon.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import MaterialCommunityRNVI from 'react-native-vector-icons/dist/Octicons';
 import { getStyledIcon } from './styled.js';
 
 const Octicon = ({ size, color, name, ...rest }) => {
   const Icon = getStyledIcon(MaterialCommunityRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
+  return /* @__PURE__ */ jsx(Icon, { ...rest, name, color });
 };
 
 export { Octicon as default };

package/dist/esm/components/atoms/Icon/SimpleLine.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import MaterialCommunityRNVI from 'react-native-vector-icons/dist/SimpleLineIcons';
 import { getStyledIcon } from './styled.js';
 
 const SimpleLine = ({ size, color, name, ...rest }) => {
   const Icon = getStyledIcon(MaterialCommunityRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
+  return /* @__PURE__ */ jsx(Icon, { ...rest, name, color });
 };
 
 export { SimpleLine as default };

package/dist/esm/components/atoms/Icon/Zocial.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import MaterialCommunityRNVI from 'react-native-vector-icons/dist/Zocial';
 import { getStyledIcon } from './styled.js';
 
 const Zocial = ({ size, color, name, ...rest }) => {
   const Icon = getStyledIcon(MaterialCommunityRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
+  return /* @__PURE__ */ jsx(Icon, { ...rest, name, color });
 };
 
 export { Zocial as default };