@tecsinapse/react-web-kit 1.20.2 → 1.21.0

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

@@ -12,9 +12,9 @@ var TextComponent = function TextComponent(_ref) {
       defaultFontColor = _ref.defaultFontColor,
       label = _ref.label;
   return label ? React.createElement(Text, _extends({
-    typography: ((_textProps$typography = textProps == null ? void 0 : textProps.typography) != null ? _textProps$typography : size === 'small') ? 'sub' : 'base',
-    fontWeight: (_textProps$fontWeight = textProps == null ? void 0 : textProps.fontWeight) != null ? _textProps$fontWeight : 'bold',
-    fontColor: (_textProps$fontColor = textProps == null ? void 0 : textProps.fontColor) != null ? _textProps$fontColor : defaultFontColor
+    typography: ((_textProps$typography = textProps === null || textProps === void 0 ? void 0 : textProps.typography) !== null && _textProps$typography !== void 0 ? _textProps$typography : size === 'small') ? 'sub' : 'base',
+    fontWeight: (_textProps$fontWeight = textProps === null || textProps === void 0 ? void 0 : textProps.fontWeight) !== null && _textProps$fontWeight !== void 0 ? _textProps$fontWeight : 'bold',
+    fontColor: (_textProps$fontColor = textProps === null || textProps === void 0 ? void 0 : textProps.fontColor) !== null && _textProps$fontColor !== void 0 ? _textProps$fontColor : defaultFontColor
   }, textProps), label) : React.createElement(React.Fragment, null);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"TextComponent.js","names":["Text","React","TextComponent","textProps","size","defaultFontColor","label","typography","fontWeight","fontColor","memo"],"sources":["../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"sourcesContent":["import {\n  ButtonSizeType,\n  FontColor,\n  IconPositionOptions,\n  Text,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\ninterface TextComponentProps {\n  textProps?: TextProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n  label?: string;\n  iconPosition?: IconPositionOptions;\n  hasIcon?: boolean;\n}\n\nconst TextComponent: FC<TextComponentProps> = ({\n  textProps,\n  size = 'default',\n  defaultFontColor,\n  label,\n}) => {\n  return label ? (\n    <Text\n      typography={textProps?.typography ?? size === 'small' ? 'sub' : 'base'}\n      fontWeight={textProps?.fontWeight ?? 'bold'}\n      fontColor={textProps?.fontColor ?? defaultFontColor}\n      {...textProps}\n    >\n      {label}\n    </Text>\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(TextComponent);\n"],"mappings":";;AAAA,SAIEA,IAJF,QAMO,wBANP;AAOA,OAAOC,KAAP,MAA0B,OAA1B;;AAWA,IAAMC,aAAqC,GAAG,SAAxCA,aAAwC,OAKxC;EAAA;;EAAA,IAJJC,SAII,QAJJA,SAII;EAAA,qBAHJC,IAGI;EAAA,IAHJA,IAGI,0BAHG,SAGH;EAAA,IAFJC,gBAEI,QAFJA,gBAEI;EAAA,IADJC,KACI,QADJA,KACI;EACJ,OAAOA,KAAK,GACV,oBAAC,IAAD;IACE,UAAU,EAAE,0BAAAH,SAAS,QAAT,YAAAA,SAAS,CAAEI,UAAX,oCAAyBH,IAAI,KAAK,OAAlC,IAA4C,KAA5C,GAAoD,MADlE;IAEE,UAAU,2BAAED,SAAF,oBAAEA,SAAS,CAAEK,UAAb,oCAA2B,MAFvC;IAGE,SAAS,0BAAEL,SAAF,oBAAEA,SAAS,CAAEM,SAAb,mCAA0BJ;EAHrC,GAIMF,SAJN,GAMGG,KANH,CADU,GAUV,yCAVF;AAYD,CAlBD;;AAoBA,eAAeL,KAAK,CAACS,IAAN,CAAWR,aAAX,CAAf"}
+{"version":3,"file":"TextComponent.js","names":["Text","React","TextComponent","textProps","size","defaultFontColor","label","typography","fontWeight","fontColor","memo"],"sources":["../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"sourcesContent":["import {\n  ButtonSizeType,\n  FontColor,\n  IconPositionOptions,\n  Text,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\ninterface TextComponentProps {\n  textProps?: TextProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n  label?: string;\n  iconPosition?: IconPositionOptions;\n  hasIcon?: boolean;\n}\n\nconst TextComponent: FC<TextComponentProps> = ({\n  textProps,\n  size = 'default',\n  defaultFontColor,\n  label,\n}) => {\n  return label ? (\n    <Text\n      typography={textProps?.typography ?? size === 'small' ? 'sub' : 'base'}\n      fontWeight={textProps?.fontWeight ?? 'bold'}\n      fontColor={textProps?.fontColor ?? defaultFontColor}\n      {...textProps}\n    >\n      {label}\n    </Text>\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(TextComponent);\n"],"mappings":";;AAAA,SAIEA,IAJF,QAMO,wBANP;AAOA,OAAOC,KAAP,MAA0B,OAA1B;;AAWA,IAAMC,aAAqC,GAAG,SAAxCA,aAAwC,OAKxC;EAAA;;EAAA,IAJJC,SAII,QAJJA,SAII;EAAA,qBAHJC,IAGI;EAAA,IAHJA,IAGI,0BAHG,SAGH;EAAA,IAFJC,gBAEI,QAFJA,gBAEI;EAAA,IADJC,KACI,QADJA,KACI;EACJ,OAAOA,KAAK,GACV,oBAAC,IAAD;IACE,UAAU,EAAE,0BAAAH,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEI,UAAX,yEAAyBH,IAAI,KAAK,OAAlC,IAA4C,KAA5C,GAAoD,MADlE;IAEE,UAAU,2BAAED,SAAF,aAAEA,SAAF,uBAAEA,SAAS,CAAEK,UAAb,yEAA2B,MAFvC;IAGE,SAAS,0BAAEL,SAAF,aAAEA,SAAF,uBAAEA,SAAS,CAAEM,SAAb,uEAA0BJ;EAHrC,GAIMF,SAJN,GAMGG,KANH,CADU,GAUV,yCAVF;AAYD,CAlBD;;AAoBA,eAAeL,KAAK,CAACS,IAAN,CAAWR,aAAX,CAAf"}

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

@@ -1,14 +1,28 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import { fontColorVC } from '@tecsinapse/react-core';
 import { useCallback, useState } from 'react';
 
 var useIconTextButton = function useIconTextButton(variant) {
   var _useState = useState(false),
-      hover = _useState[0],
-      setHover = _useState[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      hover = _useState2[0],
+      setHover = _useState2[1];
 
-  var _useState2 = useState(false),
-      pressed = _useState2[0],
-      setPressed = _useState2[1];
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      pressed = _useState4[0],
+      setPressed = _useState4[1];
 
   var defaultFontColor = !pressed && hover ? 'light' : fontColorVC[variant];
   var handleHover = useCallback(function (value) {

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

@@ -1 +1 @@
-{"version":3,"file":"useIconTextButton.js","names":["fontColorVC","useCallback","useState","useIconTextButton","variant","hover","setHover","pressed","setPressed","defaultFontColor","handleHover","value","handlePressed"],"sources":["../../../../../src/components/molecules/IconTextButton/hooks/useIconTextButton.ts"],"sourcesContent":["import { fontColorVC, VariantType } from '@tecsinapse/react-core';\nimport { useCallback, useState } from 'react';\n\nconst useIconTextButton = (variant: VariantType) => {\n  const [hover, setHover] = useState<boolean>(false);\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  const defaultFontColor = !pressed && hover ? 'light' : fontColorVC[variant];\n\n  const handleHover = useCallback(\n    (value: boolean) => {\n      setHover(value);\n    },\n    [setHover]\n  );\n\n  const handlePressed = useCallback(\n    (value: boolean) => {\n      setPressed(value);\n    },\n    [setPressed]\n  );\n\n  return {\n    handleHover,\n    handlePressed,\n    defaultFontColor,\n  };\n};\n\nexport default useIconTextButton;\n"],"mappings":"AAAA,SAASA,WAAT,QAAyC,wBAAzC;AACA,SAASC,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,OAAD,EAA0B;EAClD,gBAA0BF,QAAQ,CAAU,KAAV,CAAlC;EAAA,IAAOG,KAAP;EAAA,IAAcC,QAAd;;EACA,iBAA8BJ,QAAQ,CAAU,KAAV,CAAtC;EAAA,IAAOK,OAAP;EAAA,IAAgBC,UAAhB;;EAEA,IAAMC,gBAAgB,GAAG,CAACF,OAAD,IAAYF,KAAZ,GAAoB,OAApB,GAA8BL,WAAW,CAACI,OAAD,CAAlE;EAEA,IAAMM,WAAW,GAAGT,WAAW,CAC7B,UAACU,KAAD,EAAoB;IAClBL,QAAQ,CAACK,KAAD,CAAR;EACD,CAH4B,EAI7B,CAACL,QAAD,CAJ6B,CAA/B;EAOA,IAAMM,aAAa,GAAGX,WAAW,CAC/B,UAACU,KAAD,EAAoB;IAClBH,UAAU,CAACG,KAAD,CAAV;EACD,CAH8B,EAI/B,CAACH,UAAD,CAJ+B,CAAjC;EAOA,OAAO;IACLE,WAAW,EAAXA,WADK;IAELE,aAAa,EAAbA,aAFK;IAGLH,gBAAgB,EAAhBA;EAHK,CAAP;AAKD,CAzBD;;AA2BA,eAAeN,iBAAf"}
+{"version":3,"file":"useIconTextButton.js","names":["fontColorVC","useCallback","useState","useIconTextButton","variant","hover","setHover","pressed","setPressed","defaultFontColor","handleHover","value","handlePressed"],"sources":["../../../../../src/components/molecules/IconTextButton/hooks/useIconTextButton.ts"],"sourcesContent":["import { fontColorVC, VariantType } from '@tecsinapse/react-core';\nimport { useCallback, useState } from 'react';\n\nconst useIconTextButton = (variant: VariantType) => {\n  const [hover, setHover] = useState<boolean>(false);\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  const defaultFontColor = !pressed && hover ? 'light' : fontColorVC[variant];\n\n  const handleHover = useCallback(\n    (value: boolean) => {\n      setHover(value);\n    },\n    [setHover]\n  );\n\n  const handlePressed = useCallback(\n    (value: boolean) => {\n      setPressed(value);\n    },\n    [setPressed]\n  );\n\n  return {\n    handleHover,\n    handlePressed,\n    defaultFontColor,\n  };\n};\n\nexport default useIconTextButton;\n"],"mappings":";;;;;;;;;;;;AAAA,SAASA,WAAT,QAAyC,wBAAzC;AACA,SAASC,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,OAAD,EAA0B;EAClD,gBAA0BF,QAAQ,CAAU,KAAV,CAAlC;EAAA;EAAA,IAAOG,KAAP;EAAA,IAAcC,QAAd;;EACA,iBAA8BJ,QAAQ,CAAU,KAAV,CAAtC;EAAA;EAAA,IAAOK,OAAP;EAAA,IAAgBC,UAAhB;;EAEA,IAAMC,gBAAgB,GAAG,CAACF,OAAD,IAAYF,KAAZ,GAAoB,OAApB,GAA8BL,WAAW,CAACI,OAAD,CAAlE;EAEA,IAAMM,WAAW,GAAGT,WAAW,CAC7B,UAACU,KAAD,EAAoB;IAClBL,QAAQ,CAACK,KAAD,CAAR;EACD,CAH4B,EAI7B,CAACL,QAAD,CAJ6B,CAA/B;EAOA,IAAMM,aAAa,GAAGX,WAAW,CAC/B,UAACU,KAAD,EAAoB;IAClBH,UAAU,CAACG,KAAD,CAAV;EACD,CAH8B,EAI/B,CAACH,UAAD,CAJ+B,CAAjC;EAOA,OAAO;IACLE,WAAW,EAAXA,WADK;IAELE,aAAa,EAAbA,aAFK;IAGLH,gBAAgB,EAAhBA;EAHK,CAAP;AAKD,CAzBD;;AA2BA,eAAeN,iBAAf"}

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

@@ -1,18 +1,18 @@
 var _templateObject;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/native';
 import { Button } from "../../atoms/Button";
 
 var boxedStyle = function boxedStyle(_ref) {
   var theme = _ref.theme;
-  return "\n    padding: " + (theme == null ? void 0 : theme.spacing.centi) + ";\n    aspect-ratio: 1;\n  ";
+  return "\n    padding: ".concat(theme === null || theme === void 0 ? void 0 : theme.spacing.centi, ";\n    aspect-ratio: 1;\n  ");
 };
 
-export var StyledIconTextButton = styled(Button)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  gap: ", ";\n  ", ";\n"])), function (_ref2) {
+export var StyledIconTextButton = styled(Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  gap: ", ";\n  ", ";\n"])), function (_ref2) {
   var theme = _ref2.theme;
-  return theme == null ? void 0 : theme.spacing.mili;
+  return theme === null || theme === void 0 ? void 0 : theme.spacing.mili;
 }, function (_ref3) {
   var boxed = _ref3.boxed,
       theme = _ref3.theme;

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","Button","boxedStyle","theme","spacing","centi","StyledIconTextButton","mili","boxed"],"sources":["../../../../src/components/molecules/IconTextButton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\n\nconst boxedStyle = ({ theme }: Partial<StyleProps>) =>\n  `\n    padding: ${theme?.spacing.centi};\n    aspect-ratio: 1;\n  `;\n\nexport const StyledIconTextButton = styled(Button)<\n  Partial<StyleProps> & {\n    boxed: boolean;\n  }\n>`\n  gap: ${({ theme }) => theme?.spacing.mili};\n  ${({ boxed, theme }) => boxed && boxedStyle({ theme })};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASC,MAAT;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,4BAEJA,KAFI,oBAEJA,KAAK,CAAEC,OAAP,CAAeC,KAFX;AAAA,CAAnB;;AAMA,OAAO,IAAMC,oBAAoB,GAAGN,MAAM,CAACC,MAAD,CAAT,oGAKxB;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAf,oBAAeA,KAAK,CAAEC,OAAP,CAAeG,IAA9B;AAAA,CALwB,EAM7B;EAAA,IAAGC,KAAH,SAAGA,KAAH;EAAA,IAAUL,KAAV,SAAUA,KAAV;EAAA,OAAsBK,KAAK,IAAIN,UAAU,CAAC;IAAEC,KAAK,EAALA;EAAF,CAAD,CAAzC;AAAA,CAN6B,CAA1B"}
+{"version":3,"file":"styled.js","names":["styled","Button","boxedStyle","theme","spacing","centi","StyledIconTextButton","mili","boxed"],"sources":["../../../../src/components/molecules/IconTextButton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\n\nconst boxedStyle = ({ theme }: Partial<StyleProps>) =>\n  `\n    padding: ${theme?.spacing.centi};\n    aspect-ratio: 1;\n  `;\n\nexport const StyledIconTextButton = styled(Button)<\n  Partial<StyleProps> & {\n    boxed: boolean;\n  }\n>`\n  gap: ${({ theme }) => theme?.spacing.mili};\n  ${({ boxed, theme }) => boxed && boxedStyle({ theme })};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASC,MAAT;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,gCAEJA,KAFI,aAEJA,KAFI,uBAEJA,KAAK,CAAEC,OAAP,CAAeC,KAFX;AAAA,CAAnB;;AAMA,OAAO,IAAMC,oBAAoB,GAAGN,MAAM,CAACC,MAAD,CAAT,+FAKxB;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAf,aAAeA,KAAf,uBAAeA,KAAK,CAAEC,OAAP,CAAeG,IAA9B;AAAA,CALwB,EAM7B;EAAA,IAAGC,KAAH,SAAGA,KAAH;EAAA,IAAUL,KAAV,SAAUA,KAAV;EAAA,OAAsBK,KAAK,IAAIN,UAAU,CAAC;IAAEC,KAAK,EAALA;EAAF,CAAD,CAAzC;AAAA,CAN6B,CAA1B"}

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

@@ -2,6 +2,20 @@ var _excluded = ["rightComponent"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import { InputPasswordIcon } from '@tecsinapse/react-core';
@@ -9,11 +23,12 @@ import React, { useState } from 'react';
 import { Input } from "../../atoms/Input";
 var InputPassword = React.forwardRef(function (_ref, ref) {
   var rightComponent = _ref.rightComponent,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState(false),
-      revealed = _useState[0],
-      setRevealed = _useState[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      revealed = _useState2[0],
+      setRevealed = _useState2[1];
 
   return React.createElement(Input, _extends({}, rest, {
     ref: ref,

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

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.js","names":["InputPasswordIcon","React","useState","Input","InputPassword","forwardRef","ref","rightComponent","rest","revealed","setRevealed","displayName"],"sources":["../../../../src/components/molecules/InputPassword/InputPassword.tsx"],"sourcesContent":["import { InputPasswordIcon } from '@tecsinapse/react-core';\nimport React, { FC, useState } from 'react';\nimport { Input, InputWebProps } from '../../atoms/Input';\n\nexport type InputPasswordWebProps = InputWebProps;\n\nconst InputPassword: FC<InputPasswordWebProps> = React.forwardRef(\n  ({ rightComponent, ...rest }, ref) => {\n    const [revealed, setRevealed] = useState(false);\n    return (\n      <Input\n        {...rest}\n        ref={ref}\n        secureTextEntry={!revealed}\n        rightComponent={\n          <>\n            <InputPasswordIcon\n              onChangeState={setRevealed}\n              revealed={revealed}\n              effect=\"none\"\n            />\n            {rightComponent}\n          </>\n        }\n      />\n    );\n  }\n);\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"mappings":";;;;;;AAAA,SAASA,iBAAT,QAAkC,wBAAlC;AACA,OAAOC,KAAP,IAAoBC,QAApB,QAAoC,OAApC;AACA,SAASC,KAAT;AAIA,IAAMC,aAAwC,GAAGH,KAAK,CAACI,UAAN,CAC/C,gBAA8BC,GAA9B,EAAsC;EAAA,IAAnCC,cAAmC,QAAnCA,cAAmC;EAAA,IAAhBC,IAAgB;;EACpC,gBAAgCN,QAAQ,CAAC,KAAD,CAAxC;EAAA,IAAOO,QAAP;EAAA,IAAiBC,WAAjB;;EACA,OACE,oBAAC,KAAD,eACMF,IADN;IAEE,GAAG,EAAEF,GAFP;IAGE,eAAe,EAAE,CAACG,QAHpB;IAIE,cAAc,EACZ,0CACE,oBAAC,iBAAD;MACE,aAAa,EAAEC,WADjB;MAEE,QAAQ,EAAED,QAFZ;MAGE,MAAM,EAAC;IAHT,EADF,EAMGF,cANH;EALJ,GADF;AAiBD,CApB8C,CAAjD;AAuBAH,aAAa,CAACO,WAAd,GAA4B,eAA5B;AAEA,eAAeP,aAAf"}
+{"version":3,"file":"InputPassword.js","names":["InputPasswordIcon","React","useState","Input","InputPassword","forwardRef","ref","rightComponent","rest","revealed","setRevealed","displayName"],"sources":["../../../../src/components/molecules/InputPassword/InputPassword.tsx"],"sourcesContent":["import { InputPasswordIcon } from '@tecsinapse/react-core';\nimport React, { FC, useState } from 'react';\nimport { Input, InputWebProps } from '../../atoms/Input';\n\nexport type InputPasswordWebProps = InputWebProps;\n\nconst InputPassword: FC<InputPasswordWebProps> = React.forwardRef(\n  ({ rightComponent, ...rest }, ref) => {\n    const [revealed, setRevealed] = useState(false);\n    return (\n      <Input\n        {...rest}\n        ref={ref}\n        secureTextEntry={!revealed}\n        rightComponent={\n          <>\n            <InputPasswordIcon\n              onChangeState={setRevealed}\n              revealed={revealed}\n              effect=\"none\"\n            />\n            {rightComponent}\n          </>\n        }\n      />\n    );\n  }\n);\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAASA,iBAAT,QAAkC,wBAAlC;AACA,OAAOC,KAAP,IAAoBC,QAApB,QAAoC,OAApC;AACA,SAASC,KAAT;AAIA,IAAMC,aAAwC,GAAGH,KAAK,CAACI,UAAN,CAC/C,gBAA8BC,GAA9B,EAAsC;EAAA,IAAnCC,cAAmC,QAAnCA,cAAmC;EAAA,IAAhBC,IAAgB;;EACpC,gBAAgCN,QAAQ,CAAC,KAAD,CAAxC;EAAA;EAAA,IAAOO,QAAP;EAAA,IAAiBC,WAAjB;;EACA,OACE,oBAAC,KAAD,eACMF,IADN;IAEE,GAAG,EAAEF,GAFP;IAGE,eAAe,EAAE,CAACG,QAHpB;IAIE,cAAc,EACZ,0CACE,oBAAC,iBAAD;MACE,aAAa,EAAEC,WADjB;MAEE,QAAQ,EAAED,QAFZ;MAGE,MAAM,EAAC;IAHT,EADF,EAMGF,cANH;EALJ,GADF;AAiBD,CApB8C,CAAjD;AAuBAH,aAAa,CAACO,WAAd,GAA4B,eAA5B;AAEA,eAAeP,aAAf"}

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

@@ -2,6 +2,8 @@ var _excluded = ["label", "labelPosition", "labelProps", "active", "switchDisabl
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React from 'react';
@@ -17,14 +19,14 @@ var LabelComponent = function LabelComponent(_ref) {
       active = _ref.active,
       _ref$switchDisabled = _ref.switchDisabled,
       switchDisabled = _ref$switchDisabled === void 0 ? false : _ref$switchDisabled,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var defaultFontColor = active && !switchDisabled ? 'dark' : 'medium';
   var defaultFontWeight = active && !switchDisabled ? 'bold' : 'regular';
   return React.createElement(Pressable, rest, React.createElement(StyledLabel, _extends({
     labelPosition: labelPosition,
-    fontColor: (_labelProps$fontColor = labelProps == null ? void 0 : labelProps.fontColor) != null ? _labelProps$fontColor : defaultFontColor,
-    fontWeight: (_labelProps$fontWeigh = labelProps == null ? void 0 : labelProps.fontWeight) != null ? _labelProps$fontWeigh : defaultFontWeight
+    fontColor: (_labelProps$fontColor = labelProps === null || labelProps === void 0 ? void 0 : labelProps.fontColor) !== null && _labelProps$fontColor !== void 0 ? _labelProps$fontColor : defaultFontColor,
+    fontWeight: (_labelProps$fontWeigh = labelProps === null || labelProps === void 0 ? void 0 : labelProps.fontWeight) !== null && _labelProps$fontWeigh !== void 0 ? _labelProps$fontWeigh : defaultFontWeight
   }, labelProps), label));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"LabelComponent.js","names":["React","Pressable","StyledLabel","LabelComponent","label","labelPosition","labelProps","active","switchDisabled","rest","defaultFontColor","defaultFontWeight","fontColor","fontWeight","memo"],"sources":["../../../../src/components/molecules/LabeledSwitch/LabelComponent.tsx"],"sourcesContent":["import {\n  FontColor,\n  FontWeight,\n  LabelPositionOptions,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Pressable, PressableProps } from 'react-native';\nimport { StyledLabel } from './styled';\n\nexport interface LabelComponentProps extends PressableProps {\n  label: string;\n  labelPosition: LabelPositionOptions;\n  labelProps?: TextProps;\n  active: boolean;\n  switchDisabled?: boolean;\n}\n\nconst LabelComponent: FC<LabelComponentProps> = ({\n  label,\n  labelPosition,\n  labelProps,\n  active,\n  switchDisabled = false,\n  ...rest\n}) => {\n  const defaultFontColor: keyof FontColor =\n    active && !switchDisabled ? 'dark' : 'medium';\n  const defaultFontWeight: keyof FontWeight =\n    active && !switchDisabled ? 'bold' : 'regular';\n\n  return (\n    <Pressable {...rest}>\n      <StyledLabel\n        labelPosition={labelPosition}\n        fontColor={labelProps?.fontColor ?? defaultFontColor}\n        fontWeight={labelProps?.fontWeight ?? defaultFontWeight}\n        {...labelProps}\n      >\n        {label}\n      </StyledLabel>\n    </Pressable>\n  );\n};\n\nexport default React.memo(LabelComponent);\n"],"mappings":";;;;;;AAMA,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,SAAT;AACA,SAASC,WAAT;;AAUA,IAAMC,cAAuC,GAAG,SAA1CA,cAA0C,OAO1C;EAAA;;EAAA,IANJC,KAMI,QANJA,KAMI;EAAA,IALJC,aAKI,QALJA,aAKI;EAAA,IAJJC,UAII,QAJJA,UAII;EAAA,IAHJC,MAGI,QAHJA,MAGI;EAAA,+BAFJC,cAEI;EAAA,IAFJA,cAEI,oCAFa,KAEb;EAAA,IADDC,IACC;;EACJ,IAAMC,gBAAiC,GACrCH,MAAM,IAAI,CAACC,cAAX,GAA4B,MAA5B,GAAqC,QADvC;EAEA,IAAMG,iBAAmC,GACvCJ,MAAM,IAAI,CAACC,cAAX,GAA4B,MAA5B,GAAqC,SADvC;EAGA,OACE,oBAAC,SAAD,EAAeC,IAAf,EACE,oBAAC,WAAD;IACE,aAAa,EAAEJ,aADjB;IAEE,SAAS,2BAAEC,UAAF,oBAAEA,UAAU,CAAEM,SAAd,oCAA2BF,gBAFtC;IAGE,UAAU,2BAAEJ,UAAF,oBAAEA,UAAU,CAAEO,UAAd,oCAA4BF;EAHxC,GAIML,UAJN,GAMGF,KANH,CADF,CADF;AAYD,CAzBD;;AA2BA,eAAeJ,KAAK,CAACc,IAAN,CAAWX,cAAX,CAAf"}
+{"version":3,"file":"LabelComponent.js","names":["React","Pressable","StyledLabel","LabelComponent","label","labelPosition","labelProps","active","switchDisabled","rest","defaultFontColor","defaultFontWeight","fontColor","fontWeight","memo"],"sources":["../../../../src/components/molecules/LabeledSwitch/LabelComponent.tsx"],"sourcesContent":["import {\n  FontColor,\n  FontWeight,\n  LabelPositionOptions,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Pressable, PressableProps } from 'react-native';\nimport { StyledLabel } from './styled';\n\nexport interface LabelComponentProps extends PressableProps {\n  label: string;\n  labelPosition: LabelPositionOptions;\n  labelProps?: TextProps;\n  active: boolean;\n  switchDisabled?: boolean;\n}\n\nconst LabelComponent: FC<LabelComponentProps> = ({\n  label,\n  labelPosition,\n  labelProps,\n  active,\n  switchDisabled = false,\n  ...rest\n}) => {\n  const defaultFontColor: keyof FontColor =\n    active && !switchDisabled ? 'dark' : 'medium';\n  const defaultFontWeight: keyof FontWeight =\n    active && !switchDisabled ? 'bold' : 'regular';\n\n  return (\n    <Pressable {...rest}>\n      <StyledLabel\n        labelPosition={labelPosition}\n        fontColor={labelProps?.fontColor ?? defaultFontColor}\n        fontWeight={labelProps?.fontWeight ?? defaultFontWeight}\n        {...labelProps}\n      >\n        {label}\n      </StyledLabel>\n    </Pressable>\n  );\n};\n\nexport default React.memo(LabelComponent);\n"],"mappings":";;;;;;;;AAMA,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,SAAT;AACA,SAASC,WAAT;;AAUA,IAAMC,cAAuC,GAAG,SAA1CA,cAA0C,OAO1C;EAAA;;EAAA,IANJC,KAMI,QANJA,KAMI;EAAA,IALJC,aAKI,QALJA,aAKI;EAAA,IAJJC,UAII,QAJJA,UAII;EAAA,IAHJC,MAGI,QAHJA,MAGI;EAAA,+BAFJC,cAEI;EAAA,IAFJA,cAEI,oCAFa,KAEb;EAAA,IADDC,IACC;;EACJ,IAAMC,gBAAiC,GACrCH,MAAM,IAAI,CAACC,cAAX,GAA4B,MAA5B,GAAqC,QADvC;EAEA,IAAMG,iBAAmC,GACvCJ,MAAM,IAAI,CAACC,cAAX,GAA4B,MAA5B,GAAqC,SADvC;EAGA,OACE,oBAAC,SAAD,EAAeC,IAAf,EACE,oBAAC,WAAD;IACE,aAAa,EAAEJ,aADjB;IAEE,SAAS,2BAAEC,UAAF,aAAEA,UAAF,uBAAEA,UAAU,CAAEM,SAAd,yEAA2BF,gBAFtC;IAGE,UAAU,2BAAEJ,UAAF,aAAEA,UAAF,uBAAEA,UAAU,CAAEO,UAAd,yEAA4BF;EAHxC,GAIML,UAJN,GAMGF,KANH,CADF,CADF;AAYD,CAzBD;;AA2BA,eAAeJ,KAAK,CAACc,IAAN,CAAWX,cAAX,CAAf"}

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

@@ -2,6 +2,8 @@ var _excluded = ["label", "labelPosition", "labelProps", "pressableLabel", "disa
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import { Switch } from '@tecsinapse/react-core';
@@ -19,7 +21,7 @@ var LabeledSwitch = function LabeledSwitch(_ref) {
       disabled = _ref.disabled,
       active = _ref.active,
       onChange = _ref.onChange,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   return React.createElement(StyledDiv, null, labelPosition === 'left' ? React.createElement(LabelComponent, {
     active: active,

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

@@ -1 +1 @@
-{"version":3,"file":"LabeledSwitch.js","names":["Switch","React","LabelComponent","StyledDiv","LabeledSwitch","label","labelPosition","labelProps","pressableLabel","disabled","active","onChange","rest"],"sources":["../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { LabeledSwitchProps, Switch, TextProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport LabelComponent from './LabelComponent';\nimport { StyledDiv } from './styled';\n\nexport type LabeledSwitchWebProps = LabeledSwitchProps & {\n  labelProps?: TextProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchWebProps> = ({\n  label,\n  labelPosition = 'right',\n  labelProps,\n  pressableLabel = false,\n  disabled,\n  active,\n  onChange,\n  ...rest\n}) => {\n  return (\n    <StyledDiv>\n      {labelPosition === 'left' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'left'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n      <Switch\n        active={active}\n        disabled={disabled}\n        onChange={onChange}\n        {...rest}\n      />\n      {labelPosition === 'right' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'right'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledDiv>\n  );\n};\n\nexport default LabeledSwitch;\n"],"mappings":";;;;;;AAAA,SAA6BA,MAA7B,QAAsD,wBAAtD;AACA,OAAOC,KAAP,MAA0B,OAA1B;AACA,OAAOC,cAAP;AACA,SAASC,SAAT;;AAMA,IAAMC,aAAwC,GAAG,SAA3CA,aAA2C,OAS3C;EAAA,IARJC,KAQI,QARJA,KAQI;EAAA,8BAPJC,aAOI;EAAA,IAPJA,aAOI,mCAPY,OAOZ;EAAA,IANJC,UAMI,QANJA,UAMI;EAAA,+BALJC,cAKI;EAAA,IALJA,cAKI,oCALa,KAKb;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,IAHJC,MAGI,QAHJA,MAGI;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,IACC;;EACJ,OACE,oBAAC,SAAD,QACGN,aAAa,KAAK,MAAlB,GACC,oBAAC,cAAD;IACE,MAAM,EAAEI,MADV;IAEE,KAAK,EAAEL,KAFT;IAGE,aAAa,EAAE,MAHjB;IAIE,UAAU,EAAEE,UAJd;IAKE,QAAQ,EAAE,CAACC,cAAD,IAAmBC,QAL/B;IAME,cAAc,EAAEA,QANlB;IAOE,OAAO,EAAE;MAAA,OAAME,QAAQ,CAAC,CAACD,MAAF,CAAd;IAAA;EAPX,EADD,GAWC,yCAZJ,EAcE,oBAAC,MAAD;IACE,MAAM,EAAEA,MADV;IAEE,QAAQ,EAAED,QAFZ;IAGE,QAAQ,EAAEE;EAHZ,GAIMC,IAJN,EAdF,EAoBGN,aAAa,KAAK,OAAlB,GACC,oBAAC,cAAD;IACE,MAAM,EAAEI,MADV;IAEE,KAAK,EAAEL,KAFT;IAGE,aAAa,EAAE,OAHjB;IAIE,UAAU,EAAEE,UAJd;IAKE,QAAQ,EAAE,CAACC,cAAD,IAAmBC,QAL/B;IAME,cAAc,EAAEA,QANlB;IAOE,OAAO,EAAE;MAAA,OAAME,QAAQ,CAAC,CAACD,MAAF,CAAd;IAAA;EAPX,EADD,GAWC,yCA/BJ,CADF;AAoCD,CA9CD;;AAgDA,eAAeN,aAAf"}
+{"version":3,"file":"LabeledSwitch.js","names":["Switch","React","LabelComponent","StyledDiv","LabeledSwitch","label","labelPosition","labelProps","pressableLabel","disabled","active","onChange","rest"],"sources":["../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { LabeledSwitchProps, Switch, TextProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport LabelComponent from './LabelComponent';\nimport { StyledDiv } from './styled';\n\nexport type LabeledSwitchWebProps = LabeledSwitchProps & {\n  labelProps?: TextProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchWebProps> = ({\n  label,\n  labelPosition = 'right',\n  labelProps,\n  pressableLabel = false,\n  disabled,\n  active,\n  onChange,\n  ...rest\n}) => {\n  return (\n    <StyledDiv>\n      {labelPosition === 'left' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'left'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n      <Switch\n        active={active}\n        disabled={disabled}\n        onChange={onChange}\n        {...rest}\n      />\n      {labelPosition === 'right' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'right'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledDiv>\n  );\n};\n\nexport default LabeledSwitch;\n"],"mappings":";;;;;;;;AAAA,SAA6BA,MAA7B,QAAsD,wBAAtD;AACA,OAAOC,KAAP,MAA0B,OAA1B;AACA,OAAOC,cAAP;AACA,SAASC,SAAT;;AAMA,IAAMC,aAAwC,GAAG,SAA3CA,aAA2C,OAS3C;EAAA,IARJC,KAQI,QARJA,KAQI;EAAA,8BAPJC,aAOI;EAAA,IAPJA,aAOI,mCAPY,OAOZ;EAAA,IANJC,UAMI,QANJA,UAMI;EAAA,+BALJC,cAKI;EAAA,IALJA,cAKI,oCALa,KAKb;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,IAHJC,MAGI,QAHJA,MAGI;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,IACC;;EACJ,OACE,oBAAC,SAAD,QACGN,aAAa,KAAK,MAAlB,GACC,oBAAC,cAAD;IACE,MAAM,EAAEI,MADV;IAEE,KAAK,EAAEL,KAFT;IAGE,aAAa,EAAE,MAHjB;IAIE,UAAU,EAAEE,UAJd;IAKE,QAAQ,EAAE,CAACC,cAAD,IAAmBC,QAL/B;IAME,cAAc,EAAEA,QANlB;IAOE,OAAO,EAAE;MAAA,OAAME,QAAQ,CAAC,CAACD,MAAF,CAAd;IAAA;EAPX,EADD,GAWC,yCAZJ,EAcE,oBAAC,MAAD;IACE,MAAM,EAAEA,MADV;IAEE,QAAQ,EAAED,QAFZ;IAGE,QAAQ,EAAEE;EAHZ,GAIMC,IAJN,EAdF,EAoBGN,aAAa,KAAK,OAAlB,GACC,oBAAC,cAAD;IACE,MAAM,EAAEI,MADV;IAEE,KAAK,EAAEL,KAFT;IAGE,aAAa,EAAE,OAHjB;IAIE,UAAU,EAAEE,UAJd;IAKE,QAAQ,EAAE,CAACC,cAAD,IAAmBC,QAL/B;IAME,cAAc,EAAEA,QANlB;IAOE,OAAO,EAAE;MAAA,OAAME,QAAQ,CAAC,CAACD,MAAF,CAAd;IAAA;EAPX,EADD,GAWC,yCA/BJ,CADF;AAoCD,CA9CD;;AAgDA,eAAeN,aAAf"}

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

@@ -1,14 +1,14 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import { css, default as nativeStyled } from '@emotion/native';
 import { default as webStyled } from '@emotion/styled';
 import { Text } from '@tecsinapse/react-core';
-export var StyledDiv = webStyled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n"])));
-export var StyledLabel = nativeStyled(Text)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+export var StyledDiv = webStyled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n"])));
+export var StyledLabel = nativeStyled(Text)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var theme = _ref.theme,
       labelPosition = _ref.labelPosition;
-  if (labelPosition === 'right') return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        margin-left: ", ";\n      "])), theme == null ? void 0 : theme.spacing.centi);else if (labelPosition === 'left') return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), theme == null ? void 0 : theme.spacing.centi);
+  if (labelPosition === 'right') return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        margin-left: ", ";\n      "])), theme === null || theme === void 0 ? void 0 : theme.spacing.centi);else if (labelPosition === 'left') return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        margin-right: ", ";\n      "])), theme === null || theme === void 0 ? void 0 : theme.spacing.centi);
 });
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["css","default","nativeStyled","webStyled","Text","StyledDiv","StyledLabel","theme","labelPosition","spacing","centi"],"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"],"mappings":";;;;AAAA,SAASA,GAAT,EAAcC,OAAO,IAAIC,YAAzB,QAA6C,iBAA7C;AACA,SAASD,OAAO,IAAIE,SAApB,QAAqC,iBAArC;AACA,SAA2CC,IAA3C,QAAuD,wBAAvD;AAEA,OAAO,IAAMC,SAAS,GAAGF,SAAS,CAAC,KAAD,CAAZ,8IAAf;AAMP,OAAO,IAAMG,WAAW,GAAGJ,YAAY,CAACE,IAAD,CAAf,uFAKpB,gBAA8B;EAAA,IAA3BG,KAA2B,QAA3BA,KAA2B;EAAA,IAApBC,aAAoB,QAApBA,aAAoB;EAC9B,IAAIA,aAAa,KAAK,OAAtB,EACE,OAAOR,GAAP,iHACiBO,KADjB,oBACiBA,KAAK,CAAEE,OAAP,CAAeC,KADhC,EADF,KAIK,IAAIF,aAAa,KAAK,MAAtB,EACH,OAAOR,GAAP,kHACkBO,KADlB,oBACkBA,KAAK,CAAEE,OAAP,CAAeC,KADjC;AAGH,CAdqB,CAAjB"}
+{"version":3,"file":"styled.js","names":["css","default","nativeStyled","webStyled","Text","StyledDiv","StyledLabel","theme","labelPosition","spacing","centi"],"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"],"mappings":";;;;AAAA,SAASA,GAAT,EAAcC,OAAO,IAAIC,YAAzB,QAA6C,iBAA7C;AACA,SAASD,OAAO,IAAIE,SAApB,QAAqC,iBAArC;AACA,SAA2CC,IAA3C,QAAuD,wBAAvD;AAEA,OAAO,IAAMC,SAAS,GAAGF,SAAS,CAAC,KAAD,CAAZ,yIAAf;AAMP,OAAO,IAAMG,WAAW,GAAGJ,YAAY,CAACE,IAAD,CAAf,kFAKpB,gBAA8B;EAAA,IAA3BG,KAA2B,QAA3BA,KAA2B;EAAA,IAApBC,aAAoB,QAApBA,aAAoB;EAC9B,IAAIA,aAAa,KAAK,OAAtB,EACE,OAAOR,GAAP,4GACiBO,KADjB,aACiBA,KADjB,uBACiBA,KAAK,CAAEE,OAAP,CAAeC,KADhC,EADF,KAIK,IAAIF,aAAa,KAAK,MAAtB,EACH,OAAOR,GAAP,6GACkBO,KADlB,aACkBA,KADlB,uBACkBA,KAAK,CAAEE,OAAP,CAAeC,KADjC;AAGH,CAdqB,CAAjB"}

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

@@ -1,17 +1,17 @@
 var _templateObject, _templateObject2, _templateObject3;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
-export var StyledColumnItem = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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: ", ";\n"])), function (_ref) {
+export var StyledColumnItem = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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: ", ";\n"])), function (_ref) {
   var theme = _ref.theme,
       index = _ref.index,
       _ref$spacingLeft = _ref.spacingLeft,
       spacingLeft = _ref$spacingLeft === void 0 ? 'nano' : _ref$spacingLeft;
   return index > 0 ? theme.spacing[spacingLeft] : 'initial';
 });
-export var StyledMasonry = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-content: stretch;\n  box-sizing: border-box;\n  width: 100%;\n"])));
-export var StyledRowItem = styled('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  margin-top: ", ";\n"])), function (_ref2) {
+export var StyledMasonry = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-content: stretch;\n  box-sizing: border-box;\n  width: 100%;\n"])));
+export var StyledRowItem = styled('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), function (_ref2) {
   var theme = _ref2.theme,
       index = _ref2.index,
       _ref2$spacingTop = _ref2.spacingTop,

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","StyledColumnItem","theme","index","spacingLeft","spacing","StyledMasonry","StyledRowItem","spacingTop"],"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"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAIA,OAAO,IAAMC,gBAAgB,GAAGD,MAAM,CAAC,KAAD,CAAT,oOASZ;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,IAAUC,KAAV,QAAUA,KAAV;EAAA,4BAAiBC,WAAjB;EAAA,IAAiBA,WAAjB,iCAA+B,MAA/B;EAAA,OACbD,KAAK,GAAG,CAAR,GAAYD,KAAK,CAACG,OAAN,CAAcD,WAAd,CAAZ,GAAyC,SAD5B;AAAA,CATY,CAAtB;AAaP,OAAO,IAAME,aAAa,GAAGN,MAAM,CAAC,KAAD,CAAT,0NAAnB;AASP,OAAO,IAAMO,aAAa,GAAGP,MAAM,CAAC,KAAD,CAAT,oGAGV;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,IAAUC,KAAV,SAAUA,KAAV;EAAA,6BAAiBK,UAAjB;EAAA,IAAiBA,UAAjB,iCAA8B,MAA9B;EAAA,OACZL,KAAK,GAAG,CAAR,GAAYD,KAAK,CAACG,OAAN,CAAcG,UAAd,CAAZ,GAAwC,SAD5B;AAAA,CAHU,CAAnB"}
+{"version":3,"file":"styled.js","names":["styled","StyledColumnItem","theme","index","spacingLeft","spacing","StyledMasonry","StyledRowItem","spacingTop"],"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"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAIA,OAAO,IAAMC,gBAAgB,GAAGD,MAAM,CAAC,KAAD,CAAT,+NASZ;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,IAAUC,KAAV,QAAUA,KAAV;EAAA,4BAAiBC,WAAjB;EAAA,IAAiBA,WAAjB,iCAA+B,MAA/B;EAAA,OACbD,KAAK,GAAG,CAAR,GAAYD,KAAK,CAACG,OAAN,CAAcD,WAAd,CAAZ,GAAyC,SAD5B;AAAA,CATY,CAAtB;AAaP,OAAO,IAAME,aAAa,GAAGN,MAAM,CAAC,KAAD,CAAT,qNAAnB;AASP,OAAO,IAAMO,aAAa,GAAGP,MAAM,CAAC,KAAD,CAAT,+FAGV;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,IAAUC,KAAV,SAAUA,KAAV;EAAA,6BAAiBK,UAAjB;EAAA,IAAiBA,UAAjB,iCAA8B,MAA9B;EAAA,OACZL,KAAK,GAAG,CAAR,GAAYD,KAAK,CAACG,OAAN,CAAcG,UAAd,CAAZ,GAAwC,SAD5B;AAAA,CAHU,CAAnB"}

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

@@ -13,7 +13,7 @@ var MenuBlock = function MenuBlock(_ref) {
     spacingLeft: "mega"
   }, options.map(function (data) {
     return React.createElement(React.Fragment, {
-      key: "" + data.title
+      key: "".concat(data.title)
     }, React.createElement(StyledContainerMenu, null, data.leftComponents && React.createElement(StyledLeftComponent, null, data.leftComponents), React.createElement(Text, {
       fontWeight: "bold"
     }, data.title)), React.createElement(StyledContainerItems, null, data.items.map(function (_ref2) {

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

@@ -1 +1 @@
-{"version":3,"file":"MenuBlock.js","names":["React","Text","MenuItem","StyledContainerItems","StyledContainerMenu","StyledLeftComponent","Masonry","MenuBlock","options","toggle","map","data","title","leftComponents","items","Component","props","rightComponents","memo"],"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"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,wBAArB;AACA,SAASC,QAAT;AACA,SACEC,oBADF,EAEEC,mBAFF,EAGEC,mBAHF;AAMA,SAASC,OAAT;;AAOA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,OAAyB;EAAA,IAAtBC,OAAsB,QAAtBA,OAAsB;EAAA,IAAbC,MAAa,QAAbA,MAAa;EACnE,OACE,oBAAC,OAAD;IAAS,OAAO,EAAE,CAAlB;IAAqB,UAAU,EAAC,MAAhC;IAAuC,WAAW,EAAC;EAAnD,GACGD,OAAO,CAACE,GAAR,CAAY,UAAAC,IAAI;IAAA,OACf,oBAAC,KAAD,CAAO,QAAP;MAAgB,GAAG,OAAKA,IAAI,CAACC;IAA7B,GACE,oBAAC,mBAAD,QACGD,IAAI,CAACE,cAAL,IACC,oBAAC,mBAAD,QAAsBF,IAAI,CAACE,cAA3B,CAFJ,EAIE,oBAAC,IAAD;MAAM,UAAU,EAAC;IAAjB,GAAyBF,IAAI,CAACC,KAA9B,CAJF,CADF,EAOE,oBAAC,oBAAD,QACGD,IAAI,CAACG,KAAL,CAAWJ,GAAX,CACC;MAAA,IACEE,KADF,SACEA,KADF;MAAA,IAEEG,SAFF,SAEEA,SAFF;MAAA,IAGEC,KAHF,SAGEA,KAHF;MAAA,IAIEC,eAJF,SAIEA,eAJF;MAAA,IAKEH,KALF,SAKEA,KALF;MAAA,OAOE,oBAAC,QAAD;QACE,KAAK,EAAEA,KADT;QAEE,GAAG,EAAEF,KAFP;QAGE,KAAK,EAAEA,KAHT;QAIE,SAAS,EAAEG,SAJb;QAKE,eAAe,EAAEE,eALnB;QAME,KAAK,EAAED,KANT;QAOE,MAAM,EAAEP;MAPV,EAPF;IAAA,CADD,CADH,CAPF,CADe;EAAA,CAAhB,CADH,CADF;AAmCD,CApCD;;AAsCA,eAAeT,KAAK,CAACkB,IAAN,CAAWX,SAAX,CAAf"}
+{"version":3,"file":"MenuBlock.js","names":["React","Text","MenuItem","StyledContainerItems","StyledContainerMenu","StyledLeftComponent","Masonry","MenuBlock","options","toggle","map","data","title","leftComponents","items","Component","props","rightComponents","memo"],"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"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,wBAArB;AACA,SAASC,QAAT;AACA,SACEC,oBADF,EAEEC,mBAFF,EAGEC,mBAHF;AAMA,SAASC,OAAT;;AAOA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,OAAyB;EAAA,IAAtBC,OAAsB,QAAtBA,OAAsB;EAAA,IAAbC,MAAa,QAAbA,MAAa;EACnE,OACE,oBAAC,OAAD;IAAS,OAAO,EAAE,CAAlB;IAAqB,UAAU,EAAC,MAAhC;IAAuC,WAAW,EAAC;EAAnD,GACGD,OAAO,CAACE,GAAR,CAAY,UAAAC,IAAI;IAAA,OACf,oBAAC,KAAD,CAAO,QAAP;MAAgB,GAAG,YAAKA,IAAI,CAACC,KAAV;IAAnB,GACE,oBAAC,mBAAD,QACGD,IAAI,CAACE,cAAL,IACC,oBAAC,mBAAD,QAAsBF,IAAI,CAACE,cAA3B,CAFJ,EAIE,oBAAC,IAAD;MAAM,UAAU,EAAC;IAAjB,GAAyBF,IAAI,CAACC,KAA9B,CAJF,CADF,EAOE,oBAAC,oBAAD,QACGD,IAAI,CAACG,KAAL,CAAWJ,GAAX,CACC;MAAA,IACEE,KADF,SACEA,KADF;MAAA,IAEEG,SAFF,SAEEA,SAFF;MAAA,IAGEC,KAHF,SAGEA,KAHF;MAAA,IAIEC,eAJF,SAIEA,eAJF;MAAA,IAKEH,KALF,SAKEA,KALF;MAAA,OAOE,oBAAC,QAAD;QACE,KAAK,EAAEA,KADT;QAEE,GAAG,EAAEF,KAFP;QAGE,KAAK,EAAEA,KAHT;QAIE,SAAS,EAAEG,SAJb;QAKE,eAAe,EAAEE,eALnB;QAME,KAAK,EAAED,KANT;QAOE,MAAM,EAAEP;MAPV,EAPF;IAAA,CADD,CADH,CAPF,CADe;EAAA,CAAhB,CADH,CADF;AAmCD,CApCD;;AAsCA,eAAeT,KAAK,CAACkB,IAAN,CAAWX,SAAX,CAAf"}

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

@@ -1,5 +1,17 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import React from 'react';
 import { Icon, Text } from '@tecsinapse/react-core';
 import { SubMenuBlock } from "./SubMenuBlock";
@@ -17,8 +29,9 @@ var MenuItem = function MenuItem(_ref) {
       toggle = _ref.toggle;
 
   var _React$useState = React.useState(false),
-      open = _React$useState[0],
-      setOpen = _React$useState[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      open = _React$useState2[0],
+      setOpen = _React$useState2[1];
 
   var noTextDecoration = {
     textDecoration: 'none'
@@ -46,7 +59,7 @@ var MenuItem = function MenuItem(_ref) {
     name: getIconName(),
     type: "material-community",
     fontColor: "orange"
-  }))), open && (items == null ? void 0 : items.map(function (subItem) {
+  }))), open && (items === null || items === void 0 ? void 0 : items.map(function (subItem) {
     return React.createElement(SubMenuBlock, {
       key: subItem.title,
       data: subItem,

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["React","Icon","Text","SubMenuBlock","StyledRightComponent","StyledText","StyledContainerItemText","StyledSubButton","MenuItem","title","Component","props","rightComponents","items","toggle","useState","open","setOpen","noTextDecoration","textDecoration","getIconName","handleMenuAction","map","subItem"],"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"],"mappings":";;AAAA,OAAOA,KAAP,MAAmC,OAAnC;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,wBAA3B;AACA,SAASC,YAAT;AACA,SAASC,oBAAT,EAA+BC,UAA/B;AACA,SAASC,uBAAT,EAAkCC,eAAlC;;AAcA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAOpC;EAAA,IANJC,KAMI,QANJA,KAMI;EAAA,0BALJC,SAKI;EAAA,IALJA,SAKI,+BALQ,GAKR;EAAA,sBAJJC,KAII;EAAA,IAJJA,KAII,2BAJI,EAIJ;EAAA,IAHJC,eAGI,QAHJA,eAGI;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,IADJC,MACI,QADJA,MACI;;EACJ,sBAAwBd,KAAK,CAACe,QAAN,CAAwB,KAAxB,CAAxB;EAAA,IAAOC,IAAP;EAAA,IAAaC,OAAb;;EAEA,IAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc;IAAA,OAClBJ,IAAI,GAAG,8BAAH,GAAoC,gCADtB;EAAA,CAApB;;EAGA,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAmB;IAAA,OAAMJ,OAAO,CAAC,CAACD,IAAF,CAAb;EAAA,CAAzB;;EAEA,OACE,0CACE,oBAAC,uBAAD;IAAyB,GAAG,EAAEP;EAA9B,GACE,oBAAC,SAAD,eAAeE,KAAf;IAAsB,KAAK,EAAEO,gBAA7B;IAA+C,OAAO,EAAEJ;EAAxD,IACE,oBAAC,IAAD;IACE,YAAY,EAAEE,IAAI,GAAG,SAAH,GAAe,WADnC;IAEE,SAAS,EAAEA,IAAI,GAAG,QAAH,GAAc;EAF/B,GAIE,oBAAC,UAAD,QAAaP,KAAb,CAJF,CADF,CADF,EASGG,eAAe,IAAI,CAACC,KAApB,IACC,oBAAC,oBAAD,QAAuBD,eAAvB,CAVJ,EAYGC,KAAK,IACJ,oBAAC,eAAD;IAAiB,OAAO,EAAEQ;EAA1B,GACE,oBAAC,IAAD;IACE,IAAI,EAAED,WAAW,EADnB;IAEE,IAAI,EAAC,oBAFP;IAGE,SAAS,EAAC;EAHZ,EADF,CAbJ,CADF,EAuBGJ,IAAI,KACHH,KADG,oBACHA,KAAK,CAAES,GAAP,CAAW,UAAAC,OAAO;IAAA,OAChB,oBAAC,YAAD;MAAc,GAAG,EAAEA,OAAO,CAACd,KAA3B;MAAkC,IAAI,EAAEc,OAAxC;MAAiD,MAAM,EAAET;IAAzD,EADgB;EAAA,CAAlB,CADG,CAvBP,CADF;AA8BD,CA/CD;;AAiDA,eAAeN,QAAf"}
+{"version":3,"file":"MenuItem.js","names":["React","Icon","Text","SubMenuBlock","StyledRightComponent","StyledText","StyledContainerItemText","StyledSubButton","MenuItem","title","Component","props","rightComponents","items","toggle","useState","open","setOpen","noTextDecoration","textDecoration","getIconName","handleMenuAction","map","subItem"],"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"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAmC,OAAnC;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,wBAA3B;AACA,SAASC,YAAT;AACA,SAASC,oBAAT,EAA+BC,UAA/B;AACA,SAASC,uBAAT,EAAkCC,eAAlC;;AAcA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAOpC;EAAA,IANJC,KAMI,QANJA,KAMI;EAAA,0BALJC,SAKI;EAAA,IALJA,SAKI,+BALQ,GAKR;EAAA,sBAJJC,KAII;EAAA,IAJJA,KAII,2BAJI,EAIJ;EAAA,IAHJC,eAGI,QAHJA,eAGI;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,IADJC,MACI,QADJA,MACI;;EACJ,sBAAwBd,KAAK,CAACe,QAAN,CAAwB,KAAxB,CAAxB;EAAA;EAAA,IAAOC,IAAP;EAAA,IAAaC,OAAb;;EAEA,IAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc;IAAA,OAClBJ,IAAI,GAAG,8BAAH,GAAoC,gCADtB;EAAA,CAApB;;EAGA,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAmB;IAAA,OAAMJ,OAAO,CAAC,CAACD,IAAF,CAAb;EAAA,CAAzB;;EAEA,OACE,0CACE,oBAAC,uBAAD;IAAyB,GAAG,EAAEP;EAA9B,GACE,oBAAC,SAAD,eAAeE,KAAf;IAAsB,KAAK,EAAEO,gBAA7B;IAA+C,OAAO,EAAEJ;EAAxD,IACE,oBAAC,IAAD;IACE,YAAY,EAAEE,IAAI,GAAG,SAAH,GAAe,WADnC;IAEE,SAAS,EAAEA,IAAI,GAAG,QAAH,GAAc;EAF/B,GAIE,oBAAC,UAAD,QAAaP,KAAb,CAJF,CADF,CADF,EASGG,eAAe,IAAI,CAACC,KAApB,IACC,oBAAC,oBAAD,QAAuBD,eAAvB,CAVJ,EAYGC,KAAK,IACJ,oBAAC,eAAD;IAAiB,OAAO,EAAEQ;EAA1B,GACE,oBAAC,IAAD;IACE,IAAI,EAAED,WAAW,EADnB;IAEE,IAAI,EAAC,oBAFP;IAGE,SAAS,EAAC;EAHZ,EADF,CAbJ,CADF,EAuBGJ,IAAI,KACHH,KADG,aACHA,KADG,uBACHA,KAAK,CAAES,GAAP,CAAW,UAAAC,OAAO;IAAA,OAChB,oBAAC,YAAD;MAAc,GAAG,EAAEA,OAAO,CAACd,KAA3B;MAAkC,IAAI,EAAEc,OAAxC;MAAiD,MAAM,EAAET;IAAzD,EADgB;EAAA,CAAlB,CADG,CAvBP,CADF;AA8BD,CA/CD;;AAiDA,eAAeN,QAAf"}

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

@@ -1,15 +1,15 @@
 var _templateObject, _templateObject2;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
-export var StyledContainerItem = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n"])));
-export var DummyBorder = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  border-left: ", ";\n  margin-right: ", ";\n"])), function (_ref) {
+export var StyledContainerItem = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
+export var DummyBorder = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: ", ";\n  border-left: ", ";\n  margin-right: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.typography.sub.fontSize;
 }, function (_ref2) {
   var theme = _ref2.theme;
-  return theme.borderWidth.pico + " solid " + theme.color.primary.medium;
+  return "".concat(theme.borderWidth.pico, " solid ").concat(theme.color.primary.medium);
 }, function (_ref3) {
   var theme = _ref3.theme;
   return theme.spacing.mili;

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","StyledContainerItem","DummyBorder","theme","typography","sub","fontSize","borderWidth","pico","color","primary","medium","spacing","mili"],"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"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,mBAAmB,GAAGD,MAAM,CAAC,KAAD,CAAT,sHAAzB;AAKP,OAAO,IAAME,WAAW,GAAGF,MAAM,CAAC,KAAD,CAAT,6IACZ;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,UAAN,CAAiBC,GAAjB,CAAqBC,QAApC;AAAA,CADY,EAEP;EAAA,IAAGH,KAAH,SAAGA,KAAH;EAAA,OACVA,KAAK,CAACI,WAAN,CAAkBC,IADR,eACsBL,KAAK,CAACM,KAAN,CAAYC,OAAZ,CAAoBC,MAD1C;AAAA,CAFO,EAIN;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACS,OAAN,CAAcC,IAA7B;AAAA,CAJM,CAAjB"}
+{"version":3,"file":"styled.js","names":["styled","StyledContainerItem","DummyBorder","theme","typography","sub","fontSize","borderWidth","pico","color","primary","medium","spacing","mili"],"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"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,mBAAmB,GAAGD,MAAM,CAAC,KAAD,CAAT,iHAAzB;AAKP,OAAO,IAAME,WAAW,GAAGF,MAAM,CAAC,KAAD,CAAT,wIACZ;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,UAAN,CAAiBC,GAAjB,CAAqBC,QAApC;AAAA,CADY,EAEP;EAAA,IAAGH,KAAH,SAAGA,KAAH;EAAA,iBACVA,KAAK,CAACI,WAAN,CAAkBC,IADR,oBACsBL,KAAK,CAACM,KAAN,CAAYC,OAAZ,CAAoBC,MAD1C;AAAA,CAFO,EAIN;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACS,OAAN,CAAcC,IAA7B;AAAA,CAJM,CAAjB"}

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

@@ -1,13 +1,13 @@
 var _templateObject, _templateObject2;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
-export var StyledContainerItemText = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  margin-top: ", ";\n  display: flex;\n  align-items: center;\n"])), function (_ref) {
+export var StyledContainerItemText = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  display: flex;\n  align-items: center;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacing.mili;
 });
-export var StyledSubButton = styled('span')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  padding-top: ", " 0 0 0;\n  margin-left: ", ";\n  cursor: pointer;\n  & * {\n    user-select: none;\n  }\n"])), function (_ref2) {
+export var StyledSubButton = styled('span')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-top: ", " 0 0 0;\n  margin-left: ", ";\n  cursor: pointer;\n  & * {\n    user-select: none;\n  }\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.spacing.nano;
 }, function (_ref3) {

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","StyledContainerItemText","theme","spacing","mili","StyledSubButton","nano"],"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"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,uBAAuB,GAAGD,MAAM,CAAC,KAAD,CAAT,4IACpB;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADoB,CAA7B;AAMP,OAAO,IAAMC,eAAe,GAAGL,MAAM,CAAC,MAAD,CAAT,2LACX;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcG,IAA7B;AAAA,CADW,EAEX;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAFW,CAArB"}
+{"version":3,"file":"styled.js","names":["styled","StyledContainerItemText","theme","spacing","mili","StyledSubButton","nano"],"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"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,uBAAuB,GAAGD,MAAM,CAAC,KAAD,CAAT,uIACpB;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADoB,CAA7B;AAMP,OAAO,IAAMC,eAAe,GAAGL,MAAM,CAAC,MAAD,CAAT,sLACX;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcG,IAA7B;AAAA,CADW,EAEX;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAFW,CAArB"}

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

@@ -1,26 +1,26 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
 import { hex2rgba } from '@tecsinapse/react-core';
-export var StyledLeftComponent = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  margin-right: ", ";\n"])), function (_ref) {
+export var StyledLeftComponent = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacing.mili;
 });
-export var StyledRightComponent = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  margin-left: ", ";\n"])), function (_ref2) {
+export var StyledRightComponent = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.spacing.mili;
 });
-export var StyledContainerMenu = styled('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  border-bottom: ", ";\n  width: 100%;\n  padding-bottom: ", ";\n"])), function (_ref3) {
+export var StyledContainerMenu = styled('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  border-bottom: ", ";\n  width: 100%;\n  padding-bottom: ", ";\n"])), function (_ref3) {
   var theme = _ref3.theme;
-  return theme.borderWidth.pico + " solid " + hex2rgba(theme.miscellaneous.shadow, 0.05);
+  return "".concat(theme.borderWidth.pico, " solid ").concat(hex2rgba(theme.miscellaneous.shadow, 0.05));
 }, function (_ref4) {
   var theme = _ref4.theme;
   return theme.spacing.mili;
 });
-export var StyledContainerItems = styled('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
-export var StyledText = styled('span')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  &:hover {\n    color: ", ";\n  }\n"])), function (_ref5) {
+export var StyledContainerItems = styled('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
+export var StyledText = styled('span')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  &:hover {\n    color: ", ";\n  }\n"])), function (_ref5) {
   var theme = _ref5.theme;
   return theme.font.color.orange;
 });

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","hex2rgba","StyledLeftComponent","theme","spacing","mili","StyledRightComponent","StyledContainerMenu","borderWidth","pico","miscellaneous","shadow","StyledContainerItems","StyledText","font","color","orange"],"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"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,QAAT,QAAqC,wBAArC;AAEA,OAAO,IAAMC,mBAAmB,GAAGF,MAAM,CAAC,KAAD,CAAT,oGACd;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADc,CAAzB;AAIP,OAAO,IAAMC,oBAAoB,GAAGN,MAAM,CAAC,KAAD,CAAT,qGAChB;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADgB,CAA1B;AAIP,OAAO,IAAME,mBAAmB,GAAGP,MAAM,CAAC,KAAD,CAAT,kNAIb;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OACZA,KAAK,CAACK,WAAN,CAAkBC,IADN,eACoBR,QAAQ,CACzCE,KAAK,CAACO,aAAN,CAAoBC,MADqB,EAEzC,IAFyC,CAD5B;AAAA,CAJa,EAUZ;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAVY,CAAzB;AAaP,OAAO,IAAMO,oBAAoB,GAAGZ,MAAM,CAAC,KAAD,CAAT,2HAA1B;AAKP,OAAO,IAAMa,UAAU,GAAGb,MAAM,CAAC,MAAD,CAAT,mHAEV;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACW,IAAN,CAAWC,KAAX,CAAiBC,MAAhC;AAAA,CAFU,CAAhB"}
+{"version":3,"file":"styled.js","names":["styled","hex2rgba","StyledLeftComponent","theme","spacing","mili","StyledRightComponent","StyledContainerMenu","borderWidth","pico","miscellaneous","shadow","StyledContainerItems","StyledText","font","color","orange"],"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"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,QAAT,QAAqC,wBAArC;AAEA,OAAO,IAAMC,mBAAmB,GAAGF,MAAM,CAAC,KAAD,CAAT,+FACd;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADc,CAAzB;AAIP,OAAO,IAAMC,oBAAoB,GAAGN,MAAM,CAAC,KAAD,CAAT,gGAChB;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADgB,CAA1B;AAIP,OAAO,IAAME,mBAAmB,GAAGP,MAAM,CAAC,KAAD,CAAT,6MAIb;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,iBACZA,KAAK,CAACK,WAAN,CAAkBC,IADN,oBACoBR,QAAQ,CACzCE,KAAK,CAACO,aAAN,CAAoBC,MADqB,EAEzC,IAFyC,CAD5B;AAAA,CAJa,EAUZ;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAVY,CAAzB;AAaP,OAAO,IAAMO,oBAAoB,GAAGZ,MAAM,CAAC,KAAD,CAAT,sHAA1B;AAKP,OAAO,IAAMa,UAAU,GAAGb,MAAM,CAAC,MAAD,CAAT,8GAEV;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACW,IAAN,CAAWC,KAAX,CAAiBC,MAAhC;AAAA,CAFU,CAAhB"}