@tecsinapse/react-web-kit 3.0.0 → 3.3.0

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

@@ -43,6 +43,8 @@ const Select = ({
   const hasValue = type === "single" ? !!value : (value || []).length > 0;
   const _placeholder = onlyLabel ? label : placeholder;
   const _label = hasValue ? label : void 0;
+  const _valueColorVariant = disabled ? "secondary" : displayTextProps?.colorVariant;
+  const _valueColorTone = disabled ? "light" : displayTextProps?.colorTone;
   const displayValue = functions.getDisplayValue(
     type,
     value,
@@ -110,7 +112,16 @@ const Select = ({
       disabled,
       rightComponent: styled.RightComponent
     },
-    /* @__PURE__ */ React.createElement(reactCore.Text, { ...displayTextProps, fontWeight: "bold" }, displayValue)
+    /* @__PURE__ */ React.createElement(
+      reactCore.Text,
+      {
+        ...displayTextProps,
+        colorTone: _valueColorTone,
+        colorVariant: _valueColorVariant,
+        fontWeight: "bold"
+      },
+      displayValue
+    )
   )), /* @__PURE__ */ React.createElement(
     reactTransitionGroup.Transition,
     {

package/dist/cjs/components/molecules/Select/SelectItem/styled.js

@@ -17,7 +17,7 @@ const ContainerItemSelect = styled("div")`
   align-items: center;
 `;
 const StyledSpan = styled("span")`
-  color: ${({ theme, singleHighligh }) => singleHighligh ? theme.color.primary.medium : theme.color.secondary.xdark};
+  color: ${({ theme, singleHighligh }) => singleHighligh ? theme.color.primary.xlight : theme.color.secondary.xlight};
   padding: ${({ theme }) => `${theme.spacing.mili} 0px`};
 `;
 const StyledContainerTextLabel = styled("div")`

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

@@ -1,22 +1,22 @@
 'use strict';
 
-var nativeStyled = require('@emotion/native');
+var styled = require('@emotion/native');
 var reactCore = require('@tecsinapse/react-core');
 
 const baseStyles = () => [
-  nativeStyled.css({
+  styled.css({
     left: "50%",
     maxWidth: 600,
     transform: [{ translateX: "-50%" }]
   })
 ];
 const webStyles = () => [
-  nativeStyled.css`
+  styled.css`
     position: fixed;
   `
 ];
-const SnackbarStyled = nativeStyled(reactCore.Snackbar)(
-  () => nativeStyled.css`
+const SnackbarStyled = styled(reactCore.Snackbar)(
+  () => styled.css`
     ${baseStyles()}
     ${webStyles()}
   `

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var nativeStyled = require('@emotion/native');
+var styled = require('@emotion/native');
 var reactCore = require('@tecsinapse/react-core');
 
-const StyledWebInput = nativeStyled(reactCore.TextAreaInputBase)`
+const StyledWebInput = styled(reactCore.TextAreaInputBase)`
   font-weight: ${({ theme, fontWeight = "regular" }) => theme.font.weight[fontWeight]};
   font-family: ${({ theme, fontStack = "default" }) => `'${theme.font.stack[fontStack]}'`};
   outline-width: 0;

package/dist/cjs/components/organisms/DataGrid/Footer/styled.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var styled = require('@emotion/styled');
-var nativeStyled = require('@emotion/native');
+var styled$1 = require('@emotion/native');
 var reactCore = require('@tecsinapse/react-core');
 require('react');
 var Td = require('../../../atoms/Table/Cell/Td.js');
@@ -33,14 +33,14 @@ const FooterContainerEnd = styled(FlexContainer)`
 const SelectContainer = styled("div")`
   margin-right: ${({ theme }) => theme.spacing.deca};
 `;
-const NavigationButton = nativeStyled(Button)`    
+const NavigationButton = styled$1(Button)`    
     border-radius: ${({ theme }) => theme.borderRadius.mili};
     height: 44px;
     justify-content: center;
     padding: ${({ theme }) => theme.spacing.centi};
     width: 44px;  
 `;
-const PageButton = nativeStyled(NavigationButton)`
+const PageButton = styled$1(NavigationButton)`
     padding-right: ${({ theme }) => theme.spacing.deca};
     padding-left: ${({ theme }) => theme.spacing.deca};
     border-radius: ${({ theme }) => theme.borderRadius.mili};
@@ -58,7 +58,7 @@ const HoveredText = styled("div")`
     color: ${({ theme }) => theme.font.color.light};
   }
 `;
-const TextPagination = nativeStyled(reactCore.Text)`
+const TextPagination = styled$1(reactCore.Text)`
   padding-right: ${({ theme }) => theme.spacing.deca};
   padding-left: ${({ theme }) => theme.spacing.deca};
 

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

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import { Text, Icon } from '@tecsinapse/react-core';
 import { AccordionContainer, TitleContainer, IconContainer, ContentContainer } from './styled.js';
 import { Transition } from 'react-transition-group';
@@ -13,26 +13,26 @@ const Accordion = ({
   children,
   ...rest
 }) => {
-  const [open, setOpen] = React.useState(_open);
-  const [contentHeight, setContentHeight] = React.useState(0);
+  const [open, setOpen] = React__default.useState(_open);
+  const [contentHeight, setContentHeight] = React__default.useState(0);
   const theme = useTheme();
   const ref = useRef(null);
   const titleTransitionRef = useRef(null);
-  React.useEffect(() => setOpen(_open), [_open]);
-  React.useLayoutEffect(() => {
+  React__default.useEffect(() => setOpen(_open), [_open]);
+  React__default.useLayoutEffect(() => {
     const size = Array.from(
       ref.current?.children || []
     ).reduce((prev, curr) => prev + curr.clientHeight, 0);
     setContentHeight(size);
   }, []);
-  const handleClick = React.useCallback(() => {
+  const handleClick = React__default.useCallback(() => {
     if (onChange) {
       onChange();
       return;
     }
     setOpen((state) => !state);
   }, [onChange]);
-  return /* @__PURE__ */ React.createElement(AccordionContainer, { ...rest }, /* @__PURE__ */ React.createElement(TitleContainer, { onClick: handleClick }, /* @__PURE__ */ React.createElement(Transition, { in: open, timeout: transition, nodeRef: titleTransitionRef }, (state) => /* @__PURE__ */ React.createElement("div", { ref: titleTransitionRef }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(AccordionContainer, { ...rest }, /* @__PURE__ */ React__default.createElement(TitleContainer, { onClick: handleClick }, /* @__PURE__ */ React__default.createElement(Transition, { in: open, timeout: transition, nodeRef: titleTransitionRef }, (state) => /* @__PURE__ */ React__default.createElement("div", { ref: titleTransitionRef }, /* @__PURE__ */ React__default.createElement(
     Text,
     {
       typography: "h4",
@@ -43,7 +43,7 @@ const Accordion = ({
       }
     },
     title
-  ))), /* @__PURE__ */ React.createElement(IconContainer, null, /* @__PURE__ */ React.createElement(
+  ))), /* @__PURE__ */ React__default.createElement(IconContainer, null, /* @__PURE__ */ React__default.createElement(
     Icon,
     {
       type: "material-community",
@@ -51,7 +51,7 @@ const Accordion = ({
       size: "kilo",
       fontColor: "medium"
     }
-  ))), /* @__PURE__ */ React.createElement(Transition, { in: open, timeout: transition, nodeRef: ref }, (state) => /* @__PURE__ */ React.createElement(
+  ))), /* @__PURE__ */ React__default.createElement(Transition, { in: open, timeout: transition, nodeRef: ref }, (state) => /* @__PURE__ */ React__default.createElement(
     ContentContainer,
     {
       ref: (htmlEl) => ref.current = htmlEl,

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { useMouseHover } from './hooks/useMouseHover.js';
 import { useMousePressed } from './hooks/useMousePressed.js';
 import { StyledWebButton } from './styled.js';
@@ -26,7 +26,7 @@ const Button = ({
     onPressIn,
     onPressOut
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     StyledWebButton,
     {
       ...rest,

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

@@ -1,4 +1,4 @@
-import nativeStyled, { css } from '@emotion/native';
+import styled, { css } from '@emotion/native';
 import { Button, colorVC, colorGradationVC, borderColorVC, borderColorGradationVC } from '@tecsinapse/react-core';
 
 const webStyles = () => {
@@ -24,6 +24,6 @@ const hoverStyles = ({
       border-color: ${theme?.color[variantBorderColor][variantBorderColorGradation]};
     `;
 };
-const StyledWebButton = nativeStyled(Button)(webStyles, hoverStyles);
+const StyledWebButton = styled(Button)(webStyles, hoverStyles);
 
 export { StyledWebButton };

package/dist/esm/components/atoms/Dropdown/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { StyledContainerDropdown } from './styled.js';
 import { Transition } from 'react-transition-group';
 import { defaultStyles, transition } from '../../molecules/Select/animations.js';
@@ -11,9 +11,9 @@ const Component = ({
   onClickAway,
   children
 }) => {
-  const refDropDown = React.useRef(null);
+  const refDropDown = React__default.useRef(null);
   useClickAwayListener(refDropDown, setVisible, "mousedown", onClickAway);
-  return /* @__PURE__ */ React.createElement(Transition, { in: visible, timeout: 300, nodeRef: refDropDown }, (state) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Transition, { in: visible, timeout: 300, nodeRef: refDropDown }, (state) => /* @__PURE__ */ React__default.createElement(
     StyledContainerDropdown,
     {
       style: { ...defaultStyles, ...transition["bottom"][state] },

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

@@ -1,9 +1,9 @@
 import { useInputFocus, InputContainer, Hint } from '@tecsinapse/react-core';
-import React from 'react';
+import React__default from 'react';
 import { View } from 'react-native-web';
 import { StyledWebTextInput } from './styled.js';
 
-const Input = React.forwardRef(
+const Input = React__default.forwardRef(
   ({
     label,
     labelColor,
@@ -28,14 +28,14 @@ const Input = React.forwardRef(
     value,
     ...rest
   }, ref) => {
-    const _hint = hintComponent || /* @__PURE__ */ React.createElement(Hint, { text: hint, variant });
+    const _hint = hintComponent || /* @__PURE__ */ React__default.createElement(Hint, { text: hint, variant });
     const { focused, handleBlur, handleFocus } = useInputFocus(
       onFocus,
       onBlur,
       !disabled
     );
     const onlyLabel = label && !placeholder;
-    return /* @__PURE__ */ React.createElement(View, { style }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React__default.createElement(View, { style }, /* @__PURE__ */ React__default.createElement(
       InputContainer,
       {
         label: value ? label : void 0,
@@ -54,7 +54,7 @@ const Input = React.forwardRef(
         disabled,
         variant
       },
-      /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React__default.createElement(
         StyledWebTextInput,
         {
           ...rest,

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

@@ -1,7 +1,7 @@
-import nativeStyled from '@emotion/native';
+import styled from '@emotion/native';
 import { InputElement } from '@tecsinapse/react-core';
 
-const StyledWebTextInput = nativeStyled(InputElement)`
+const StyledWebTextInput = styled(InputElement)`
   &:focus-visible {
     outline-width: 0;
   }

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

@@ -1,9 +1,9 @@
 import { useInputFocus, InputContainer, Hint } from '@tecsinapse/react-core';
-import React from 'react';
+import React__default from 'react';
 import { View } from 'react-native-web';
 import { StyledWebTextInputMask } from './styled.js';
 
-const InputMask = React.forwardRef(
+const InputMask = React__default.forwardRef(
   ({
     label,
     labelColor,
@@ -28,14 +28,14 @@ const InputMask = React.forwardRef(
     placeholder,
     ...rest
   }, ref) => {
-    const _hint = hintComponent || /* @__PURE__ */ React.createElement(Hint, { text: hint, variant });
+    const _hint = hintComponent || /* @__PURE__ */ React__default.createElement(Hint, { text: hint, variant });
     const { focused, handleBlur, handleFocus } = useInputFocus(
       onFocus,
       onBlur,
       !disabled
     );
     const onlyLabel = label && !placeholder;
-    return /* @__PURE__ */ React.createElement(View, { style }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React__default.createElement(View, { style }, /* @__PURE__ */ React__default.createElement(
       InputContainer,
       {
         label: String(value) ? label : void 0,
@@ -54,7 +54,7 @@ const InputMask = React.forwardRef(
         disabled,
         variant
       },
-      /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React__default.createElement(
         StyledWebTextInputMask,
         {
           ...rest,

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

@@ -1,7 +1,7 @@
-import nativeStyled from '@emotion/native';
+import styled from '@emotion/native';
 import { InputMaskElement } from '@tecsinapse/react-core';
 
-const StyledWebTextInputMask = nativeStyled(InputMaskElement)`
+const StyledWebTextInputMask = styled(InputMaskElement)`
   &:focus-visible {
     outline-width: 0;
   }

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

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import { Transition } from 'react-transition-group';
 import Overlay from '../Overlay/Overlay.js';
 import { ModalContainer } from './styled.js';
@@ -12,7 +12,7 @@ const Modal = ({
   ...rest
 }) => {
   const transitionRef = useRef(null);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Overlay, { open, onClose, zIndex: "modal" }), /* @__PURE__ */ React.createElement(Transition, { in: open, timeout: 400, nodeRef: transitionRef }, (state) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Overlay, { open, onClose, zIndex: "modal" }), /* @__PURE__ */ React__default.createElement(Transition, { in: open, timeout: 400, nodeRef: transitionRef }, (state) => /* @__PURE__ */ React__default.createElement(
     ModalContainer,
     {
       ref: transitionRef,

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

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import { Transition } from 'react-transition-group';
 import { defaultStyleOverlay, transitionStylesOverlay } from './animations.js';
 import { StyledOverlay } from './styled.js';
@@ -11,7 +11,7 @@ const Overlay = ({
   children
 }) => {
   const transitionRef = useRef(null);
-  return /* @__PURE__ */ React.createElement(Transition, { in: open, timeout, nodeRef: transitionRef }, (state) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Transition, { in: open, timeout, nodeRef: transitionRef }, (state) => /* @__PURE__ */ React__default.createElement(
     StyledOverlay,
     {
       style: {

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Wrapper } from './styled.js';
 import { View } from 'react-native-web';
 
@@ -16,7 +16,7 @@ const Skeleton = ({
       "[Skeleton] You should provide children or specify width and height"
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     Wrapper,
     {
       width,
@@ -26,7 +26,7 @@ const Skeleton = ({
       radius,
       ...rest
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       View,
       {
         style: { opacity: active ? 0 : 1 },

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

@@ -1,4 +1,4 @@
-import React, { useRef, useCallback } from 'react';
+import React__default, { useRef, useCallback } from 'react';
 import { useTheme, lightenDarkenColor } from '@tecsinapse/react-core';
 import { Transition } from 'react-transition-group';
 import { StyledSwitchContent, StyledSwitch } from './styled.js';
@@ -56,7 +56,7 @@ const Switch = ({
     exiting: { transform: "translateX(150%)" },
     exited: { transform: "translateX(0%)" }
   };
-  return /* @__PURE__ */ React.createElement(Transition, { in: active, timeout: 100, nodeRef: transitionRef }, (state) => /* @__PURE__ */ React.createElement("div", { onClick: handleChange, ref: transitionRef }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Transition, { in: active, timeout: 100, nodeRef: transitionRef }, (state) => /* @__PURE__ */ React__default.createElement("div", { onClick: handleChange, ref: transitionRef }, /* @__PURE__ */ React__default.createElement(
     StyledSwitchContent,
     {
       ...rest,
@@ -65,7 +65,7 @@ const Switch = ({
         ...transitionStylesBackground[state]
       }
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       StyledSwitch,
       {
         style: {

package/dist/esm/components/atoms/Table/Body/TBody.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import React__default from 'react';
 
 const TBody = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement("tbody", { ...rest }, children);
+  return /* @__PURE__ */ React__default.createElement("tbody", { ...rest }, children);
 };
 
 export { TBody as default };

package/dist/esm/components/atoms/Table/Cell/Td.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { TCell } from './styled.js';
 
 const Td = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(TCell, { ...rest }, children);
+  return /* @__PURE__ */ React__default.createElement(TCell, { ...rest }, children);
 };
 
 export { Td as default };

package/dist/esm/components/atoms/Table/Container/TableContainer.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { TContainer } from './styled.js';
 
 const TableContainer = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(TContainer, { ...rest }, children);
+  return /* @__PURE__ */ React__default.createElement(TContainer, { ...rest }, children);
 };
 
 export { TableContainer as default };

package/dist/esm/components/atoms/Table/Footer/TFoot.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { TFooter } from './styled.js';
 
 const TFoot = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(TFooter, { ...rest }, children);
+  return /* @__PURE__ */ React__default.createElement(TFooter, { ...rest }, children);
 };
 
 export { TFoot as default };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { THeadStyled, HeaderBackground } from './styled.js';
 import Tr from '../Row/Tr.js';
 
@@ -6,7 +6,7 @@ const THead = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(THeadStyled, { ...rest }, children, /* @__PURE__ */ React.createElement(Tr, null, /* @__PURE__ */ React.createElement("td", { colSpan: 99 }, /* @__PURE__ */ React.createElement(HeaderBackground, null))));
+  return /* @__PURE__ */ React__default.createElement(THeadStyled, { ...rest }, children, /* @__PURE__ */ React__default.createElement(Tr, null, /* @__PURE__ */ React__default.createElement("td", { colSpan: 99 }, /* @__PURE__ */ React__default.createElement(HeaderBackground, null))));
 };
 
 export { THead as default };

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

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { ThStyled } from './styled.js';
 
 const Th = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(ThStyled, { ...rest }, children);
+  return /* @__PURE__ */ React__default.createElement(ThStyled, { ...rest }, children);
 };
 
 export { Th as default };

package/dist/esm/components/atoms/Table/Row/Tr.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { TRow } from './styled.js';
 
 const Tr = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(TRow, { ...rest }, children);
+  return /* @__PURE__ */ React__default.createElement(TRow, { ...rest }, children);
 };
 
 export { Tr as default };

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

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { TableStyled } from './styled.js';
 
 const Table = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(TableStyled, { ...rest }, children);
+  return /* @__PURE__ */ React__default.createElement(TableStyled, { ...rest }, children);
 };
 
 export { Table as default };

package/dist/esm/components/atoms/Table/Toolbar/TableToolbar.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { TableToolbarStyled } from './styled.js';
 import { Text } from '@tecsinapse/react-core';
 
@@ -8,7 +8,7 @@ const TableToolbar = ({
   footer,
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TableToolbarStyled, { ...rest }, /* @__PURE__ */ React.createElement(Text, { typography: "h3", fontWeight: "bold" }, title), rightIcons), footer);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TableToolbarStyled, { ...rest }, /* @__PURE__ */ React__default.createElement(Text, { typography: "h3", fontWeight: "bold" }, title), rightIcons), footer);
 };
 
 export { TableToolbar as default };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Tag as Tag$1, Text } from '@tecsinapse/react-core';
 
 const Tag = ({
@@ -14,12 +14,12 @@ const Tag = ({
     fontStack = "default",
     fontWeight = "bold"
   } = textProps || {};
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     Tag$1,
     {
       backgroundColorVariant,
       backgroundColorTone,
-      value: /* @__PURE__ */ React.createElement(
+      value: /* @__PURE__ */ React__default.createElement(
         Text,
         {
           colorVariant,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Text } from '@tecsinapse/react-core';
 import { Container, TooltipSpan } from './styled.js';
 
@@ -8,17 +8,17 @@ const Tooltip = ({
   maxWidht,
   position = "bottom"
 }) => {
-  const spanRef = React.useRef();
-  const [computed, setComputed] = React.useState(
+  const spanRef = React__default.useRef();
+  const [computed, setComputed] = React__default.useState(
     void 0
   );
-  React.useLayoutEffect(() => {
+  React__default.useLayoutEffect(() => {
     setComputed({
       width: spanRef.current?.clientWidth,
       height: spanRef.current?.clientHeight
     });
   }, []);
-  return /* @__PURE__ */ React.createElement(Container, { position }, children, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Container, { position }, children, /* @__PURE__ */ React__default.createElement(
     TooltipSpan,
     {
       maxWidth: maxWidht,
@@ -26,7 +26,7 @@ const Tooltip = ({
       position,
       ref: (ref) => spanRef.current = ref
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Text,
       {
         fontWeight: "bold",

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

@@ -69,7 +69,10 @@ const TooltipSpan = styled("span")(
       border-radius: ${theme.borderRadius.mili};
       opacity: 0;
       visibility: hidden;
-      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
+      transition:
+        opacity 0.3s,
+        visibility 0.3s,
+        transform 0.3s;
       background-color: ${theme.color.secondary.xdark};
       z-index: ${theme.zIndex.absolute};
 

package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Text, Icon } from '@tecsinapse/react-core';
 import { StyledContainerItem, StyledContainerIcon } from './styled.js';
 
@@ -9,7 +9,7 @@ const BreadcrumbItem = ({
   title
 }) => {
   const noTextDecoration = { textDecoration: "none" };
-  return /* @__PURE__ */ React.createElement(StyledContainerItem, null, /* @__PURE__ */ React.createElement(Component, { ...props, style: noTextDecoration }, /* @__PURE__ */ React.createElement(Text, { colorVariant: "secondary", colorTone: isLast ? "medium" : "xdark" }, title)), !isLast && /* @__PURE__ */ React.createElement(StyledContainerIcon, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(StyledContainerItem, null, /* @__PURE__ */ React__default.createElement(Component, { ...props, style: noTextDecoration }, /* @__PURE__ */ React__default.createElement(Text, { colorVariant: "secondary", colorTone: isLast ? "medium" : "xdark" }, title)), !isLast && /* @__PURE__ */ React__default.createElement(StyledContainerIcon, null, /* @__PURE__ */ React__default.createElement(
     Icon,
     {
       name: "chevron-double-right",