@tecsinapse/react-web-kit 1.22.0 → 1.22.1-beta.2

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

@@ -1,24 +0,0 @@
-import nativeStyled, { css } from '@emotion/native';
-import styled from '@emotion/styled';
-import { Text } from '@tecsinapse/react-core';
-
-const StyledDiv = styled("div")`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`;
-const StyledLabel = nativeStyled(Text)`
-  ${({ theme, labelPosition }) => {
-  if (labelPosition === "right")
-    return css`
-        margin-left: ${theme == null ? void 0 : theme.spacing.centi};
-      `;
-  else if (labelPosition === "left")
-    return css`
-        margin-right: ${theme == null ? void 0 : theme.spacing.centi};
-      `;
-}}
-`;
-
-export { StyledDiv, StyledLabel };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/LabeledSwitch/styled.ts"],"sourcesContent":["import { css, default as nativeStyled } from '@emotion/native';\nimport { default as webStyled } from '@emotion/styled';\nimport { LabelPositionOptions, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledDiv = webStyled('div')`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledLabel = nativeStyled(Text)<\n  Partial<StyleProps> & {\n    labelPosition: LabelPositionOptions;\n  }\n>`\n  ${({ theme, labelPosition }) => {\n    if (labelPosition === 'right')\n      return css`\n        margin-left: ${theme?.spacing.centi};\n      `;\n    else if (labelPosition === 'left')\n      return css`\n        margin-right: ${theme?.spacing.centi};\n      `;\n  }}\n`;\n"],"names":["webStyled"],"mappings":";;;;AAIa,MAAA,SAAA,GAAYA,OAAU,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAM3B,MAAA,WAAA,GAAc,aAAa,IAAI,CAAA,CAAA;AAAA,EAAA,EAKxC,CAAC,EAAE,KAAO,EAAA,aAAA,EAAoB,KAAA;AAC9B,EAAA,IAAI,aAAkB,KAAA,OAAA;AACpB,IAAO,OAAA,GAAA,CAAA;AAAA,qBAAA,EACU,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAEzB,aAAkB,KAAA,MAAA;AACzB,IAAO,OAAA,GAAA,CAAA;AAAA,sBAAA,EACW,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAErC,CAAA,CAAA;AAAA;;;;"}

package/esm/components/molecules/Masonry/Masonry.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { SpacingType } from '@tecsinapse/react-core';
-export interface MasonryProps {
-    columns: number;
-    spacingLeft: SpacingType;
-    spacingTop: SpacingType;
-}
-declare const Masonry: React.FC<MasonryProps>;
-export default Masonry;

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

@@ -1,40 +0,0 @@
-import React from 'react';
-import { StyledMasonry, StyledColumnItem, StyledRowItem } from './styled.js';
-
-const Masonry = ({
-  children,
-  columns,
-  spacingTop,
-  spacingLeft
-}) => {
-  const getColumns = () => {
-    const columnsArray = Array.from(
-      { length: columns },
-      () => []
-    );
-    React.Children.forEach(children, (child, index) => {
-      if (child && React.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));
-  };
-  const renderColumns = () => {
-    return getColumns().map((column, index) => /* @__PURE__ */ React.createElement(StyledColumnItem, {
-      key: index,
-      index,
-      spacingLeft
-    }, renderColumn(column)));
-  };
-  return /* @__PURE__ */ React.createElement(StyledMasonry, null, renderColumns());
-};
-
-export { Masonry as default };
-//# sourceMappingURL=Masonry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Masonry.js","sources":["../../../../src/components/molecules/Masonry/Masonry.tsx"],"sourcesContent":["import React from 'react';\nimport { SpacingType } from '@tecsinapse/react-core';\nimport { StyledColumnItem, StyledRowItem, StyledMasonry } from './styled';\n\nexport interface MasonryProps {\n  columns: number;\n  /** Spacing to the left of every block on index % column !== 0 */\n  spacingLeft: SpacingType;\n  /** Spacing to the top of every block on index >= column */\n  spacingTop: SpacingType;\n}\n\nconst Masonry: React.FC<MasonryProps> = ({\n  children,\n  columns,\n  spacingTop,\n  spacingLeft,\n}) => {\n  const getColumns = () => {\n    const columnsArray: React.ReactNode[][] = Array.from(\n      { length: columns },\n      () => []\n    );\n\n    React.Children.forEach(children, (child, index) => {\n      if (child && React.isValidElement(child)) {\n        columnsArray[index % columns].push(child);\n      }\n    });\n\n    return columnsArray;\n  };\n\n  const renderColumn = column => {\n    return column.map((item, index) => (\n      <StyledRowItem key={index} index={index} spacingTop={spacingTop}>\n        {item}\n      </StyledRowItem>\n    ));\n  };\n\n  const renderColumns = () => {\n    return getColumns().map((column, index) => (\n      <StyledColumnItem key={index} index={index} spacingLeft={spacingLeft}>\n        {renderColumn(column)}\n      </StyledColumnItem>\n    ));\n  };\n\n  return <StyledMasonry>{renderColumns()}</StyledMasonry>;\n};\n\nexport default Masonry;\n"],"names":[],"mappings":";;;AAYA,MAAM,UAAkC,CAAC;AAAA,EACvC,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,MAAM,eAAoC,KAAM,CAAA,IAAA;AAAA,MAC9C,EAAE,QAAQ,OAAQ,EAAA;AAAA,MAClB,MAAM,EAAC;AAAA,KACT,CAAA;AAEA,IAAA,KAAA,CAAM,QAAS,CAAA,OAAA,CAAQ,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AACjD,MAAA,IAAI,KAAS,IAAA,KAAA,CAAM,cAAe,CAAA,KAAK,CAAG,EAAA;AACxC,QAAa,YAAA,CAAA,KAAA,GAAQ,OAAS,CAAA,CAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,OAC1C;AAAA,KACD,CAAA,CAAA;AAED,IAAO,OAAA,YAAA,CAAA;AAAA,GACT,CAAA;AAEA,EAAA,MAAM,eAAe,CAAU,MAAA,KAAA;AAC7B,IAAA,OAAO,MAAO,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,0BACtB,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,MAAc,GAAK,EAAA,KAAA;AAAA,MAAO,KAAA;AAAA,MAAc,UAAA;AAAA,KAAA,EACtC,IACH,CACD,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,OAAO,YAAa,CAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,0BAC9B,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,MAAiB,GAAK,EAAA,KAAA;AAAA,MAAO,KAAA;AAAA,MAAc,WAAA;AAAA,KACzC,EAAA,YAAA,CAAa,MAAM,CACtB,CACD,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,aAAe,EAAA,IAAA,EAAA,aAAA,EAAgB,CAAA,CAAA;AACzC;;;;"}

package/esm/components/molecules/Masonry/index.d.ts

@@ -1 +0,0 @@
-export { default as Masonry } from './Masonry';

package/esm/components/molecules/Masonry/styled.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const StyledColumnItem: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledMasonry: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledRowItem: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,25 +0,0 @@
-import styled from '@emotion/styled';
-
-const StyledColumnItem = styled("div")`
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-content: stretch;
-  flex: 1;
-  width: 0;
-  margin-left: ${({ theme, index, spacingLeft = "nano" }) => index > 0 ? theme.spacing[spacingLeft] : "initial"};
-`;
-const StyledMasonry = styled("div")`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-content: stretch;
-  box-sizing: border-box;
-  width: 100%;
-`;
-const StyledRowItem = styled("div")`
-  margin-top: ${({ theme, index, spacingTop = "nano" }) => index > 0 ? theme.spacing[spacingTop] : "initial"};
-`;
-
-export { StyledColumnItem, StyledMasonry, StyledRowItem };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/Masonry/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { MasonryProps } from './Masonry';\n\nexport const StyledColumnItem = styled('div')<\n  Partial<StyleProps> & { index: number } & Partial<MasonryProps>\n>`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-content: stretch;\n  flex: 1;\n  width: 0;\n  margin-left: ${({ theme, index, spacingLeft = 'nano' }) =>\n    index > 0 ? theme.spacing[spacingLeft] : 'initial'};\n`;\n\nexport const StyledMasonry = styled('div')`\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-content: stretch;\n  box-sizing: border-box;\n  width: 100%;\n`;\n\nexport const StyledRowItem = styled('div')<\n  Partial<StyleProps> & { index: number } & Partial<MasonryProps>\n>`\n  margin-top: ${({ theme, index, spacingTop = 'nano' }) =>\n    index > 0 ? theme.spacing[spacingTop] : 'initial'};\n`;\n"],"names":[],"mappings":";;AAIa,MAAA,gBAAA,GAAmB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAS3B,EAAA,CAAC,EAAE,KAAA,EAAO,KAAO,EAAA,WAAA,GAAc,MAAO,EAAA,KACnD,KAAQ,GAAA,CAAA,GAAI,KAAM,CAAA,OAAA,CAAQ,WAAe,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA;AAGhC,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS5B,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA,cAGzB,EAAA,CAAC,EAAE,KAAA,EAAO,KAAO,EAAA,UAAA,GAAa,MAAO,EAAA,KACjD,KAAQ,GAAA,CAAA,GAAI,KAAM,CAAA,OAAA,CAAQ,UAAc,CAAA,GAAA,SAAA,CAAA;AAAA;;;;"}

package/esm/components/molecules/Menubar/MenuBlock/MenuBlock.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { OptionsType } from '../types';
-interface MenuBlockProps {
-    toggle: () => void;
-    options: OptionsType[];
-}
-declare const _default: React.NamedExoticComponent<MenuBlockProps>;
-export default _default;

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

@@ -1,37 +0,0 @@
-import React 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(
-    ({
-      title,
-      Component,
-      props,
-      rightComponents,
-      items
-    }) => /* @__PURE__ */ React.createElement(MenuItem, {
-      items,
-      key: title,
-      title,
-      Component,
-      rightComponents,
-      props,
-      toggle
-    })
-  )))));
-};
-var MenuBlock$1 = React.memo(MenuBlock);
-
-export { MenuBlock$1 as default };
-//# sourceMappingURL=MenuBlock.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MenuBlock.js","sources":["../../../../../src/components/molecules/Menubar/MenuBlock/MenuBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { MenuItem } from './MenuItem';\nimport {\n  StyledContainerItems,\n  StyledContainerMenu,\n  StyledLeftComponent,\n} from './styled';\nimport { ItemsOptions, OptionsType } from '../types';\nimport { Masonry } from '../../Masonry';\n\ninterface MenuBlockProps {\n  toggle: () => void;\n  options: OptionsType[];\n}\n\nconst MenuBlock: React.FC<MenuBlockProps> = ({ options, toggle }) => {\n  return (\n    <Masonry columns={4} spacingTop=\"kilo\" spacingLeft=\"mega\">\n      {options.map(data => (\n        <React.Fragment key={`${data.title}`}>\n          <StyledContainerMenu>\n            {data.leftComponents && (\n              <StyledLeftComponent>{data.leftComponents}</StyledLeftComponent>\n            )}\n            <Text fontWeight=\"bold\">{data.title}</Text>\n          </StyledContainerMenu>\n          <StyledContainerItems>\n            {data.items.map(\n              ({\n                title,\n                Component,\n                props,\n                rightComponents,\n                items,\n              }: ItemsOptions) => (\n                <MenuItem\n                  items={items}\n                  key={title}\n                  title={title}\n                  Component={Component}\n                  rightComponents={rightComponents}\n                  props={props}\n                  toggle={toggle}\n                />\n              )\n            )}\n          </StyledContainerItems>\n        </React.Fragment>\n      ))}\n    </Masonry>\n  );\n};\n\nexport default React.memo(MenuBlock);\n"],"names":[],"mappings":";;;;;;AAgBA,MAAM,SAAsC,GAAA,CAAC,EAAE,OAAA,EAAS,QAAa,KAAA;AACnE,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,OAAS,EAAA,CAAA;AAAA,IAAG,UAAW,EAAA,MAAA;AAAA,IAAO,WAAY,EAAA,MAAA;AAAA,GAAA,EAChD,OAAQ,CAAA,GAAA,CAAI,CACX,IAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,QAAN,EAAA;AAAA,IAAe,GAAA,EAAK,GAAG,IAAK,CAAA,KAAA,CAAA,CAAA;AAAA,GAC3B,kBAAA,KAAA,CAAA,aAAA,CAAC,2BACE,IAAK,CAAA,cAAA,wCACH,mBAAqB,EAAA,IAAA,EAAA,IAAA,CAAK,cAAe,CAAA,kBAE3C,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,UAAW,EAAA,MAAA;AAAA,GAAA,EAAQ,KAAK,KAAM,CACtC,mBACC,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAA,EACE,KAAK,KAAM,CAAA,GAAA;AAAA,IACV,CAAC;AAAA,MACC,KAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,MACA,KAAA;AAAA,0BAEC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MACC,KAAA;AAAA,MACA,GAAK,EAAA,KAAA;AAAA,MACL,KAAA;AAAA,MACA,SAAA;AAAA,MACA,eAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA;AAAA,KACF,CAAA;AAAA,GAGN,CACF,CACD,CACH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,kBAAe,KAAA,CAAM,KAAK,SAAS,CAAA;;;;"}

package/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.d.ts

@@ -1,12 +0,0 @@
-import React, { ElementType } from 'react';
-import { ItemsOptions } from '../../types';
-interface MenuItemProps {
-    title: string;
-    Component: ElementType;
-    props: any;
-    toggle: () => void;
-    rightComponents?: React.ReactNode;
-    items?: ItemsOptions[];
-}
-declare const MenuItem: React.FC<MenuItemProps>;
-export default MenuItem;

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

@@ -1,60 +0,0 @@
-import React from 'react';
-import { Text, Icon } from '@tecsinapse/react-core';
-import SubMenuBlock from './SubMenuBlock/SubMenuBlock.js';
-import { StyledText, StyledRightComponent } from '../styled.js';
-import { StyledContainerItemText, StyledSubButton } from './styled.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const MenuItem = ({
-  title,
-  Component = "a",
-  props = {},
-  rightComponents,
-  items,
-  toggle
-}) => {
-  const [open, setOpen] = React.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, __spreadProps(__spreadValues({}, props), {
-    style: noTextDecoration,
-    onClick: toggle
-  }), /* @__PURE__ */ React.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(Icon, {
-    name: getIconName(),
-    type: "material-community",
-    fontColor: "orange"
-  }))), open && (items == null ? void 0 : items.map((subItem) => /* @__PURE__ */ React.createElement(SubMenuBlock, {
-    key: subItem.title,
-    data: subItem,
-    toggle
-  }))));
-};
-
-export { MenuItem as default };
-//# sourceMappingURL=MenuItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { SubMenuBlock } from './SubMenuBlock';\nimport { StyledRightComponent, StyledText } from '../styled';\nimport { StyledContainerItemText, StyledSubButton } from './styled';\nimport { ItemsOptions } from '../../types';\n\ninterface MenuItemProps {\n  title: string;\n  /** Wrapping component for element. This is used for navigation */\n  Component: ElementType;\n  /** Properties spread to wrapping Component */\n  props: any;\n  toggle: () => void;\n  rightComponents?: React.ReactNode;\n  items?: ItemsOptions[];\n}\n\nconst MenuItem: React.FC<MenuItemProps> = ({\n  title,\n  Component = 'a',\n  props = {},\n  rightComponents,\n  items,\n  toggle,\n}) => {\n  const [open, setOpen] = React.useState<boolean>(false);\n\n  const noTextDecoration = { textDecoration: 'none' };\n\n  const getIconName = () =>\n    open ? 'arrow-up-drop-circle-outline' : 'arrow-down-drop-circle-outline';\n\n  const handleMenuAction = () => setOpen(!open);\n\n  return (\n    <>\n      <StyledContainerItemText key={title}>\n        <Component {...props} style={noTextDecoration} onClick={toggle}>\n          <Text\n            colorVariant={open ? 'primary' : 'secondary'}\n            colorTone={open ? 'medium' : 'dark'}\n          >\n            <StyledText>{title}</StyledText>\n          </Text>\n        </Component>\n        {rightComponents && !items && (\n          <StyledRightComponent>{rightComponents}</StyledRightComponent>\n        )}\n        {items && (\n          <StyledSubButton onClick={handleMenuAction}>\n            <Icon\n              name={getIconName()}\n              type=\"material-community\"\n              fontColor=\"orange\"\n            />\n          </StyledSubButton>\n        )}\n      </StyledContainerItemText>\n      {open &&\n        items?.map(subItem => (\n          <SubMenuBlock key={subItem.title} data={subItem} toggle={toggle} />\n        ))}\n    </>\n  );\n};\n\nexport default MenuItem;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,WAAoC,CAAC;AAAA,EACzC,KAAA;AAAA,EACA,SAAY,GAAA,GAAA;AAAA,EACZ,QAAQ,EAAC;AAAA,EACT,eAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAAkB,KAAK,CAAA,CAAA;AAErD,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAElD,EAAM,MAAA,WAAA,GAAc,MAClB,IAAA,GAAO,8BAAiC,GAAA,gCAAA,CAAA;AAE1C,EAAA,MAAM,gBAAmB,GAAA,MAAM,OAAQ,CAAA,CAAC,IAAI,CAAA,CAAA;AAE5C,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA;AAAA,IAAwB,GAAK,EAAA,KAAA;AAAA,GAC5B,kBAAA,KAAA,CAAA,aAAA,CAAC,4CAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,KAAO,EAAA,gBAAA;AAAA,IAAkB,OAAS,EAAA,MAAA;AAAA,GAAA,CAAA,kBACrD,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,YAAA,EAAc,OAAO,SAAY,GAAA,WAAA;AAAA,IACjC,SAAA,EAAW,OAAO,QAAW,GAAA,MAAA;AAAA,GAAA,kBAE5B,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,EAAY,KAAM,CACrB,CACF,CACC,EAAA,eAAA,IAAmB,CAAC,KAAA,oBAClB,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAA,EAAsB,eAAgB,CAAA,EAExC,yBACE,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA;AAAA,IAAgB,OAAS,EAAA,gBAAA;AAAA,GAAA,kBACvB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,MAAM,WAAY,EAAA;AAAA,IAClB,IAAK,EAAA,oBAAA;AAAA,IACL,SAAU,EAAA,QAAA;AAAA,GACZ,CACF,CAEJ,CAAA,EACC,SACC,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAI,6BACR,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,IAAa,KAAK,OAAQ,CAAA,KAAA;AAAA,IAAO,IAAM,EAAA,OAAA;AAAA,IAAS,MAAA;AAAA,GAAgB,CAEvE,CAAA,CAAA,CAAA,CAAA;AAEJ;;;;"}

package/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { ItemsOptions } from '../../../types';
-interface SubMenuBlockProps {
-    data: ItemsOptions;
-    toggle: () => void;
-}
-declare const SubMenuBlock: React.FC<SubMenuBlockProps>;
-export default SubMenuBlock;

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

@@ -1,39 +0,0 @@
-import React from 'react';
-import { Text } from '@tecsinapse/react-core';
-import { StyledText, StyledRightComponent } from '../../styled.js';
-import { StyledContainerItem, DummyBorder } from './styled.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-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, __spreadProps(__spreadValues({}, 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));
-};
-
-export { SubMenuBlock as default };
-//# sourceMappingURL=SubMenuBlock.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SubMenuBlock.js","sources":["../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { StyledRightComponent, StyledText } from '../../styled';\nimport { ItemsOptions } from '../../../types';\nimport { DummyBorder, StyledContainerItem } from './styled';\n\ninterface SubMenuBlockProps {\n  data: ItemsOptions;\n  toggle: () => void;\n}\n\nconst SubMenuBlock: React.FC<SubMenuBlockProps> = ({ data, toggle }) => {\n  const { Component, props, rightComponents, title } = data;\n\n  const noTextDecoration = { textDecoration: 'none' };\n\n  return (\n    <StyledContainerItem>\n      <DummyBorder />\n      <Component {...props} style={noTextDecoration} onClick={toggle}>\n        <Text colorVariant=\"secondary\" colorTone=\"medium\" typography=\"sub\">\n          <StyledText>{title}</StyledText>\n        </Text>\n      </Component>\n      {rightComponents && (\n        <StyledRightComponent>{rightComponents}</StyledRightComponent>\n      )}\n    </StyledContainerItem>\n  );\n};\n\nexport default SubMenuBlock;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,YAA4C,GAAA,CAAC,EAAE,IAAA,EAAM,QAAa,KAAA;AACtE,EAAA,MAAM,EAAE,SAAA,EAAW,KAAO,EAAA,eAAA,EAAiB,OAAU,GAAA,IAAA,CAAA;AAErD,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAElD,EAAA,2CACG,mBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAY,CACb,kBAAA,KAAA,CAAA,aAAA,CAAC,4CAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,KAAO,EAAA,gBAAA;AAAA,IAAkB,OAAS,EAAA,MAAA;AAAA,GAAA,CAAA,kBACrD,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,YAAa,EAAA,WAAA;AAAA,IAAY,SAAU,EAAA,QAAA;AAAA,IAAS,UAAW,EAAA,KAAA;AAAA,GAC3D,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAY,EAAA,IAAA,EAAA,KAAM,CACrB,CACF,GACC,eACC,oBAAA,KAAA,CAAA,aAAA,CAAC,oBAAsB,EAAA,IAAA,EAAA,eAAgB,CAE3C,CAAA,CAAA;AAEJ;;;;"}

package/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/index.d.ts

@@ -1 +0,0 @@
-export { default as SubMenuBlock } from './SubMenuBlock';

package/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const StyledContainerItem: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DummyBorder: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,14 +0,0 @@
-import styled from '@emotion/styled';
-
-const StyledContainerItem = styled("div")`
-  display: flex;
-  align-items: center;
-`;
-const DummyBorder = styled("div")`
-  height: ${({ theme }) => theme.typography.sub.fontSize};
-  border-left: ${({ theme }) => `${theme.borderWidth.pico} solid ${theme.color.primary.medium}`};
-  margin-right: ${({ theme }) => theme.spacing.mili};
-`;
-
-export { DummyBorder, StyledContainerItem };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  align-items: center;\n`;\n\nexport const DummyBorder = styled('div')<Partial<StyleProps>>`\n  height: ${({ theme }) => theme.typography.sub.fontSize};\n  border-left: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${theme.color.primary.medium}`};\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKlC,MAAA,WAAA,GAAc,OAAO,KAAK,CAAA,CAAA;AAAA,UAAA,EAC3B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,GAAI,CAAA,QAAA,CAAA;AAAA,eAC/B,EAAA,CAAC,EAAE,KAAA,EAChB,KAAA,CAAA,EAAG,MAAM,WAAY,CAAA,IAAA,CAAA,OAAA,EAAc,KAAM,CAAA,KAAA,CAAM,OAAQ,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,gBAAA,EACzC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;;;;"}

package/esm/components/molecules/Menubar/MenuBlock/MenuItem/index.d.ts

@@ -1 +0,0 @@
-export { default as MenuItem } from './MenuItem';

package/esm/components/molecules/Menubar/MenuBlock/MenuItem/styled.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const StyledContainerItemText: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledSubButton: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1,18 +0,0 @@
-import styled from '@emotion/styled';
-
-const StyledContainerItemText = styled("div")`
-  margin-top: ${({ theme }) => theme.spacing.mili};
-  display: flex;
-  align-items: center;
-`;
-const StyledSubButton = styled("span")`
-  padding-top: ${({ theme }) => theme.spacing.nano} 0 0 0;
-  margin-left: ${({ theme }) => theme.spacing.mili};
-  cursor: pointer;
-  & * {
-    user-select: none;
-  }
-`;
-
-export { StyledContainerItemText, StyledSubButton };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItemText = styled('div')<Partial<StyleProps>>`\n  margin-top: ${({ theme }) => theme.spacing.mili};\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledSubButton = styled('span')<Partial<StyleProps>>`\n  padding-top: ${({ theme }) => theme.spacing.nano} 0 0 0;\n  margin-left: ${({ theme }) => theme.spacing.mili};\n  cursor: pointer;\n  & * {\n    user-select: none;\n  }\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,uBAAA,GAA0B,OAAO,KAAK,CAAA,CAAA;AAAA,cAAA,EACnC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKhC,MAAA,eAAA,GAAkB,OAAO,MAAM,CAAA,CAAA;AAAA,eAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,eAAA,EAC7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/esm/components/molecules/Menubar/MenuBlock/index.d.ts

@@ -1 +0,0 @@
-export { default as MenuBlock } from './MenuBlock';

package/esm/components/molecules/Menubar/MenuBlock/styled.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const StyledLeftComponent: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledRightComponent: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledContainerMenu: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledContainerItems: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledText: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1,32 +0,0 @@
-import styled from '@emotion/styled';
-import { hex2rgba } from '@tecsinapse/react-core';
-
-const StyledLeftComponent = styled("div")`
-  margin-right: ${({ theme }) => theme.spacing.mili};
-`;
-const StyledRightComponent = styled("div")`
-  margin-left: ${({ theme }) => theme.spacing.mili};
-`;
-const StyledContainerMenu = styled("div")`
-  flex-direction: row;
-  display: flex;
-  align-items: center;
-  border-bottom: ${({ theme }) => `${theme.borderWidth.pico} solid ${hex2rgba(
-  theme.miscellaneous.shadow,
-  0.05
-)}`};
-  width: 100%;
-  padding-bottom: ${({ theme }) => theme.spacing.mili};
-`;
-const StyledContainerItems = styled("div")`
-  display: flex;
-  flex-direction: column;
-`;
-const StyledText = styled("span")`
-  &:hover {
-    color: ${({ theme }) => theme.font.color.orange};
-  }
-`;
-
-export { StyledContainerItems, StyledContainerMenu, StyledLeftComponent, StyledRightComponent, StyledText };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Menubar/MenuBlock/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledLeftComponent = styled('div')<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledRightComponent = styled('div')<Partial<StyleProps>>`\n  margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerMenu = styled('div')<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  border-bottom: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${hex2rgba(\n      theme.miscellaneous.shadow,\n      0.05\n    )}`};\n  width: 100%;\n  padding-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerItems = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const StyledText = styled('span')<Partial<StyleProps>>`\n  &:hover {\n    color: ${({ theme }) => theme.font.color.orange};\n  }\n`;\n"],"names":[],"mappings":";;;AAGa,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA,gBAAA,EAC7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,oBAAA,GAAuB,OAAO,KAAK,CAAA,CAAA;AAAA,eAAA,EAC/B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGjC,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,iBAAA,EAI5B,CAAC,EAAE,KAAA,OAClB,CAAG,EAAA,KAAA,CAAM,YAAY,IAAc,CAAA,OAAA,EAAA,QAAA;AAAA,EACjC,MAAM,aAAc,CAAA,MAAA;AAAA,EACpB,IAAA;AACF,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,kBAAA,EAEgB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGpC,MAAA,oBAAA,GAAuB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKnC,MAAA,UAAA,GAAa,OAAO,MAAM,CAAA,CAAA;AAAA;AAAA,WAAA,EAE1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,MAAA,CAAA;AAAA;AAAA;;;;"}

package/esm/components/molecules/Menubar/Menubar.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { MostUsedType, OptionsType } from './types';
-export interface MenubarProps extends React.HTMLAttributes<HTMLDivElement> {
-    options: OptionsType[];
-    leftComponents?: React.ReactNode;
-    rightComponents?: React.ReactNode;
-    mostUsed?: MostUsedType[];
-    mostUsedLabel?: string;
-    searchable?: boolean;
-    searchPlaceholder?: string;
-    searchResultsLabel?: string;
-}
-declare const Menubar: React.FC<MenubarProps>;
-export default Menubar;

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

@@ -1,127 +0,0 @@
-import React, { useRef } from 'react';
-import { useDebouncedState, Icon, Text } from '@tecsinapse/react-core';
-import { Transition } from 'react-transition-group';
-import { StyledMenuBar, StyledMenuButton, StyledInputContainer, StyledInput, StyledIconInput, StyledContainerOpenMenu, StyledSearchResultsContainer, StyledSearchTextContainer } from './styled.js';
-import MostUsed from './MostUsed/MostUsed.js';
-import MenuBlock from './MenuBlock/MenuBlock.js';
-import SearchResultItem from './SearchResultItem/SearchResultItem.js';
-import { filterAndTransform } from './utils.js';
-import { getInputContainerStyles, getContainerOpenMenuStyles } from './animations.js';
-import { useClickAwayListener } from '../../../hooks/useClickAwayListener.js';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Menubar = (_a) => {
-  var _b = _a, {
-    leftComponents,
-    rightComponents,
-    searchPlaceholder = "O qu\xEA voc\xEA deseja buscar?",
-    options,
-    mostUsed,
-    mostUsedLabel = "Mais acessados",
-    searchResultsLabel = "Resultados da busca",
-    searchable = true
-  } = _b, rest = __objRest(_b, [
-    "leftComponents",
-    "rightComponents",
-    "searchPlaceholder",
-    "options",
-    "mostUsed",
-    "mostUsedLabel",
-    "searchResultsLabel",
-    "searchable"
-  ]);
-  const [search, setSearch] = React.useState("");
-  const [results, setResults] = React.useState([]);
-  const [input, setInput] = useDebouncedState("", setSearch);
-  const [open, setOpen] = React.useState(false);
-  const menuRef = useRef(null);
-  useClickAwayListener(menuRef, setOpen, "mouseup");
-  const toggleOpen = React.useCallback(
-    () => setOpen((state) => !state),
-    [setOpen]
-  );
-  React.useEffect(() => {
-    if (search === "")
-      return;
-    setResults(filterAndTransform(options, search));
-  }, [search]);
-  return /* @__PURE__ */ React.createElement("div", __spreadValues({
-    ref: (ref) => menuRef.current = ref
-  }, rest), /* @__PURE__ */ React.createElement(StyledMenuBar, null, /* @__PURE__ */ React.createElement(StyledMenuButton, {
-    variant: "filled",
-    color: "primary",
-    onPress: toggleOpen
-  }, !open ? /* @__PURE__ */ React.createElement(Icon, {
-    size: "deca",
-    name: "menu",
-    type: "material-community",
-    fontColor: "light"
-  }) : /* @__PURE__ */ React.createElement(Icon, {
-    size: "deca",
-    name: "close",
-    type: "material-community",
-    fontColor: "light"
-  })), leftComponents, /* @__PURE__ */ React.createElement(Transition, {
-    in: open,
-    timeout: 250
-  }, (state) => /* @__PURE__ */ React.createElement(StyledInputContainer, {
-    style: getInputContainerStyles(state)
-  }, searchable && /* @__PURE__ */ React.createElement(StyledInput, {
-    placeholder: searchPlaceholder,
-    leftComponent: /* @__PURE__ */ React.createElement(StyledIconInput, null, /* @__PURE__ */ React.createElement(Icon, {
-      name: "magnify",
-      type: "material-community"
-    })),
-    value: input,
-    onChange: setInput
-  }))), rightComponents), /* @__PURE__ */ React.createElement(Transition, {
-    in: open,
-    timeout: 250
-  }, (state) => /* @__PURE__ */ React.createElement(StyledContainerOpenMenu, {
-    style: getContainerOpenMenuStyles(state)
-  }, !search ? /* @__PURE__ */ React.createElement(React.Fragment, null, mostUsed && /* @__PURE__ */ React.createElement(MostUsed, {
-    label: mostUsedLabel,
-    data: mostUsed,
-    toggle: toggleOpen
-  }), /* @__PURE__ */ React.createElement(MenuBlock, {
-    options,
-    toggle: toggleOpen
-  })) : /* @__PURE__ */ React.createElement(StyledSearchResultsContainer, null, /* @__PURE__ */ React.createElement(StyledSearchTextContainer, null, /* @__PURE__ */ React.createElement(Text, {
-    fontWeight: "bold"
-  }, searchResultsLabel)), results.map((result) => /* @__PURE__ */ React.createElement(SearchResultItem, {
-    key: `${result.title}-${result.category}`,
-    data: result,
-    searchTerm: search,
-    toggle: toggleOpen
-  }))))));
-};
-
-export { Menubar as default };
-//# sourceMappingURL=Menubar.js.map

package/esm/components/molecules/Menubar/Menubar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menubar.js","sources":["../../../../src/components/molecules/Menubar/Menubar.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Icon, Text, useDebouncedState } from '@tecsinapse/react-core';\nimport { Transition } from 'react-transition-group';\nimport {\n  StyledIconInput,\n  StyledMenuBar,\n  StyledMenuButton,\n  StyledContainerOpenMenu,\n  StyledInput,\n  StyledInputContainer,\n  StyledSearchResultsContainer,\n  StyledSearchTextContainer,\n} from './styled';\nimport { MostUsedType, OptionsType } from './types';\nimport { MostUsed } from './MostUsed';\nimport { MenuBlock } from './MenuBlock';\nimport { SearchResultItem } from './SearchResultItem';\nimport { filterAndTransform } from './utils';\nimport {\n  getContainerOpenMenuStyles,\n  getInputContainerStyles,\n} from './animations';\nimport { useClickAwayListener } from '../../../hooks';\n\nexport interface MenubarProps extends React.HTMLAttributes<HTMLDivElement> {\n  options: OptionsType[];\n  leftComponents?: React.ReactNode;\n  rightComponents?: React.ReactNode;\n  /** Limited to first 4 elements */\n  mostUsed?: MostUsedType[];\n  mostUsedLabel?: string;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  searchResultsLabel?: string;\n}\n\nconst Menubar: React.FC<MenubarProps> = ({\n  leftComponents,\n  rightComponents,\n  searchPlaceholder = 'O quê você deseja buscar?',\n  options,\n  mostUsed,\n  mostUsedLabel = 'Mais acessados',\n  searchResultsLabel = 'Resultados da busca',\n  searchable = true,\n  ...rest\n}) => {\n  const [search, setSearch] = React.useState<string>('');\n  const [results, setResults] = React.useState<MostUsedType[]>([]);\n  const [input, setInput] = useDebouncedState<string>('', setSearch);\n  const [open, setOpen] = React.useState<boolean>(false);\n  const menuRef = useRef<HTMLDivElement | null>(null);\n  useClickAwayListener(menuRef, setOpen, 'mouseup');\n\n  const toggleOpen = React.useCallback(\n    () => setOpen(state => !state),\n    [setOpen]\n  );\n\n  React.useEffect(() => {\n    if (search === '') return;\n    setResults(filterAndTransform(options, search));\n  }, [search]);\n\n  return (\n    <div ref={ref => (menuRef.current = ref)} {...rest}>\n      <StyledMenuBar>\n        <StyledMenuButton variant=\"filled\" color=\"primary\" onPress={toggleOpen}>\n          {!open ? (\n            <Icon\n              size=\"deca\"\n              name=\"menu\"\n              type=\"material-community\"\n              fontColor=\"light\"\n            />\n          ) : (\n            <Icon\n              size=\"deca\"\n              name=\"close\"\n              type=\"material-community\"\n              fontColor=\"light\"\n            />\n          )}\n        </StyledMenuButton>\n        {leftComponents}\n        <Transition in={open} timeout={250}>\n          {state => (\n            <StyledInputContainer style={getInputContainerStyles(state)}>\n              {searchable && (\n                <StyledInput\n                  placeholder={searchPlaceholder}\n                  leftComponent={\n                    <StyledIconInput>\n                      <Icon name=\"magnify\" type=\"material-community\" />\n                    </StyledIconInput>\n                  }\n                  value={input}\n                  onChange={setInput}\n                />\n              )}\n            </StyledInputContainer>\n          )}\n        </Transition>\n        {rightComponents}\n      </StyledMenuBar>\n      <Transition in={open} timeout={250}>\n        {state => (\n          <StyledContainerOpenMenu style={getContainerOpenMenuStyles(state)}>\n            {!search ? (\n              <>\n                {mostUsed && (\n                  <MostUsed\n                    label={mostUsedLabel}\n                    data={mostUsed}\n                    toggle={toggleOpen}\n                  />\n                )}\n                <MenuBlock options={options} toggle={toggleOpen} />\n              </>\n            ) : (\n              <StyledSearchResultsContainer>\n                <StyledSearchTextContainer>\n                  <Text fontWeight=\"bold\">{searchResultsLabel}</Text>\n                </StyledSearchTextContainer>\n                {results.map(result => (\n                  <SearchResultItem\n                    key={`${result.title}-${result.category}`}\n                    data={result}\n                    searchTerm={search}\n                    toggle={toggleOpen}\n                  />\n                ))}\n              </StyledSearchResultsContainer>\n            )}\n          </StyledContainerOpenMenu>\n        )}\n      </Transition>\n    </div>\n  );\n};\n\nexport default Menubar;\n"],"names":[],"mappings":"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"}

package/esm/components/molecules/Menubar/MostUsed/MostUsed.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { MostUsedType } from '../types';
-interface MostUsedProps {
-    data: MostUsedType[];
-    label: string;
-    toggle: () => void;
-}
-declare const _default: React.NamedExoticComponent<MostUsedProps>;
-export default _default;