@tecsinapse/react-web-kit 2.3.1 → 3.3.0

package/dist/esm/components/molecules/DateTimePickerSelector/components/ScrollableDigit.js

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { Text } from '@tecsinapse/react-core/src/components/atoms/Text';
+import { useTheme } from '@tecsinapse/react-core';
+import { RFValue } from '@tecsinapse/react-core/src/utils/ResponsiveFontSize';
+import { StyledTextLabel, TimeDigitContainer } from '../styled.js';
+import MemoizedTimeCard from './MemoizedTimeCard.js';
+
+const ScrollableDigit = ({
+  TextComponent = Text,
+  data,
+  currentTime,
+  updateType,
+  timeLabel,
+  handleTimeChange,
+  initialScrollIndex
+}) => {
+  const theme = useTheme();
+  const digitCardHeight = RFValue(Number(theme.typography.base.fontSize.slice(0, -2))) + 2 * RFValue(Number(theme.spacing.deca.slice(0, -2)));
+  const getDisplayedValue = (value) => {
+    const isNumericValue = parseInt(value, 10);
+    if (!isNaN(isNumericValue)) {
+      return value.padStart(2, "0");
+    } else {
+      return value;
+    }
+  };
+  const timeCardsBuilder = React.useCallback(
+    ({ item }) => /* @__PURE__ */ React.createElement(
+      MemoizedTimeCard,
+      {
+        time: getDisplayedValue(item),
+        isSelected: currentTime === item,
+        onPress: () => {
+          handleTimeChange(item, updateType);
+        },
+        TextComponent
+      }
+    ),
+    [handleTimeChange, TextComponent]
+  );
+  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column" } }, /* @__PURE__ */ React.createElement(StyledTextLabel, null, timeLabel), /* @__PURE__ */ React.createElement(
+    TimeDigitContainer,
+    {
+      showsHorizontalScrollIndicator: true,
+      data,
+      renderItem: timeCardsBuilder,
+      keyExtractor: (item) => item,
+      contentContainerStyle: {
+        alignItems: "center"
+      },
+      numColumns: 1,
+      initialScrollIndex,
+      getItemLayout: (_, index) => ({
+        length: digitCardHeight,
+        offset: digitCardHeight * index,
+        index
+      }),
+      fadingEdgeLength: 200
+    }
+  ));
+};
+
+export { ScrollableDigit as default };

package/dist/esm/components/molecules/DateTimePickerSelector/styled.js

@@ -0,0 +1,46 @@
+import styled, { css } from '@emotion/native';
+import { Text, PressableSurface } from '@tecsinapse/react-core';
+import { FlatList } from 'react-native-web';
+
+const StyledTextLabel = styled(Text)`
+  text-align: center;
+  font-size: 12px;
+  font-weight: bold;
+`;
+const TimeDigitContainer = styled(FlatList)`
+  max-height: 150px;
+  overflow-y: scroll;
+`;
+const TimeCard = styled(PressableSurface)(
+  (props) => css`
+    background-color: ${props.isSelected ? props.theme?.color.primary.light : void 0};
+    padding: ${props.theme?.spacing.centi};
+    border-radius: ${props.theme?.borderRadius.mili};
+    margin: ${props.theme?.spacing.mili};
+    padding: ${props.theme?.spacing.mili} ${props.theme?.spacing.deca};
+  `
+);
+const Root = styled.View`
+  position: relative;
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+`;
+const Content = styled.View`
+  flex-direction: row;
+  justify-content: space-between;
+  margin-top: ${({ theme }) => theme.spacing.deca};
+  margin-bottom: ${({ theme }) => theme.spacing.deca};
+`;
+const BackButton = styled(PressableSurface)`
+  border-radius: ${({ theme }) => theme.borderRadius.mili};
+  padding: ${({ theme }) => theme.spacing.micro};
+  margin-right: ${({ theme }) => theme.spacing.mili};
+  aspect-ratio: 1;
+`;
+const Header = styled.View`
+  flex-direction: row;
+  align-items: center;
+  margin-top: ${({ theme }) => theme.spacing.mili};
+  margin-bottom: ${({ theme }) => theme.spacing.mili};
+`;
+
+export { BackButton, Content, Header, Root, StyledTextLabel, TimeCard, TimeDigitContainer };

package/dist/esm/components/molecules/Drawer/Drawer.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import { StyledContainerDrawer } from './styled.js';
 import { Transition } from 'react-transition-group';
 import Overlay from '../../atoms/Overlay/Overlay.js';
@@ -30,7 +30,7 @@ const Drawer = ({
       };
     }
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Overlay, { timeout: 300, open, onClose, zIndex: "drawer" }), /* @__PURE__ */ React.createElement(Transition, { in: open, timeout: 300, nodeRef: transitionRef }, (state) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Overlay, { timeout: 300, open, onClose, zIndex: "drawer" }), /* @__PURE__ */ React__default.createElement(Transition, { in: open, timeout: 300, nodeRef: transitionRef }, (state) => /* @__PURE__ */ React__default.createElement(
     StyledContainerDrawer,
     {
       ref: transitionRef,
@@ -45,4 +45,3 @@ const Drawer = ({
 };
 
 export { Drawer as default };
-//# sourceMappingURL=Drawer.js.map

package/dist/esm/components/molecules/Drawer/animations.js

@@ -44,4 +44,3 @@ const transitionStylesTopBottom = (anchorPosition) => {
 };
 
 export { defaultStylesLeftRight, defaultStylesTopBottom, transformLeftRigthClose, transformLeftRigthOpen, transformTopBottomClose, transformTopBottomOpen, transitionStylesLeftRight, transitionStylesTopBottom };
-//# sourceMappingURL=animations.js.map

package/dist/esm/components/molecules/Drawer/styled.js

@@ -56,4 +56,3 @@ const StyledContainerDrawer = styled("div")(
 );
 
 export { StyledContainerDrawer };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/Grid/Grid.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import GridItem from './Item/Item.js';
 
 const Grid = ({
@@ -11,7 +11,7 @@ const Grid = ({
 }) => {
   if (layout) {
     const flatLayout = layout.flat();
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React__default.createElement(
       "div",
       {
         style: {
@@ -22,7 +22,7 @@ const Grid = ({
         },
         ...rest
       },
-      React.Children.map(children, (child, index) => /* @__PURE__ */ React.createElement(
+      React__default.Children.map(children, (child, index) => /* @__PURE__ */ React__default.createElement(
         GridItem,
         {
           key: `child-${index}`,
@@ -34,7 +34,7 @@ const Grid = ({
       ))
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     "div",
     {
       style: {
@@ -45,8 +45,8 @@ const Grid = ({
       },
       ...rest
     },
-    React.Children.map(children, (child, index) => {
-      return React.cloneElement(child, {
+    React__default.Children.map(children, (child, index) => {
+      return React__default.cloneElement(child, {
         ...child?.props,
         columns,
         spacing: child?.props.spacing ?? spacing,
@@ -57,4 +57,3 @@ const Grid = ({
 };
 
 export { Grid as default };
-//# sourceMappingURL=Grid.js.map

package/dist/esm/components/molecules/Grid/Item/Item.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { useTheme, getGridItemColumSpan, getGridItemPadding } from '@tecsinapse/react-core';
 import { useBreakpoints } from '../../../../hooks/useBreakpoints.js';
 import { getSpan } from './functions.js';
@@ -25,7 +25,7 @@ const GridItem = ({
 }) => {
   const { spacing } = useTheme();
   const { sm, md, lg } = useBreakpoints();
-  if (!React.Children.only(children)) {
+  if (!React__default.Children.only(children)) {
     throw new Error("The number of children in GridItem should be one");
   }
   if (loadingComponent && loading) {
@@ -49,12 +49,11 @@ const GridItem = ({
     paddingRight: getGridItemPadding("right", _spacing, spacing),
     paddingLeft: getGridItemPadding("left", _spacing, spacing)
   };
-  const clone = React.cloneElement(children, {
+  const clone = React__default.cloneElement(children, {
     ...children?.props,
     style: wrapper ? children?.props.style : { ..._style, ...children?.props.style }
   });
-  return wrapper ? /* @__PURE__ */ React.createElement("div", { ...rest, style: _style }, clone) : clone;
+  return wrapper ? /* @__PURE__ */ React__default.createElement("div", { ...rest, style: _style }, clone) : clone;
 };
 
 export { GridItem as default };
-//# sourceMappingURL=Item.js.map

package/dist/esm/components/molecules/Grid/Item/functions.js

@@ -11,4 +11,3 @@ const getSpan = (value, sm, md, lg) => {
 };
 
 export { getSpan };
-//# sourceMappingURL=functions.js.map

package/dist/esm/components/molecules/IconTextButton/IconTextButton.js

@@ -1,5 +1,5 @@
 import { IconComponent } from '@tecsinapse/react-core';
-import React from 'react';
+import React__default from 'react';
 import useIconTextButton from './hooks/useIconTextButton.js';
 import { StyledIconTextButton } from './styled.js';
 import TextComponent from './TextComponent.js';
@@ -14,7 +14,7 @@ const IconTextButton = ({
   ...rest
 }) => {
   const { handleHover, handlePressed, defaultFontColor } = useIconTextButton(variant);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     StyledIconTextButton,
     {
       boxed: !label,
@@ -26,15 +26,15 @@ const IconTextButton = ({
       onPressOut: () => handlePressed(false),
       ...rest
     },
-    iconPosition === "left" ? /* @__PURE__ */ React.createElement(
+    iconPosition === "left" ? /* @__PURE__ */ React__default.createElement(
       IconComponent,
       {
         iconProps,
         size,
         defaultFontColor
       }
-    ) : /* @__PURE__ */ React.createElement(React.Fragment, null),
-    /* @__PURE__ */ React.createElement(
+    ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null),
+    /* @__PURE__ */ React__default.createElement(
       TextComponent,
       {
         label,
@@ -45,16 +45,15 @@ const IconTextButton = ({
         size
       }
     ),
-    iconPosition === "right" ? /* @__PURE__ */ React.createElement(
+    iconPosition === "right" ? /* @__PURE__ */ React__default.createElement(
       IconComponent,
       {
         iconProps,
         size,
         defaultFontColor
       }
-    ) : /* @__PURE__ */ React.createElement(React.Fragment, null)
+    ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)
   );
 };
 
 export { IconTextButton as default };
-//# sourceMappingURL=IconTextButton.js.map

package/dist/esm/components/molecules/IconTextButton/TextComponent.js

@@ -1,5 +1,5 @@
 import { Text } from '@tecsinapse/react-core';
-import React from 'react';
+import React__default from 'react';
 
 const TextComponent = ({
   textProps,
@@ -7,7 +7,7 @@ const TextComponent = ({
   defaultFontColor,
   label
 }) => {
-  return label ? /* @__PURE__ */ React.createElement(
+  return label ? /* @__PURE__ */ React__default.createElement(
     Text,
     {
       typography: textProps?.typography ?? size === "small" ? "sub" : "base",
@@ -16,9 +16,8 @@ const TextComponent = ({
       ...textProps
     },
     label
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null);
+  ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
 };
-var TextComponent$1 = React.memo(TextComponent);
+var TextComponent$1 = React__default.memo(TextComponent);
 
 export { TextComponent$1 as default };
-//# sourceMappingURL=TextComponent.js.map

package/dist/esm/components/molecules/IconTextButton/hooks/useIconTextButton.js

@@ -25,4 +25,3 @@ const useIconTextButton = (variant) => {
 };
 
 export { useIconTextButton as default };
-//# sourceMappingURL=useIconTextButton.js.map

package/dist/esm/components/molecules/IconTextButton/styled.js

@@ -1,4 +1,4 @@
-import nativeStyled from '@emotion/native';
+import styled from '@emotion/native';
 import Button from '../../atoms/Button/Button.js';
 import 'react';
 
@@ -6,10 +6,9 @@ const boxedStyle = ({ theme }) => `
     padding: ${theme?.spacing.centi};
     aspect-ratio: 1;
   `;
-const StyledIconTextButton = nativeStyled(Button)`
+const StyledIconTextButton = styled(Button)`
   gap: ${({ theme }) => theme?.spacing.mili};
   ${({ boxed, theme }) => boxed && boxedStyle({ theme })};
 `;
 
 export { StyledIconTextButton };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/InputPassword/InputPassword.js

@@ -1,17 +1,17 @@
 import { InputPasswordIcon } from '@tecsinapse/react-core';
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import Input from '../../atoms/Input/Input.js';
 
-const InputPassword = React.forwardRef(
+const InputPassword = React__default.forwardRef(
   ({ rightComponent, ...rest }, ref) => {
     const [revealed, setRevealed] = useState(false);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React__default.createElement(
       Input,
       {
         ...rest,
         ref,
         secureTextEntry: !revealed,
-        rightComponent: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        rightComponent: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
           InputPasswordIcon,
           {
             onChangeState: setRevealed,
@@ -26,4 +26,3 @@ const InputPassword = React.forwardRef(
 InputPassword.displayName = "InputPassword";
 
 export { InputPassword as default };
-//# sourceMappingURL=InputPassword.js.map

package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Pressable } from 'react-native-web';
 import { StyledLabel } from './styled.js';
 
@@ -12,7 +12,7 @@ const LabelComponent = ({
 }) => {
   const defaultFontColor = active && !switchDisabled ? "dark" : "medium";
   const defaultFontWeight = active && !switchDisabled ? "bold" : "regular";
-  return /* @__PURE__ */ React.createElement(Pressable, { ...rest }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Pressable, { ...rest }, /* @__PURE__ */ React__default.createElement(
     StyledLabel,
     {
       labelPosition,
@@ -23,7 +23,6 @@ const LabelComponent = ({
     label
   ));
 };
-var LabelComponent$1 = React.memo(LabelComponent);
+var LabelComponent$1 = React__default.memo(LabelComponent);
 
 export { LabelComponent$1 as default };
-//# sourceMappingURL=LabelComponent.js.map

package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import LabelComponent from './LabelComponent.js';
 import { StyledDiv } from './styled.js';
 import Switch from '../../atoms/Switch/Switch.js';
@@ -13,7 +13,7 @@ const LabeledSwitch = ({
   rightLabel,
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(StyledDiv, null, leftLabel ? /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(StyledDiv, null, leftLabel ? /* @__PURE__ */ React__default.createElement(
     LabelComponent,
     {
       active,
@@ -24,7 +24,7 @@ const LabeledSwitch = ({
       switchDisabled: disabled,
       onPress: () => onChange(!active)
     }
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null), /* @__PURE__ */ React.createElement(
+  ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), /* @__PURE__ */ React__default.createElement(
     Switch,
     {
       active,
@@ -32,7 +32,7 @@ const LabeledSwitch = ({
       onChange,
       ...rest
     }
-  ), rightLabel ? /* @__PURE__ */ React.createElement(
+  ), rightLabel ? /* @__PURE__ */ React__default.createElement(
     LabelComponent,
     {
       active,
@@ -43,8 +43,7 @@ const LabeledSwitch = ({
       switchDisabled: disabled,
       onPress: () => onChange(!active)
     }
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null));
+  ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null));
 };
 
 export { LabeledSwitch as default };
-//# sourceMappingURL=LabeledSwitch.js.map

package/dist/esm/components/molecules/LabeledSwitch/styled.js

@@ -1,4 +1,4 @@
-import nativeStyled, { css } from '@emotion/native';
+import styled$1, { css } from '@emotion/native';
 import styled from '@emotion/styled';
 import { Text } from '@tecsinapse/react-core';
 
@@ -7,7 +7,7 @@ const StyledDiv = styled("div")`
   flex-direction: row;
   align-items: center;
 `;
-const StyledLabel = nativeStyled(Text)`
+const StyledLabel = styled$1(Text)`
   ${({ theme, labelPosition }) => {
   if (labelPosition === "right")
     return css`
@@ -21,4 +21,3 @@ const StyledLabel = nativeStyled(Text)`
 `;
 
 export { StyledDiv, StyledLabel };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/Masonry/Masonry.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { StyledMasonry, StyledColumnItem, StyledRowItem } from './styled.js';
 
 const Masonry = ({
@@ -12,21 +12,20 @@ const Masonry = ({
       { length: columns },
       () => []
     );
-    React.Children.forEach(children, (child, index) => {
-      if (child && React.isValidElement(child)) {
+    React__default.Children.forEach(children, (child, index) => {
+      if (child && React__default.isValidElement(child)) {
         columnsArray[index % columns].push(child);
       }
     });
     return columnsArray;
   };
   const renderColumn = (column) => {
-    return column.map((item, index) => /* @__PURE__ */ React.createElement(StyledRowItem, { key: index, index, spacingTop }, item));
+    return column.map((item, index) => /* @__PURE__ */ React__default.createElement(StyledRowItem, { key: index, index, spacingTop }, item));
   };
   const renderColumns = () => {
-    return getColumns().map((column, index) => /* @__PURE__ */ React.createElement(StyledColumnItem, { key: index, index, spacingLeft }, renderColumn(column)));
+    return getColumns().map((column, index) => /* @__PURE__ */ React__default.createElement(StyledColumnItem, { key: index, index, spacingLeft }, renderColumn(column)));
   };
-  return /* @__PURE__ */ React.createElement(StyledMasonry, null, renderColumns());
+  return /* @__PURE__ */ React__default.createElement(StyledMasonry, null, renderColumns());
 };
 
 export { Masonry as default };
-//# sourceMappingURL=Masonry.js.map

package/dist/esm/components/molecules/Masonry/styled.js

@@ -22,4 +22,3 @@ const StyledRowItem = styled("div")`
 `;
 
 export { StyledColumnItem, StyledMasonry, StyledRowItem };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/Menubar/MenuBlock/MenuBlock.js

@@ -1,18 +1,18 @@
-import React from 'react';
+import React__default from 'react';
 import { Text } from '@tecsinapse/react-core';
 import MenuItem from './MenuItem/MenuItem.js';
 import { StyledContainerMenu, StyledLeftComponent, StyledContainerItems } from './styled.js';
 import Masonry from '../../Masonry/Masonry.js';
 
 const MenuBlock = ({ options, toggle }) => {
-  return /* @__PURE__ */ React.createElement(Masonry, { columns: 4, spacingTop: "kilo", spacingLeft: "mega" }, options.map((data) => /* @__PURE__ */ React.createElement(React.Fragment, { key: `${data.title}` }, /* @__PURE__ */ React.createElement(StyledContainerMenu, null, data.leftComponents && /* @__PURE__ */ React.createElement(StyledLeftComponent, null, data.leftComponents), /* @__PURE__ */ React.createElement(Text, { fontWeight: "bold" }, data.title)), /* @__PURE__ */ React.createElement(StyledContainerItems, null, data.items.map(
+  return /* @__PURE__ */ React__default.createElement(Masonry, { columns: 4, spacingTop: "kilo", spacingLeft: "mega" }, options.map((data) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: `${data.title}` }, /* @__PURE__ */ React__default.createElement(StyledContainerMenu, null, data.leftComponents && /* @__PURE__ */ React__default.createElement(StyledLeftComponent, null, data.leftComponents), /* @__PURE__ */ React__default.createElement(Text, { fontWeight: "bold" }, data.title)), /* @__PURE__ */ React__default.createElement(StyledContainerItems, null, data.items.map(
     ({
       title,
       Component,
       props,
       rightComponents,
       items
-    }) => /* @__PURE__ */ React.createElement(
+    }) => /* @__PURE__ */ React__default.createElement(
       MenuItem,
       {
         items,
@@ -26,7 +26,6 @@ const MenuBlock = ({ options, toggle }) => {
     )
   )))));
 };
-var MenuBlock$1 = React.memo(MenuBlock);
+var MenuBlock$1 = React__default.memo(MenuBlock);
 
 export { MenuBlock$1 as default };
-//# sourceMappingURL=MenuBlock.js.map

package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Text, Icon } from '@tecsinapse/react-core';
 import SubMenuBlock from './SubMenuBlock/SubMenuBlock.js';
 import { StyledText, StyledRightComponent } from '../styled.js';
@@ -12,26 +12,25 @@ const MenuItem = ({
   items,
   toggle
 }) => {
-  const [open, setOpen] = React.useState(false);
+  const [open, setOpen] = React__default.useState(false);
   const noTextDecoration = { textDecoration: "none" };
   const getIconName = () => open ? "arrow-up-drop-circle-outline" : "arrow-down-drop-circle-outline";
   const handleMenuAction = () => setOpen(!open);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StyledContainerItemText, { key: title }, /* @__PURE__ */ React.createElement(Component, { ...props, style: noTextDecoration, onClick: toggle }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(StyledContainerItemText, { key: title }, /* @__PURE__ */ React__default.createElement(Component, { ...props, style: noTextDecoration, onClick: toggle }, /* @__PURE__ */ React__default.createElement(
     Text,
     {
       colorVariant: open ? "primary" : "secondary",
       colorTone: open ? "medium" : "dark"
     },
-    /* @__PURE__ */ React.createElement(StyledText, null, title)
-  )), rightComponents && !items && /* @__PURE__ */ React.createElement(StyledRightComponent, null, rightComponents), items && /* @__PURE__ */ React.createElement(StyledSubButton, { onClick: handleMenuAction }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(StyledText, null, title)
+  )), rightComponents && !items && /* @__PURE__ */ React__default.createElement(StyledRightComponent, null, rightComponents), items && /* @__PURE__ */ React__default.createElement(StyledSubButton, { onClick: handleMenuAction }, /* @__PURE__ */ React__default.createElement(
     Icon,
     {
       name: getIconName(),
       type: "material-community",
       fontColor: "orange"
     }
-  ))), open && items?.map((subItem) => /* @__PURE__ */ React.createElement(SubMenuBlock, { key: subItem.title, data: subItem, toggle })));
+  ))), open && items?.map((subItem) => /* @__PURE__ */ React__default.createElement(SubMenuBlock, { key: subItem.title, data: subItem, toggle })));
 };
 
 export { MenuItem as default };
-//# sourceMappingURL=MenuItem.js.map

package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Text } from '@tecsinapse/react-core';
 import { StyledText, StyledRightComponent } from '../../styled.js';
 import { StyledContainerItem, DummyBorder } from './styled.js';
@@ -6,8 +6,7 @@ import { StyledContainerItem, DummyBorder } from './styled.js';
 const SubMenuBlock = ({ data, toggle }) => {
   const { Component, props, rightComponents, title } = data;
   const noTextDecoration = { textDecoration: "none" };
-  return /* @__PURE__ */ React.createElement(StyledContainerItem, null, /* @__PURE__ */ React.createElement(DummyBorder, null), /* @__PURE__ */ React.createElement(Component, { ...props, style: noTextDecoration, onClick: toggle }, /* @__PURE__ */ React.createElement(Text, { colorVariant: "secondary", colorTone: "medium", typography: "sub" }, /* @__PURE__ */ React.createElement(StyledText, null, title))), rightComponents && /* @__PURE__ */ React.createElement(StyledRightComponent, null, rightComponents));
+  return /* @__PURE__ */ React__default.createElement(StyledContainerItem, null, /* @__PURE__ */ React__default.createElement(DummyBorder, null), /* @__PURE__ */ React__default.createElement(Component, { ...props, style: noTextDecoration, onClick: toggle }, /* @__PURE__ */ React__default.createElement(Text, { colorVariant: "secondary", colorTone: "medium", typography: "sub" }, /* @__PURE__ */ React__default.createElement(StyledText, null, title))), rightComponents && /* @__PURE__ */ React__default.createElement(StyledRightComponent, null, rightComponents));
 };
 
 export { SubMenuBlock as default };
-//# sourceMappingURL=SubMenuBlock.js.map

package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js

@@ -11,4 +11,3 @@ const DummyBorder = styled("div")`
 `;
 
 export { DummyBorder, StyledContainerItem };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/styled.js

@@ -15,4 +15,3 @@ const StyledSubButton = styled("span")`
 `;
 
 export { StyledContainerItemText, StyledSubButton };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/Menubar/MenuBlock/styled.js

@@ -29,4 +29,3 @@ const StyledText = styled("span")`
 `;
 
 export { StyledContainerItems, StyledContainerMenu, StyledLeftComponent, StyledRightComponent, StyledText };
-//# sourceMappingURL=styled.js.map