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

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

@@ -1,11 +1,11 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
-var React = require('react');
 var Text = require('../Text/Text.js');
 
 const Avatar = (props) => {
-  return /* @__PURE__ */ React.createElement(reactCore.Avatar, { ...props, TextComponent: Text });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactCore.Avatar, { ...props, TextComponent: Text });
 };
 
 module.exports = Avatar;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
 var Text = require('../Text/Text.js');
 
@@ -10,13 +10,13 @@ const Badge = ({
   value,
   ...props
 }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     reactCore.Badge,
     {
       ...props,
-      value: /* @__PURE__ */ React.createElement(Text, { fontColor, fontWeight: "bold", typography: "label" }, value)
-    },
-    children
+      value: /* @__PURE__ */ jsxRuntime.jsx(Text, { fontColor, fontWeight: "bold", typography: "label", children: value }),
+      children
+    }
   );
 };
 

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var styled = require('./styled.js');
 var Item = require('./Item.js');
@@ -30,21 +31,25 @@ function BottomNavigator({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ React__namespace.createElement(styled.StyledView, { ...rest }, React__namespace.Children.map(children, (child) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(styled.StyledView, { ...rest, children: React__namespace.Children.map(children, (child) => {
     const { value, label, labelProps, labelElement } = child.props;
     const isSelected = value == selected;
-    return /* @__PURE__ */ React__namespace.createElement(styled.TabContainer, { selected: isSelected, onPress: () => onSelect(value) }, React__namespace.cloneElement(child, {
-      _selected: isSelected
-    }), label && !labelElement && /* @__PURE__ */ React__namespace.createElement(
-      Text,
-      {
-        colorVariant: labelProps?.colorVariant || isSelected ? "primary" : "secondary",
-        typography: labelProps?.typography || "sub",
-        ...labelProps
-      },
-      label
-    ), labelElement && labelElement);
-  }));
+    return /* @__PURE__ */ jsxRuntime.jsxs(styled.TabContainer, { selected: isSelected, onPress: () => onSelect(value), children: [
+      React__namespace.cloneElement(child, {
+        _selected: isSelected
+      }),
+      label && !labelElement && /* @__PURE__ */ jsxRuntime.jsx(
+        Text,
+        {
+          colorVariant: labelProps?.colorVariant || isSelected ? "primary" : "secondary",
+          typography: labelProps?.typography || "sub",
+          ...labelProps,
+          children: label
+        }
+      ),
+      labelElement && labelElement
+    ] });
+  }) });
 }
 BottomNavigator.Item = Item;
 

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

@@ -1,28 +1,9 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
 var styled = require('./styled.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);
-
 function Item({
   _selected,
   icon,
@@ -32,9 +13,9 @@ function Item({
   const styledButtonStyle = _selected ? void 0 : { backgroundColor: "transparent" };
   const iconColorVariant = _selected ? "primary" : "secondary";
   if (icon) {
-    return /* @__PURE__ */ React__namespace.createElement(styled.TabContent, { style: styledButtonStyle, ...rest }, /* @__PURE__ */ React__namespace.createElement(reactCore.Icon, { colorVariant: iconColorVariant, size: "centi", ...icon }));
+    return /* @__PURE__ */ jsxRuntime.jsx(styled.TabContent, { style: styledButtonStyle, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(reactCore.Icon, { colorVariant: iconColorVariant, size: "centi", ...icon }) });
   } else {
-    return /* @__PURE__ */ React__namespace.createElement(styled.CustomTabContent, null, children);
+    return /* @__PURE__ */ jsxRuntime.jsx(styled.CustomTabContent, { children });
   }
 }
 

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
 var reactNative = require('react-native');
@@ -16,7 +17,7 @@ const Button = ({
     },
     [onPress]
   );
-  return /* @__PURE__ */ React.createElement(reactCore.Button, { ...others, onPress: handleOnPress });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactCore.Button, { ...others, onPress: handleOnPress });
 };
 
 exports.Button = Button;

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

@@ -1,11 +1,11 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
-var React = require('react');
 var Text = require('../../Text/Text.js');
 
 const Error = (props) => {
-  return /* @__PURE__ */ React.createElement(reactCore.Error, { ...props, textComponent: Text });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactCore.Error, { ...props, textComponent: Text });
 };
 
 module.exports = Error;

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

@@ -1,11 +1,11 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
-var React = require('react');
 var Text = require('../../Text/Text.js');
 
 const Loading = (props) => {
-  return /* @__PURE__ */ React.createElement(reactCore.Loading, { ...props, textComponent: Text });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactCore.Loading, { ...props, textComponent: Text });
 };
 
 module.exports = Loading;

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

@@ -1,11 +1,11 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
-var React = require('react');
 var Text = require('../../Text/Text.js');
 
 const Success = (props) => {
-  return /* @__PURE__ */ React.createElement(reactCore.Success, { ...props, textComponent: Text });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactCore.Success, { ...props, textComponent: Text });
 };
 
 module.exports = Success;

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

@@ -1,11 +1,11 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
-var React = require('react');
 var Text = require('../Text/Text.js');
 
 const GroupButtonOption = (props) => {
-  return /* @__PURE__ */ React.createElement(reactCore.GroupButtonOption, { ...props, TextComponent: Text });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactCore.GroupButtonOption, { ...props, TextComponent: Text });
 };
 
 module.exports = GroupButtonOption;

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

@@ -1,46 +1,31 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var styled = require('./styled.js');
 var reactCore = require('@tecsinapse/react-core');
-var React = require('react');
 var Badge = require('../Badge/Badge.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 Header = ({
   rightButton,
   leftButton,
   children,
   ...rest
 }) => {
-  const ButtonBase = ({ button }) => /* @__PURE__ */ React__namespace.createElement(
+  const ButtonBase = ({ button }) => /* @__PURE__ */ jsxRuntime.jsx(
     styled.FloatingButton,
     {
       ...button,
       variant: button?.variant || "filled",
       color: button?.color || "primary",
-      size: button?.size || "small"
-    },
-    button?.icon && /* @__PURE__ */ React__namespace.createElement(reactCore.Icon, { ...button?.icon })
+      size: button?.size || "small",
+      children: button?.icon && /* @__PURE__ */ jsxRuntime.jsx(reactCore.Icon, { ...button?.icon })
+    }
   );
-  return /* @__PURE__ */ React__namespace.createElement(styled.StyledView, { ...rest }, leftButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, leftButton?.valueBadge ? /* @__PURE__ */ React__namespace.createElement(Badge, { value: leftButton.valueBadge, color: "error" }, /* @__PURE__ */ React__namespace.createElement(ButtonBase, { button: leftButton })) : /* @__PURE__ */ React__namespace.createElement(ButtonBase, { button: leftButton })) : /* @__PURE__ */ React__namespace.createElement(styled.Dummy, { disabled: true }), children, rightButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, rightButton?.valueBadge ? /* @__PURE__ */ React__namespace.createElement(Badge, { value: rightButton.valueBadge, color: "error" }, /* @__PURE__ */ React__namespace.createElement(ButtonBase, { button: rightButton })) : /* @__PURE__ */ React__namespace.createElement(ButtonBase, { button: rightButton })) : /* @__PURE__ */ React__namespace.createElement(styled.Dummy, { disabled: true }));
+  return /* @__PURE__ */ jsxRuntime.jsxs(styled.StyledView, { ...rest, children: [
+    leftButton ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: leftButton?.valueBadge ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { value: leftButton.valueBadge, color: "error", children: /* @__PURE__ */ jsxRuntime.jsx(ButtonBase, { button: leftButton }) }) : /* @__PURE__ */ jsxRuntime.jsx(ButtonBase, { button: leftButton }) }) : /* @__PURE__ */ jsxRuntime.jsx(styled.Dummy, { disabled: true }),
+    children,
+    rightButton ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: rightButton?.valueBadge ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { value: rightButton.valueBadge, color: "error", children: /* @__PURE__ */ jsxRuntime.jsx(ButtonBase, { button: rightButton }) }) : /* @__PURE__ */ jsxRuntime.jsx(ButtonBase, { button: rightButton }) }) : /* @__PURE__ */ jsxRuntime.jsx(styled.Dummy, { disabled: true })
+  ] });
 };
 
 module.exports = Header;

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
 var reactNative = require('react-native');
@@ -32,7 +33,7 @@ const Input = React.forwardRef(
     placeholder,
     ...rest
   }, ref) => {
-    const _hint = hintComponent || /* @__PURE__ */ React.createElement(reactCore.Hint, { TextComponent: Text, text: hint, variant });
+    const _hint = hintComponent || /* @__PURE__ */ jsxRuntime.jsx(reactCore.Hint, { TextComponent: Text, text: hint, variant });
     const { focused, handleBlur, handleFocus } = reactCore.useInputFocus(
       onFocus,
       onBlur,
@@ -43,41 +44,44 @@ const Input = React.forwardRef(
       ...{ inputContainerStyle }
     };
     const onlyLabel = label && !placeholder;
-    return /* @__PURE__ */ React.createElement(reactNative.View, null, /* @__PURE__ */ React.createElement(
-      reactCore.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.createElement(
-        styled.StyledNativeInput,
+    return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactCore.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__ */ jsxRuntime.jsx(
+            styled.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/cjs/components/atoms/InputMask/InputMask.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
 var reactNative = require('react-native');
@@ -33,48 +34,51 @@ const InputMask = React.forwardRef(
     placeholder,
     ...rest
   }, ref) => {
-    const _hint = hintComponent || /* @__PURE__ */ React.createElement(reactCore.Hint, { TextComponent: Text, text: hint, variant });
+    const _hint = hintComponent || /* @__PURE__ */ jsxRuntime.jsx(reactCore.Hint, { TextComponent: Text, text: hint, variant });
     const { focused, handleBlur, handleFocus } = reactCore.useInputFocus(
       onFocus,
       onBlur,
       !disabled
     );
     const onlyLabel = label && !placeholder;
-    return /* @__PURE__ */ React.createElement(reactNative.View, { style }, /* @__PURE__ */ React.createElement(
-      styled.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.createElement(
-        styled.StyledNativeInputMask,
+    return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        styled.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__ */ jsxRuntime.jsx(
+            styled.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/cjs/components/atoms/Modal/ModalGroupManager.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactNative = require('react-native');
 var ModalLifecycleHandler = require('./ModalLifecycleHandler.js');
@@ -9,18 +10,21 @@ const ModalGroupManager = ({ children, ...others }) => {
   modalLifecycle.attach(React.useState([]));
   const _render = modalLifecycle.render();
   const hasModals = _render.length > 0;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, children, /* @__PURE__ */ React.createElement(
-    reactNative.Modal,
-    {
-      transparent: true,
-      statusBarTranslucent: true,
-      animationType: "none",
-      visible: hasModals,
-      onRequestClose: modalLifecycle.closeLastOpenedModal,
-      ...others
-    },
-    _render
-  ));
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Modal,
+      {
+        transparent: true,
+        statusBarTranslucent: true,
+        animationType: "none",
+        visible: hasModals,
+        onRequestClose: modalLifecycle.closeLastOpenedModal,
+        ...others,
+        children: _render
+      }
+    )
+  ] });
 };
 
 exports.ModalGroupManager = ModalGroupManager;

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
 var reactNative = require('react-native');
@@ -121,26 +122,28 @@ const ModalView = ({
       hideEvent.remove();
     };
   }, []);
-  return /* @__PURE__ */ React.createElement(styled.StyledPressableBackDrop, { onPress: !frozen ? close : void 0 }, /* @__PURE__ */ React.createElement(styled.BackDropView, { style: { backgroundColor: backgroundInterpolation } }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(styled.StyledPressableBackDrop, { onPress: !frozen ? close : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(styled.BackDropView, { style: { backgroundColor: backgroundInterpolation }, children: /* @__PURE__ */ jsxRuntime.jsx(
     reactNative.Animated.View,
     {
       style: {
         paddingBottom: isLastShown ? getKeyboardHeight(keyboardOpened) : 0,
         opacity: opacityCarrier,
         transform: [{ translateY: translationCarrier }]
-      }
-    },
-    /* @__PURE__ */ React.createElement(reactNative.Pressable, null, /* @__PURE__ */ React.createElement(
-      BoxComponent,
-      {
-        onLayout: handleBoxLayoutChanges,
-        style: { paddingBottom: offset },
-        variant: "bottom"
       },
-      showCloseBar && /* @__PURE__ */ React.createElement(styled.CloseBar, null),
-      children
-    ))
-  )));
+      children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        BoxComponent,
+        {
+          onLayout: handleBoxLayoutChanges,
+          style: { paddingBottom: offset },
+          variant: "bottom",
+          children: [
+            showCloseBar && /* @__PURE__ */ jsxRuntime.jsx(styled.CloseBar, {}),
+            children
+          ]
+        }
+      ) })
+    }
+  ) }) });
 };
 
 exports.ModalView = ModalView;

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var reactNative = require('react-native');
 var React = require('react');
 var animation = require('./animation.js');
@@ -14,7 +15,7 @@ const Pulse = ({
   React.useEffect(() => {
     animation.pulseAnimation(active, animatedValue);
   }, [active]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     reactNative.Animated.View,
     {
       style: {

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactNative = require('react-native');
 var styled = require('./styled.js');
@@ -29,31 +30,35 @@ const Skeleton = ({
   const getChildrenLayout = (event) => {
     setChildrenLayout(event.nativeEvent.layout);
   };
-  return /* @__PURE__ */ React.createElement(styled.Wrapper, { width, height, radius, ...rest }, active && animation === "wave" ? /* @__PURE__ */ React.createElement(
-    Wave.Wave,
-    {
-      active,
-      width,
-      height,
-      childrenLayout
-    }
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null), active && animation === "pulse" ? /* @__PURE__ */ React.createElement(
-    Pulse.Pulse,
-    {
-      active,
-      width,
-      height,
-      childrenLayout
-    }
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null), /* @__PURE__ */ React.createElement(
-    reactNative.View,
-    {
-      onLayout: (event) => getChildrenLayout(event),
-      style: { opacity: active ? 0 : 1 },
-      pointerEvents: active ? "none" : "auto"
-    },
-    children
-  ));
+  return /* @__PURE__ */ jsxRuntime.jsxs(styled.Wrapper, { width, height, radius, ...rest, children: [
+    active && animation === "wave" ? /* @__PURE__ */ jsxRuntime.jsx(
+      Wave.Wave,
+      {
+        active,
+        width,
+        height,
+        childrenLayout
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}),
+    active && animation === "pulse" ? /* @__PURE__ */ jsxRuntime.jsx(
+      Pulse.Pulse,
+      {
+        active,
+        width,
+        height,
+        childrenLayout
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.View,
+      {
+        onLayout: (event) => getChildrenLayout(event),
+        style: { opacity: active ? 0 : 1 },
+        pointerEvents: active ? "none" : "auto",
+        children
+      }
+    )
+  ] });
 };
 
 module.exports = Skeleton;

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactNative = require('react-native');
 var RNGradient = require('react-native-linear-gradient');
@@ -42,7 +43,7 @@ const Wave = ({
   React.useEffect(() => {
     animation.waveAnimation(active, animatedValue);
   }, [active]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     AnimatedLinearGradient,
     {
       colors: [