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

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var dateFns = require('date-fns');
 var React = require('react');
 var Button = require('../../atoms/Button/Button.js');
@@ -110,76 +111,90 @@ const DateTimeSelector = ({
   const handlePressBack = () => {
     setCurrentMode(0);
   };
-  return /* @__PURE__ */ React__namespace.createElement(styled.Root, { ...rest }, /* @__PURE__ */ React__namespace.createElement(styled.Header, null, currentMode === 1 && /* @__PURE__ */ React__namespace.createElement(styled.BackButton, { onPress: handlePressBack }, /* @__PURE__ */ React__namespace.createElement(
-    Icon,
-    {
-      type: "material-community",
-      name: "chevron-left",
-      size: "mega",
-      colorVariant: "secondary"
-    }
-  )), /* @__PURE__ */ React__namespace.createElement(TextComponent, { typography: "base", colorVariant: "secondary" }, modalTitle)), isDate ? /* @__PURE__ */ React__namespace.createElement(styled.Content, null, mode !== "month" && /* @__PURE__ */ React__namespace.createElement(styled.SelectorContainer, { isFirst: true }, /* @__PURE__ */ React__namespace.createElement(
-    Selector.Selector,
-    {
-      TextComponent,
-      onChange: handleChange("date"),
-      referenceDate: date,
-      value: date.getDate(),
-      label: dayLabel || "Day",
-      granularity: "date",
-      getDisplayValue: getDisplayedValue("date"),
-      preventUpper: upperDateThreshold ? dateFns.isSameDay(upperDateThreshold, date) : false,
-      preventLower: lowerDateThreshold ? dateFns.isSameDay(lowerDateThreshold, date) : false
-    }
-  )), /* @__PURE__ */ React__namespace.createElement(styled.SelectorContainer, null, /* @__PURE__ */ React__namespace.createElement(
-    Selector.Selector,
-    {
-      TextComponent,
-      onChange: handleChange("month"),
-      referenceDate: date,
-      value: date.getMonth(),
-      label: monthLabel || "Month",
-      granularity: "month",
-      getDisplayValue: getDisplayedValue("month"),
-      preventUpper: upperDateThreshold ? dateFns.isSameMonth(upperDateThreshold, date) : false,
-      preventLower: lowerDateThreshold ? dateFns.isSameMonth(lowerDateThreshold, date) : false
-    }
-  )), /* @__PURE__ */ React__namespace.createElement(styled.SelectorContainer, { isLast: true }, /* @__PURE__ */ React__namespace.createElement(
-    Selector.Selector,
-    {
-      TextComponent,
-      onChange: handleChange("year"),
-      referenceDate: date,
-      value: date.getFullYear(),
-      label: yearLabel || "Year",
-      granularity: "year",
-      getDisplayValue: getDisplayedValue("year"),
-      preventUpper: upperDateThreshold ? dateFns.isSameYear(upperDateThreshold, date) : false,
-      preventLower: lowerDateThreshold ? dateFns.isSameYear(lowerDateThreshold, date) : false
-    }
-  ))) : /* @__PURE__ */ React__namespace.createElement(styled.Content, null, /* @__PURE__ */ React__namespace.createElement(styled.SelectorContainer, { isFirst: true }, /* @__PURE__ */ React__namespace.createElement(
-    Selector.Selector,
-    {
-      TextComponent,
-      onChange: handleChange("hours"),
-      referenceDate: date,
-      value: date.getHours(),
-      label: hourLabel || "Hour",
-      granularity: "hours",
-      getDisplayValue: getDisplayedValue("hours")
-    }
-  )), /* @__PURE__ */ React__namespace.createElement(styled.SelectorContainer, { isLast: true }, /* @__PURE__ */ React__namespace.createElement(
-    Selector.Selector,
-    {
-      TextComponent,
-      onChange: handleChange("minutes"),
-      referenceDate: date,
-      value: date.getMinutes(),
-      label: minuteLabel || "Minute",
-      granularity: "minutes",
-      getDisplayValue: getDisplayedValue("minutes")
-    }
-  ))), /* @__PURE__ */ React__namespace.createElement(Button, { color: "primary", onPress: handlePressConfirm }, /* @__PURE__ */ React__namespace.createElement(TextComponent, { fontWeight: "bold", fontColor: "light" }, confirmButtonText || "OK")));
+  return /* @__PURE__ */ jsxRuntime.jsxs(styled.Root, { ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(styled.Header, { children: [
+      currentMode === 1 && /* @__PURE__ */ jsxRuntime.jsx(styled.BackButton, { onPress: handlePressBack, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Icon,
+        {
+          type: "material-community",
+          name: "chevron-left",
+          size: "mega",
+          colorVariant: "secondary"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(TextComponent, { typography: "base", colorVariant: "secondary", children: modalTitle })
+    ] }),
+    isDate ? /* @__PURE__ */ jsxRuntime.jsxs(styled.Content, { children: [
+      mode !== "month" && /* @__PURE__ */ jsxRuntime.jsx(styled.SelectorContainer, { isFirst: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Selector.Selector,
+        {
+          TextComponent,
+          onChange: handleChange("date"),
+          referenceDate: date,
+          value: date.getDate(),
+          label: dayLabel || "Day",
+          granularity: "date",
+          getDisplayValue: getDisplayedValue("date"),
+          preventUpper: upperDateThreshold ? dateFns.isSameDay(upperDateThreshold, date) : false,
+          preventLower: lowerDateThreshold ? dateFns.isSameDay(lowerDateThreshold, date) : false
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(styled.SelectorContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        Selector.Selector,
+        {
+          TextComponent,
+          onChange: handleChange("month"),
+          referenceDate: date,
+          value: date.getMonth(),
+          label: monthLabel || "Month",
+          granularity: "month",
+          getDisplayValue: getDisplayedValue("month"),
+          preventUpper: upperDateThreshold ? dateFns.isSameMonth(upperDateThreshold, date) : false,
+          preventLower: lowerDateThreshold ? dateFns.isSameMonth(lowerDateThreshold, date) : false
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(styled.SelectorContainer, { isLast: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Selector.Selector,
+        {
+          TextComponent,
+          onChange: handleChange("year"),
+          referenceDate: date,
+          value: date.getFullYear(),
+          label: yearLabel || "Year",
+          granularity: "year",
+          getDisplayValue: getDisplayedValue("year"),
+          preventUpper: upperDateThreshold ? dateFns.isSameYear(upperDateThreshold, date) : false,
+          preventLower: lowerDateThreshold ? dateFns.isSameYear(lowerDateThreshold, date) : false
+        }
+      ) })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(styled.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(styled.SelectorContainer, { isFirst: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Selector.Selector,
+        {
+          TextComponent,
+          onChange: handleChange("hours"),
+          referenceDate: date,
+          value: date.getHours(),
+          label: hourLabel || "Hour",
+          granularity: "hours",
+          getDisplayValue: getDisplayedValue("hours")
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(styled.SelectorContainer, { isLast: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Selector.Selector,
+        {
+          TextComponent,
+          onChange: handleChange("minutes"),
+          referenceDate: date,
+          value: date.getMinutes(),
+          label: minuteLabel || "Minute",
+          granularity: "minutes",
+          getDisplayValue: getDisplayedValue("minutes")
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Button, { color: "primary", onPress: handlePressConfirm, children: /* @__PURE__ */ jsxRuntime.jsx(TextComponent, { fontWeight: "bold", fontColor: "light", children: confirmButtonText || "OK" }) })
+  ] });
 };
 
 module.exports = DateTimeSelector;

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var dateFns = require('date-fns');
 var React = require('react');
 var Icon = require('../../atoms/Icon/Icon.js');
@@ -75,40 +76,47 @@ const Selector = ({
   const handlePressOut = () => {
     if (pressInTimeoutRef.current) clearTimeout(pressInTimeoutRef.current);
   };
-  return /* @__PURE__ */ React__namespace.createElement(styled.SelectorRoot, { ...rest }, /* @__PURE__ */ React__namespace.createElement(
-    styled.Control,
-    {
-      onPressIn: () => requestAnimationFrame(() => handlePressInNext()),
-      onPressOut: handlePressOut,
-      disabled: preventUpper
-    },
-    /* @__PURE__ */ React__namespace.createElement(
-      Icon,
+  return /* @__PURE__ */ jsxRuntime.jsxs(styled.SelectorRoot, { ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      styled.Control,
       {
-        name: "chevron-up",
-        type: "material-community",
-        size: "mega",
-        colorVariant: "primary"
+        onPressIn: () => requestAnimationFrame(() => handlePressInNext()),
+        onPressOut: handlePressOut,
+        disabled: preventUpper,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Icon,
+          {
+            name: "chevron-up",
+            type: "material-community",
+            size: "mega",
+            colorVariant: "primary"
+          }
+        )
       }
-    )
-  ), /* @__PURE__ */ React__namespace.createElement(styled.SelectorValue, null, /* @__PURE__ */ React__namespace.createElement(TextComponent, { colorVariant: "secondary", typography: "sub" }, label), /* @__PURE__ */ React__namespace.createElement(TextComponent, { fontWeight: "bold", typography: "h5" }, getDisplayValue(value))), /* @__PURE__ */ React__namespace.createElement(
-    styled.Control,
-    {
-      onPressIn: () => requestAnimationFrame(() => handlePressInPrev()),
-      onPressOut: handlePressOut,
-      disabled: preventLower,
-      style: { opacity: preventLower ? 0 : 1 }
-    },
-    /* @__PURE__ */ React__namespace.createElement(
-      Icon,
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(styled.SelectorValue, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TextComponent, { colorVariant: "secondary", typography: "sub", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(TextComponent, { fontWeight: "bold", typography: "h5", children: getDisplayValue(value) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      styled.Control,
       {
-        name: "chevron-down",
-        type: "material-community",
-        size: "mega",
-        colorVariant: "primary"
+        onPressIn: () => requestAnimationFrame(() => handlePressInPrev()),
+        onPressOut: handlePressOut,
+        disabled: preventLower,
+        style: { opacity: preventLower ? 0 : 1 },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Icon,
+          {
+            name: "chevron-down",
+            type: "material-community",
+            size: "mega",
+            colorVariant: "primary"
+          }
+        )
       }
     )
-  ));
+  ] });
 };
 
 exports.Selector = Selector;

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

@@ -1,9 +1,10 @@
 'use strict';
 
 var styled = require('@emotion/native');
-require('react');
+require('react/jsx-runtime');
 require('../../atoms/Text/styled.js');
 require('../../atoms/Input/styled.js');
+require('react');
 require('currency.js');
 require('../../atoms/Input/InputElement/InputElement.js');
 require('../../atoms/Input/InputMaskElement/InputMaskElement.js');

package/dist/cjs/components/molecules/Grid/functions.js

@@ -1,9 +1,10 @@
 'use strict';
 
 var extractNumbersFromString = require('../../../utils/extractNumbersFromString.js');
-require('react');
+require('react/jsx-runtime');
 require('../../atoms/Text/styled.js');
 require('../../atoms/Input/styled.js');
+require('react');
 require('currency.js');
 require('../../atoms/Input/InputElement/InputElement.js');
 require('../../atoms/Input/InputMaskElement/InputMaskElement.js');

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var reactNative = require('react-native');
 var Hint = require('../../atoms/Input/Hint.js');
+require('react');
 require('currency.js');
 require('../../atoms/Text/styled.js');
 require('../../atoms/Input/styled.js');
@@ -10,25 +11,6 @@ require('../../atoms/Input/InputElement/InputElement.js');
 require('../../atoms/Input/InputMaskElement/InputMaskElement.js');
 var PressableInputContainer = require('../../atoms/Input/PressableInputContainer/PressableInputContainer.js');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
 const HintInputContainer = ({
   viewStyle,
   onPress,
@@ -42,20 +24,23 @@ const HintInputContainer = ({
   hintComponent,
   ...rest
 }) => {
-  const _hint = hintComponent || /* @__PURE__ */ React__namespace.createElement(Hint, { TextComponent: LabelComponent, text: hint, variant });
-  return /* @__PURE__ */ React__namespace.createElement(reactNative.View, { style: viewStyle }, /* @__PURE__ */ React__namespace.createElement(
-    PressableInputContainer,
-    {
-      onPress,
-      focused,
-      disabled,
-      LabelComponent,
-      variant,
-      rightComponent,
-      ...rest
-    },
-    children
-  ), hint && _hint);
+  const _hint = hintComponent || /* @__PURE__ */ jsxRuntime.jsx(Hint, { TextComponent: LabelComponent, text: hint, variant });
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: viewStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PressableInputContainer,
+      {
+        onPress,
+        focused,
+        disabled,
+        LabelComponent,
+        variant,
+        rightComponent,
+        ...rest,
+        children
+      }
+    ),
+    hint && _hint
+  ] });
 };
 
 module.exports = HintInputContainer;

package/dist/cjs/components/molecules/IconTextButton/IconComponent.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var Icon = require('../../atoms/Icon/Icon.js');
 
@@ -8,14 +9,14 @@ const IconComponent = ({
   size = "default",
   defaultFontColor
 }) => {
-  return iconProps ? /* @__PURE__ */ React.createElement(
+  return iconProps ? /* @__PURE__ */ jsxRuntime.jsx(
     Icon,
     {
       size: iconProps.size ?? size === "small" ? "deca" : "kilo",
       fontColor: iconProps.fontColor ?? defaultFontColor,
       ...iconProps
     }
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null);
+  ) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
 };
 var IconComponent$1 = React.memo(IconComponent);
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var Icon = require('../../atoms/Icon/Icon.js');
 var styled = require('./styled.js');
 
@@ -10,15 +10,15 @@ const InputPasswordIcon = ({
   ...rest
 }) => {
   const icon = revealed ? "eye-outline" : "eye-off-outline";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     styled.StyledPasswordButtonIcon,
     {
       ...rest,
       variant: "text",
       size: "small",
-      onPress: () => onChangeState(!revealed)
-    },
-    /* @__PURE__ */ React.createElement(Icon, { name: icon, type: "ionicon", size: "centi" })
+      onPress: () => onChangeState(!revealed),
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: icon, type: "ionicon", size: "centi" })
+    }
   );
 };
 

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

@@ -2,6 +2,7 @@
 
 var styled = require('@emotion/native');
 var Button = require('../../atoms/Button/Button.js');
+require('react/jsx-runtime');
 require('react');
 require('@emotion/react');
 require('react-native-vector-icons/dist/MaterialIcons');

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactNative = require('react-native');
 var Icon = require('../../atoms/Icon/Icon.js');
@@ -59,7 +60,7 @@ const Snackbar = ({
       }, timeout + FADE_DURATION);
     }
   }, [open, timeout]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     styled.SnackbarContainer,
     {
       colorVariant,
@@ -69,17 +70,23 @@ const Snackbar = ({
       anchorDistance,
       visible: open,
       style: [{ opacity: fadeAnim }, style],
-      timeout
-    },
-    /* @__PURE__ */ React.createElement(styled.StyledContainerFlexRow, null, /* @__PURE__ */ React.createElement(styled.ContentContainer, null, leftIcon && /* @__PURE__ */ React.createElement(styled.IconContainer, null, /* @__PURE__ */ React.createElement(Icon, { ...leftIcon, size: "centi" })), /* @__PURE__ */ React.createElement(styled.TextContainer, null, children)), dismissable && /* @__PURE__ */ React.createElement(styled.DismissContainer, { effect: "none", onPress: handleDismiss }, /* @__PURE__ */ React.createElement(
-      Icon,
-      {
-        ...rightIcon,
-        size: "centi",
-        name: "close",
-        type: "material-community"
-      }
-    )))
+      timeout,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(styled.StyledContainerFlexRow, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(styled.ContentContainer, { children: [
+          leftIcon && /* @__PURE__ */ jsxRuntime.jsx(styled.IconContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...leftIcon, size: "centi" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(styled.TextContainer, { children })
+        ] }),
+        dismissable && /* @__PURE__ */ jsxRuntime.jsx(styled.DismissContainer, { effect: "none", onPress: handleDismiss, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Icon,
+          {
+            ...rightIcon,
+            size: "centi",
+            name: "close",
+            type: "material-community"
+          }
+        ) })
+      ] })
+    }
   );
 };
 

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

@@ -2,9 +2,10 @@
 
 var styled = require('@emotion/native');
 var reactNative = require('react-native');
-require('react');
+require('react/jsx-runtime');
 require('../../atoms/Text/styled.js');
 require('../../atoms/Input/styled.js');
+require('react');
 require('currency.js');
 require('../../atoms/Input/InputElement/InputElement.js');
 require('../../atoms/Input/InputMaskElement/InputMaskElement.js');

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var reactNative = require('react-native');
 var Hint = require('../../atoms/Input/Hint.js');
+require('react');
 require('currency.js');
 var Text = require('../../atoms/Text/Text.js');
 require('../../atoms/Input/styled.js');
@@ -40,41 +41,46 @@ const TextArea = ({
   if (maxLength && length > maxLength) {
     length = maxLength;
   }
-  const _hint = hintComponent || /* @__PURE__ */ React.createElement(Hint, { TextComponent, text: hint, variant });
-  return /* @__PURE__ */ React.createElement(reactNative.View, { style }, /* @__PURE__ */ React.createElement(
-    styled.StyledInputContainer,
-    {
-      label,
-      labelColor,
-      labelColorVariant,
-      labelColorTone,
-      labelTypography,
-      labelStack,
-      labelWeight,
-      LabelComponent: TextComponent,
-      leftComponent,
-      rightComponent,
-      borderColor,
-      borderColorGradation,
-      inputContainerStyle,
-      focused,
-      disabled,
-      variant
-    },
-    children,
-    maxLength && /* @__PURE__ */ React.createElement(
-      TextComponent,
+  const _hint = hintComponent || /* @__PURE__ */ jsxRuntime.jsx(Hint, { TextComponent, text: hint, variant });
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      styled.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__ */ jsxRuntime.jsx(
+            TextComponent,
+            {
+              colorVariant: "secondary",
+              colorTone: "medium",
+              typography: "label",
+              fontStack: "default",
+              fontWeight: "bold",
+              style: { textAlign: "right" },
+              children: `${length}/${maxLength}`
+            }
+          )
+        ]
+      }
+    ),
+    hint && _hint
+  ] });
 };
 
 module.exports = TextArea;

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

@@ -2,9 +2,10 @@
 
 var styled = require('@emotion/native');
 var extractNumbersFromString = require('../../../utils/extractNumbersFromString.js');
-require('react');
+require('react/jsx-runtime');
 require('../../atoms/Text/styled.js');
 require('../../atoms/Input/styled.js');
+require('react');
 require('currency.js');
 var InputContainer = require('../../atoms/Input/InputContainer/InputContainer.js');
 var InputElement = require('../../atoms/Input/InputElement/InputElement.js');

package/dist/cjs/styles/ThemeProvider.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var react = require('@emotion/react');
 
 const ThemeProvider = ({
   theme,
   children
 }) => {
-  return /* @__PURE__ */ React.createElement(react.ThemeProvider, { theme }, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ThemeProvider, { theme, children });
 };
 
 module.exports = ThemeProvider;

package/dist/cjs/styles/definitions.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');
 require('currency.js');
 require('../components/atoms/Input/InputElement/InputElement.js');
 require('../components/atoms/Input/InputMaskElement/InputMaskElement.js');

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;