@tecsinapse/react-web-kit 1.20.2 → 1.21.0

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["boxedStyle","theme","spacing","centi","StyledIconTextButton","styled","Button","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;;AAEA;;;;AAEA,MAAMA,UAAU,GAAG,CAAC;EAAEC;AAAF,CAAD,KAChB;AACH,eAAeA,KADb,aACaA,KADb,uBACaA,KAAK,CAAEC,OAAP,CAAeC,KAAM;AACpC;AACA,GAJA;;AAMO,MAAMC,oBAAoB,GAAG,IAAAC,eAAA,EAAOC,cAAP,CAIlC;AACF,SAAS,CAAC;EAAEL;AAAF,CAAD,KAAeA,KAAf,aAAeA,KAAf,uBAAeA,KAAK,CAAEC,OAAP,CAAeK,IAAK;AAC5C,IAAI,CAAC;EAAEC,KAAF;EAASP;AAAT,CAAD,KAAsBO,KAAK,IAAIR,UAAU,CAAC;EAAEC;AAAF,CAAD,CAAY;AACzD,CAPO"}
+{"version":3,"file":"styled.js","names":["boxedStyle","theme","spacing","centi","StyledIconTextButton","styled","Button","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;;AAEA;;;;;;;;AAEA,MAAMA,UAAU,GAAG;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,gCAEJA,KAFI,aAEJA,KAFI,uBAEJA,KAAK,CAAEC,OAAP,CAAeC,KAFX;AAAA,CAAnB;;AAMO,MAAMC,oBAAoB,GAAG,IAAAC,eAAA,EAAOC,cAAP,CAAH,+FAKxB;EAAA,IAAC;IAAEL;EAAF,CAAD;EAAA,OAAeA,KAAf,aAAeA,KAAf,uBAAeA,KAAK,CAAEC,OAAP,CAAeK,IAA9B;AAAA,CALwB,EAM7B;EAAA,IAAC;IAAEC,KAAF;IAASP;EAAT,CAAD;EAAA,OAAsBO,KAAK,IAAIR,UAAU,CAAC;IAAEC;EAAF,CAAD,CAAzC;AAAA,CAN6B,CAA1B"}

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

@@ -17,10 +17,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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); }
 
-const InputPassword = _react.default.forwardRef(({
-  rightComponent,
-  ...rest
-}, ref) => {
+const InputPassword = _react.default.forwardRef((_ref, ref) => {
+  let {
+    rightComponent,
+    ...rest
+  } = _ref;
   const [revealed, setRevealed] = (0, _react.useState)(false);
   return _react.default.createElement(_Input.Input, _extends({}, rest, {
     ref: ref,

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

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.js","names":["InputPassword","React","forwardRef","rightComponent","rest","ref","revealed","setRevealed","useState","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;;AACA;;AACA;;;;;;;;AAIA,MAAMA,aAAwC,GAAGC,cAAA,CAAMC,UAAN,CAC/C,CAAC;EAAEC,cAAF;EAAkB,GAAGC;AAArB,CAAD,EAA8BC,GAA9B,KAAsC;EACpC,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0B,IAAAC,eAAA,EAAS,KAAT,CAAhC;EACA,OACE,6BAAC,YAAD,eACMJ,IADN;IAEE,GAAG,EAAEC,GAFP;IAGE,eAAe,EAAE,CAACC,QAHpB;IAIE,cAAc,EACZ,4DACE,6BAAC,4BAAD;MACE,aAAa,EAAEC,WADjB;MAEE,QAAQ,EAAED,QAFZ;MAGE,MAAM,EAAC;IAHT,EADF,EAMGH,cANH;EALJ,GADF;AAiBD,CApB8C,CAAjD;;AAuBAH,aAAa,CAACS,WAAd,GAA4B,eAA5B;eAEeT,a"}
+{"version":3,"file":"InputPassword.js","names":["InputPassword","React","forwardRef","ref","rightComponent","rest","revealed","setRevealed","useState","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;;AACA;;AACA;;;;;;;;AAIA,MAAMA,aAAwC,GAAGC,cAAA,CAAMC,UAAN,CAC/C,OAA8BC,GAA9B,KAAsC;EAAA,IAArC;IAAEC,cAAF;IAAkB,GAAGC;EAArB,CAAqC;EACpC,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0B,IAAAC,eAAA,EAAS,KAAT,CAAhC;EACA,OACE,6BAAC,YAAD,eACMH,IADN;IAEE,GAAG,EAAEF,GAFP;IAGE,eAAe,EAAE,CAACG,QAHpB;IAIE,cAAc,EACZ,4DACE,6BAAC,4BAAD;MACE,aAAa,EAAEC,WADjB;MAEE,QAAQ,EAAED,QAFZ;MAGE,MAAM,EAAC;IAHT,EADF,EAMGF,cANH;EALJ,GADF;AAiBD,CApB8C,CAAjD;;AAuBAJ,aAAa,CAACS,WAAd,GAA4B,eAA5B;eAEeT,a"}

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

@@ -15,20 +15,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-const LabelComponent = ({
-  label,
-  labelPosition,
-  labelProps,
-  active,
-  switchDisabled = false,
-  ...rest
-}) => {
+const LabelComponent = _ref => {
+  var _labelProps$fontColor, _labelProps$fontWeigh;
+
+  let {
+    label,
+    labelPosition,
+    labelProps,
+    active,
+    switchDisabled = false,
+    ...rest
+  } = _ref;
   const defaultFontColor = active && !switchDisabled ? 'dark' : 'medium';
   const defaultFontWeight = active && !switchDisabled ? 'bold' : 'regular';
   return _react.default.createElement(_reactNativeWeb.Pressable, rest, _react.default.createElement(_styled.StyledLabel, _extends({
     labelPosition: labelPosition,
-    fontColor: (labelProps === null || labelProps === void 0 ? void 0 : labelProps.fontColor) ?? defaultFontColor,
-    fontWeight: (labelProps === null || labelProps === void 0 ? void 0 : labelProps.fontWeight) ?? 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/dist/components/molecules/LabeledSwitch/LabelComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabelComponent.js","names":["LabelComponent","label","labelPosition","labelProps","active","switchDisabled","rest","defaultFontColor","defaultFontWeight","fontColor","fontWeight","React","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;;AACA;;AACA;;;;;;AAUA,MAAMA,cAAuC,GAAG,CAAC;EAC/CC,KAD+C;EAE/CC,aAF+C;EAG/CC,UAH+C;EAI/CC,MAJ+C;EAK/CC,cAAc,GAAG,KAL8B;EAM/C,GAAGC;AAN4C,CAAD,KAO1C;EACJ,MAAMC,gBAAiC,GACrCH,MAAM,IAAI,CAACC,cAAX,GAA4B,MAA5B,GAAqC,QADvC;EAEA,MAAMG,iBAAmC,GACvCJ,MAAM,IAAI,CAACC,cAAX,GAA4B,MAA5B,GAAqC,SADvC;EAGA,OACE,6BAAC,yBAAD,EAAeC,IAAf,EACE,6BAAC,mBAAD;IACE,aAAa,EAAEJ,aADjB;IAEE,SAAS,EAAE,CAAAC,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEM,SAAZ,KAAyBF,gBAFtC;IAGE,UAAU,EAAE,CAAAJ,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEO,UAAZ,KAA0BF;EAHxC,GAIML,UAJN,GAMGF,KANH,CADF,CADF;AAYD,CAzBD;;eA2BeU,cAAA,CAAMC,IAAN,CAAWZ,cAAX,C"}
+{"version":3,"file":"LabelComponent.js","names":["LabelComponent","label","labelPosition","labelProps","active","switchDisabled","rest","defaultFontColor","defaultFontWeight","fontColor","fontWeight","React","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;;AACA;;AACA;;;;;;AAUA,MAAMA,cAAuC,GAAG,QAO1C;EAAA;;EAAA,IAP2C;IAC/CC,KAD+C;IAE/CC,aAF+C;IAG/CC,UAH+C;IAI/CC,MAJ+C;IAK/CC,cAAc,GAAG,KAL8B;IAM/C,GAAGC;EAN4C,CAO3C;EACJ,MAAMC,gBAAiC,GACrCH,MAAM,IAAI,CAACC,cAAX,GAA4B,MAA5B,GAAqC,QADvC;EAEA,MAAMG,iBAAmC,GACvCJ,MAAM,IAAI,CAACC,cAAX,GAA4B,MAA5B,GAAqC,SADvC;EAGA,OACE,6BAAC,yBAAD,EAAeC,IAAf,EACE,6BAAC,mBAAD;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;;eA2BeU,cAAA,CAAMC,IAAN,CAAWZ,cAAX,C"}

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

@@ -17,16 +17,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-const LabeledSwitch = ({
-  label,
-  labelPosition = 'right',
-  labelProps,
-  pressableLabel = false,
-  disabled,
-  active,
-  onChange,
-  ...rest
-}) => {
+const LabeledSwitch = _ref => {
+  let {
+    label,
+    labelPosition = 'right',
+    labelProps,
+    pressableLabel = false,
+    disabled,
+    active,
+    onChange,
+    ...rest
+  } = _ref;
   return _react.default.createElement(_styled.StyledDiv, null, labelPosition === 'left' ? _react.default.createElement(_LabelComponent.default, {
     active: active,
     label: label,

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

@@ -1 +1 @@
-{"version":3,"file":"LabeledSwitch.js","names":["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;;AACA;;AACA;;AACA;;;;;;AAMA,MAAMA,aAAwC,GAAG,CAAC;EAChDC,KADgD;EAEhDC,aAAa,GAAG,OAFgC;EAGhDC,UAHgD;EAIhDC,cAAc,GAAG,KAJ+B;EAKhDC,QALgD;EAMhDC,MANgD;EAOhDC,QAPgD;EAQhD,GAAGC;AAR6C,CAAD,KAS3C;EACJ,OACE,6BAAC,iBAAD,QACGN,aAAa,KAAK,MAAlB,GACC,6BAAC,uBAAD;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,MAAME,QAAQ,CAAC,CAACD,MAAF;EAPzB,EADD,GAWC,2DAZJ,EAcE,6BAAC,iBAAD;IACE,MAAM,EAAEA,MADV;IAEE,QAAQ,EAAED,QAFZ;IAGE,QAAQ,EAAEE;EAHZ,GAIMC,IAJN,EAdF,EAoBGN,aAAa,KAAK,OAAlB,GACC,6BAAC,uBAAD;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,MAAME,QAAQ,CAAC,CAACD,MAAF;EAPzB,EADD,GAWC,2DA/BJ,CADF;AAoCD,CA9CD;;eAgDeN,a"}
+{"version":3,"file":"LabeledSwitch.js","names":["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;;AACA;;AACA;;AACA;;;;;;AAMA,MAAMA,aAAwC,GAAG,QAS3C;EAAA,IAT4C;IAChDC,KADgD;IAEhDC,aAAa,GAAG,OAFgC;IAGhDC,UAHgD;IAIhDC,cAAc,GAAG,KAJ+B;IAKhDC,QALgD;IAMhDC,MANgD;IAOhDC,QAPgD;IAQhD,GAAGC;EAR6C,CAS5C;EACJ,OACE,6BAAC,iBAAD,QACGN,aAAa,KAAK,MAAlB,GACC,6BAAC,uBAAD;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,MAAME,QAAQ,CAAC,CAACD,MAAF;EAPzB,EADD,GAWC,2DAZJ,EAcE,6BAAC,iBAAD;IACE,MAAM,EAAEA,MADV;IAEE,QAAQ,EAAED,QAFZ;IAGE,QAAQ,EAAEE;EAHZ,GAIMC,IAJN,EAdF,EAoBGN,aAAa,KAAK,OAAlB,GACC,6BAAC,uBAAD;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,MAAME,QAAQ,CAAC,CAACD,MAAF;EAPzB,EADD,GAWC,2DA/BJ,CADF;AAoCD,CA9CD;;eAgDeN,a"}

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

@@ -11,29 +11,24 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _reactCore = require("@tecsinapse/react-core");
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const StyledDiv = (0, _styled.default)('div')`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const StyledDiv = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n"])));
 exports.StyledDiv = StyledDiv;
-const StyledLabel = (0, _native.default)(_reactCore.Text)`
-  ${({
-  theme,
-  labelPosition
-}) => {
-  if (labelPosition === 'right') return (0, _native.css)`
-        margin-left: ${theme === null || theme === void 0 ? void 0 : theme.spacing.centi};
-      `;else if (labelPosition === 'left') return (0, _native.css)`
-        margin-right: ${theme === null || theme === void 0 ? void 0 : theme.spacing.centi};
-      `;
-}}
-`;
+const StyledLabel = (0, _native.default)(_reactCore.Text)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), _ref => {
+  let {
+    theme,
+    labelPosition
+  } = _ref;
+  if (labelPosition === 'right') return (0, _native.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        margin-left: ", ";\n      "])), theme === null || theme === void 0 ? void 0 : theme.spacing.centi);else if (labelPosition === 'left') return (0, _native.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        margin-right: ", ";\n      "])), theme === null || theme === void 0 ? void 0 : theme.spacing.centi);
+});
 exports.StyledLabel = StyledLabel;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledDiv","webStyled","StyledLabel","nativeStyled","Text","theme","labelPosition","css","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;;AACA;;AACA;;;;;;;;AAEO,MAAMA,SAAS,GAAG,IAAAC,eAAA,EAAU,KAAV,CAAiB;AAC1C;AACA;AACA;AACA,CAJO;;AAMA,MAAMC,WAAW,GAAG,IAAAC,eAAA,EAAaC,eAAb,CAIzB;AACF,IAAI,CAAC;EAAEC,KAAF;EAASC;AAAT,CAAD,KAA8B;EAC9B,IAAIA,aAAa,KAAK,OAAtB,EACE,OAAO,IAAAC,WAAA,CAAI;AACjB,uBAAuBF,KADP,aACOA,KADP,uBACOA,KAAK,CAAEG,OAAP,CAAeC,KAAM;AAC5C,OAFM,CADF,KAIK,IAAIH,aAAa,KAAK,MAAtB,EACH,OAAO,IAAAC,WAAA,CAAI;AACjB,wBAAwBF,KADR,aACQA,KADR,uBACQA,KAAK,CAAEG,OAAP,CAAeC,KAAM;AAC7C,OAFM;AAGH,CAAC;AACJ,CAfO"}
+{"version":3,"file":"styled.js","names":["StyledDiv","webStyled","StyledLabel","nativeStyled","Text","theme","labelPosition","css","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;;AACA;;AACA;;;;;;;;;;;;AAEO,MAAMA,SAAS,GAAG,IAAAC,eAAA,EAAU,KAAV,CAAH,yIAAf;;AAMA,MAAMC,WAAW,GAAG,IAAAC,eAAA,EAAaC,eAAb,CAAH,kFAKpB,QAA8B;EAAA,IAA7B;IAAEC,KAAF;IAASC;EAAT,CAA6B;EAC9B,IAAIA,aAAa,KAAK,OAAtB,EACE,WAAOC,WAAP,6GACiBF,KADjB,aACiBA,KADjB,uBACiBA,KAAK,CAAEG,OAAP,CAAeC,KADhC,EADF,KAIK,IAAIH,aAAa,KAAK,MAAtB,EACH,WAAOC,WAAP,8GACkBF,KADlB,aACkBA,KADlB,uBACkBA,KAAK,CAAEG,OAAP,CAAeC,KADjC;AAGH,CAdqB,CAAjB"}

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

@@ -11,12 +11,14 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Masonry = ({
-  children,
-  columns,
-  spacingTop,
-  spacingLeft
-}) => {
+const Masonry = _ref => {
+  let {
+    children,
+    columns,
+    spacingTop,
+    spacingLeft
+  } = _ref;
+
   const getColumns = () => {
     const columnsArray = Array.from({
       length: columns

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

@@ -1 +1 @@
-{"version":3,"file":"Masonry.js","names":["Masonry","children","columns","spacingTop","spacingLeft","getColumns","columnsArray","Array","from","length","React","Children","forEach","child","index","isValidElement","push","renderColumn","column","map","item","renderColumns"],"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"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAUA,MAAMA,OAA+B,GAAG,CAAC;EACvCC,QADuC;EAEvCC,OAFuC;EAGvCC,UAHuC;EAIvCC;AAJuC,CAAD,KAKlC;EACJ,MAAMC,UAAU,GAAG,MAAM;IACvB,MAAMC,YAAiC,GAAGC,KAAK,CAACC,IAAN,CACxC;MAAEC,MAAM,EAAEP;IAAV,CADwC,EAExC,MAAM,EAFkC,CAA1C;;IAKAQ,cAAA,CAAMC,QAAN,CAAeC,OAAf,CAAuBX,QAAvB,EAAiC,CAACY,KAAD,EAAQC,KAAR,KAAkB;MACjD,IAAID,KAAK,IAAIH,cAAA,CAAMK,cAAN,CAAqBF,KAArB,CAAb,EAA0C;QACxCP,YAAY,CAACQ,KAAK,GAAGZ,OAAT,CAAZ,CAA8Bc,IAA9B,CAAmCH,KAAnC;MACD;IACF,CAJD;;IAMA,OAAOP,YAAP;EACD,CAbD;;EAeA,MAAMW,YAAY,GAAGC,MAAM,IAAI;IAC7B,OAAOA,MAAM,CAACC,GAAP,CAAW,CAACC,IAAD,EAAON,KAAP,KAChB,6BAAC,qBAAD;MAAe,GAAG,EAAEA,KAApB;MAA2B,KAAK,EAAEA,KAAlC;MAAyC,UAAU,EAAEX;IAArD,GACGiB,IADH,CADK,CAAP;EAKD,CAND;;EAQA,MAAMC,aAAa,GAAG,MAAM;IAC1B,OAAOhB,UAAU,GAAGc,GAAb,CAAiB,CAACD,MAAD,EAASJ,KAAT,KACtB,6BAAC,wBAAD;MAAkB,GAAG,EAAEA,KAAvB;MAA8B,KAAK,EAAEA,KAArC;MAA4C,WAAW,EAAEV;IAAzD,GACGa,YAAY,CAACC,MAAD,CADf,CADK,CAAP;EAKD,CAND;;EAQA,OAAO,6BAAC,qBAAD,QAAgBG,aAAa,EAA7B,CAAP;AACD,CAtCD;;eAwCerB,O"}
+{"version":3,"file":"Masonry.js","names":["Masonry","children","columns","spacingTop","spacingLeft","getColumns","columnsArray","Array","from","length","React","Children","forEach","child","index","isValidElement","push","renderColumn","column","map","item","renderColumns"],"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"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAUA,MAAMA,OAA+B,GAAG,QAKlC;EAAA,IALmC;IACvCC,QADuC;IAEvCC,OAFuC;IAGvCC,UAHuC;IAIvCC;EAJuC,CAKnC;;EACJ,MAAMC,UAAU,GAAG,MAAM;IACvB,MAAMC,YAAiC,GAAGC,KAAK,CAACC,IAAN,CACxC;MAAEC,MAAM,EAAEP;IAAV,CADwC,EAExC,MAAM,EAFkC,CAA1C;;IAKAQ,cAAA,CAAMC,QAAN,CAAeC,OAAf,CAAuBX,QAAvB,EAAiC,CAACY,KAAD,EAAQC,KAAR,KAAkB;MACjD,IAAID,KAAK,IAAIH,cAAA,CAAMK,cAAN,CAAqBF,KAArB,CAAb,EAA0C;QACxCP,YAAY,CAACQ,KAAK,GAAGZ,OAAT,CAAZ,CAA8Bc,IAA9B,CAAmCH,KAAnC;MACD;IACF,CAJD;;IAMA,OAAOP,YAAP;EACD,CAbD;;EAeA,MAAMW,YAAY,GAAGC,MAAM,IAAI;IAC7B,OAAOA,MAAM,CAACC,GAAP,CAAW,CAACC,IAAD,EAAON,KAAP,KAChB,6BAAC,qBAAD;MAAe,GAAG,EAAEA,KAApB;MAA2B,KAAK,EAAEA,KAAlC;MAAyC,UAAU,EAAEX;IAArD,GACGiB,IADH,CADK,CAAP;EAKD,CAND;;EAQA,MAAMC,aAAa,GAAG,MAAM;IAC1B,OAAOhB,UAAU,GAAGc,GAAb,CAAiB,CAACD,MAAD,EAASJ,KAAT,KACtB,6BAAC,wBAAD;MAAkB,GAAG,EAAEA,KAAvB;MAA8B,KAAK,EAAEA,KAArC;MAA4C,WAAW,EAAEV;IAAzD,GACGa,YAAY,CAACC,MAAD,CADf,CADK,CAAP;EAKD,CAND;;EAQA,OAAO,6BAAC,qBAAD,QAAgBG,aAAa,EAA7B,CAAP;AACD,CAtCD;;eAwCerB,O"}

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

@@ -7,37 +7,30 @@ exports.StyledRowItem = exports.StyledMasonry = exports.StyledColumnItem = void
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
+var _templateObject, _templateObject2, _templateObject3;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StyledColumnItem = (0, _styled.default)('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'};
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const StyledColumnItem = (0, _styled.default)('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"])), _ref => {
+  let {
+    theme,
+    index,
+    spacingLeft = 'nano'
+  } = _ref;
+  return index > 0 ? theme.spacing[spacingLeft] : 'initial';
+});
 exports.StyledColumnItem = StyledColumnItem;
-const StyledMasonry = (0, _styled.default)('div')`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-content: stretch;
-  box-sizing: border-box;
-  width: 100%;
-`;
+const StyledMasonry = (0, _styled.default)('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"])));
 exports.StyledMasonry = StyledMasonry;
-const StyledRowItem = (0, _styled.default)('div')`
-  margin-top: ${({
-  theme,
-  index,
-  spacingTop = 'nano'
-}) => index > 0 ? theme.spacing[spacingTop] : 'initial'};
-`;
+const StyledRowItem = (0, _styled.default)('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n"])), _ref2 => {
+  let {
+    theme,
+    index,
+    spacingTop = 'nano'
+  } = _ref2;
+  return index > 0 ? theme.spacing[spacingTop] : 'initial';
+});
 exports.StyledRowItem = StyledRowItem;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledColumnItem","styled","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;;;;AAIO,MAAMA,gBAAgB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAE9B;AACF;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,CAAC;EAAEC,KAAF;EAASC,KAAT;EAAgBC,WAAW,GAAG;AAA9B,CAAD,KACbD,KAAK,GAAG,CAAR,GAAYD,KAAK,CAACG,OAAN,CAAcD,WAAd,CAAZ,GAAyC,SAAU;AACvD,CAXO;;AAaA,MAAME,aAAa,GAAG,IAAAL,eAAA,EAAO,KAAP,CAAc;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA,CAPO;;AASA,MAAMM,aAAa,GAAG,IAAAN,eAAA,EAAO,KAAP,CAE3B;AACF,gBAAgB,CAAC;EAAEC,KAAF;EAASC,KAAT;EAAgBK,UAAU,GAAG;AAA7B,CAAD,KACZL,KAAK,GAAG,CAAR,GAAYD,KAAK,CAACG,OAAN,CAAcG,UAAd,CAAZ,GAAwC,SAAU;AACtD,CALO"}
+{"version":3,"file":"styled.js","names":["StyledColumnItem","styled","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;;;;;;;;AAIO,MAAMA,gBAAgB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,+NASZ;EAAA,IAAC;IAAEC,KAAF;IAASC,KAAT;IAAgBC,WAAW,GAAG;EAA9B,CAAD;EAAA,OACbD,KAAK,GAAG,CAAR,GAAYD,KAAK,CAACG,OAAN,CAAcD,WAAd,CAAZ,GAAyC,SAD5B;AAAA,CATY,CAAtB;;AAaA,MAAME,aAAa,GAAG,IAAAL,eAAA,EAAO,KAAP,CAAH,qNAAnB;;AASA,MAAMM,aAAa,GAAG,IAAAN,eAAA,EAAO,KAAP,CAAH,+FAGV;EAAA,IAAC;IAAEC,KAAF;IAASC,KAAT;IAAgBK,UAAU,GAAG;EAA7B,CAAD;EAAA,OACZL,KAAK,GAAG,CAAR,GAAYD,KAAK,CAACG,OAAN,CAAcG,UAAd,CAAZ,GAAwC,SAD5B;AAAA,CAHU,CAAnB"}

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

@@ -17,33 +17,37 @@ var _Masonry = require("../../Masonry");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const MenuBlock = ({
-  options,
-  toggle
-}) => {
+const MenuBlock = _ref => {
+  let {
+    options,
+    toggle
+  } = _ref;
   return _react.default.createElement(_Masonry.Masonry, {
     columns: 4,
     spacingTop: "kilo",
     spacingLeft: "mega"
   }, options.map(data => _react.default.createElement(_react.default.Fragment, {
-    key: `${data.title}`
+    key: "".concat(data.title)
   }, _react.default.createElement(_styled.StyledContainerMenu, null, data.leftComponents && _react.default.createElement(_styled.StyledLeftComponent, null, data.leftComponents), _react.default.createElement(_reactCore.Text, {
     fontWeight: "bold"
-  }, data.title)), _react.default.createElement(_styled.StyledContainerItems, null, data.items.map(({
-    title,
-    Component,
-    props,
-    rightComponents,
-    items
-  }) => _react.default.createElement(_MenuItem.MenuItem, {
-    items: items,
-    key: title,
-    title: title,
-    Component: Component,
-    rightComponents: rightComponents,
-    props: props,
-    toggle: toggle
-  }))))));
+  }, data.title)), _react.default.createElement(_styled.StyledContainerItems, null, data.items.map(_ref2 => {
+    let {
+      title,
+      Component,
+      props,
+      rightComponents,
+      items
+    } = _ref2;
+    return _react.default.createElement(_MenuItem.MenuItem, {
+      items: items,
+      key: title,
+      title: title,
+      Component: Component,
+      rightComponents: rightComponents,
+      props: props,
+      toggle: toggle
+    });
+  })))));
 };
 
 var _default = _react.default.memo(MenuBlock);

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

@@ -1 +1 @@
-{"version":3,"file":"MenuBlock.js","names":["MenuBlock","options","toggle","map","data","title","leftComponents","items","Component","props","rightComponents","React","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;;AACA;;AACA;;AACA;;AAMA;;;;AAOA,MAAMA,SAAmC,GAAG,CAAC;EAAEC,OAAF;EAAWC;AAAX,CAAD,KAAyB;EACnE,OACE,6BAAC,gBAAD;IAAS,OAAO,EAAE,CAAlB;IAAqB,UAAU,EAAC,MAAhC;IAAuC,WAAW,EAAC;EAAnD,GACGD,OAAO,CAACE,GAAR,CAAYC,IAAI,IACf,6BAAC,cAAD,CAAO,QAAP;IAAgB,GAAG,EAAG,GAAEA,IAAI,CAACC,KAAM;EAAnC,GACE,6BAAC,2BAAD,QACGD,IAAI,CAACE,cAAL,IACC,6BAAC,2BAAD,QAAsBF,IAAI,CAACE,cAA3B,CAFJ,EAIE,6BAAC,eAAD;IAAM,UAAU,EAAC;EAAjB,GAAyBF,IAAI,CAACC,KAA9B,CAJF,CADF,EAOE,6BAAC,4BAAD,QACGD,IAAI,CAACG,KAAL,CAAWJ,GAAX,CACC,CAAC;IACCE,KADD;IAECG,SAFD;IAGCC,KAHD;IAICC,eAJD;IAKCH;EALD,CAAD,KAOE,6BAAC,kBAAD;IACE,KAAK,EAAEA,KADT;IAEE,GAAG,EAAEF,KAFP;IAGE,KAAK,EAAEA,KAHT;IAIE,SAAS,EAAEG,SAJb;IAKE,eAAe,EAAEE,eALnB;IAME,KAAK,EAAED,KANT;IAOE,MAAM,EAAEP;EAPV,EARH,CADH,CAPF,CADD,CADH,CADF;AAmCD,CApCD;;eAsCeS,cAAA,CAAMC,IAAN,CAAWZ,SAAX,C"}
+{"version":3,"file":"MenuBlock.js","names":["MenuBlock","options","toggle","map","data","title","leftComponents","items","Component","props","rightComponents","React","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;;AACA;;AACA;;AACA;;AAMA;;;;AAOA,MAAMA,SAAmC,GAAG,QAAyB;EAAA,IAAxB;IAAEC,OAAF;IAAWC;EAAX,CAAwB;EACnE,OACE,6BAAC,gBAAD;IAAS,OAAO,EAAE,CAAlB;IAAqB,UAAU,EAAC,MAAhC;IAAuC,WAAW,EAAC;EAAnD,GACGD,OAAO,CAACE,GAAR,CAAYC,IAAI,IACf,6BAAC,cAAD,CAAO,QAAP;IAAgB,GAAG,YAAKA,IAAI,CAACC,KAAV;EAAnB,GACE,6BAAC,2BAAD,QACGD,IAAI,CAACE,cAAL,IACC,6BAAC,2BAAD,QAAsBF,IAAI,CAACE,cAA3B,CAFJ,EAIE,6BAAC,eAAD;IAAM,UAAU,EAAC;EAAjB,GAAyBF,IAAI,CAACC,KAA9B,CAJF,CADF,EAOE,6BAAC,4BAAD,QACGD,IAAI,CAACG,KAAL,CAAWJ,GAAX,CACC;IAAA,IAAC;MACCE,KADD;MAECG,SAFD;MAGCC,KAHD;MAICC,eAJD;MAKCH;IALD,CAAD;IAAA,OAOE,6BAAC,kBAAD;MACE,KAAK,EAAEA,KADT;MAEE,GAAG,EAAEF,KAFP;MAGE,KAAK,EAAEA,KAHT;MAIE,SAAS,EAAEG,SAJb;MAKE,eAAe,EAAEE,eALnB;MAME,KAAK,EAAED,KANT;MAOE,MAAM,EAAEP;IAPV,EAPF;EAAA,CADD,CADH,CAPF,CADD,CADH,CADF;AAmCD,CApCD;;eAsCeS,cAAA,CAAMC,IAAN,CAAWZ,SAAX,C"}

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

@@ -19,14 +19,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-const MenuItem = ({
-  title,
-  Component = 'a',
-  props = {},
-  rightComponents,
-  items,
-  toggle
-}) => {
+const MenuItem = _ref => {
+  let {
+    title,
+    Component = 'a',
+    props = {},
+    rightComponents,
+    items,
+    toggle
+  } = _ref;
+
   const [open, setOpen] = _react.default.useState(false);
 
   const noTextDecoration = {

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["MenuItem","title","Component","props","rightComponents","items","toggle","open","setOpen","React","useState","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;;AACA;;AACA;;AACA;;AACA;;;;;;AAcA,MAAMA,QAAiC,GAAG,CAAC;EACzCC,KADyC;EAEzCC,SAAS,GAAG,GAF6B;EAGzCC,KAAK,GAAG,EAHiC;EAIzCC,eAJyC;EAKzCC,KALyC;EAMzCC;AANyC,CAAD,KAOpC;EACJ,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkBC,cAAA,CAAMC,QAAN,CAAwB,KAAxB,CAAxB;;EAEA,MAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;;EAEA,MAAMC,WAAW,GAAG,MAClBN,IAAI,GAAG,8BAAH,GAAoC,gCAD1C;;EAGA,MAAMO,gBAAgB,GAAG,MAAMN,OAAO,CAAC,CAACD,IAAF,CAAtC;;EAEA,OACE,4DACE,6BAAC,gCAAD;IAAyB,GAAG,EAAEN;EAA9B,GACE,6BAAC,SAAD,eAAeE,KAAf;IAAsB,KAAK,EAAEQ,gBAA7B;IAA+C,OAAO,EAAEL;EAAxD,IACE,6BAAC,eAAD;IACE,YAAY,EAAEC,IAAI,GAAG,SAAH,GAAe,WADnC;IAEE,SAAS,EAAEA,IAAI,GAAG,QAAH,GAAc;EAF/B,GAIE,6BAAC,kBAAD,QAAaN,KAAb,CAJF,CADF,CADF,EASGG,eAAe,IAAI,CAACC,KAApB,IACC,6BAAC,4BAAD,QAAuBD,eAAvB,CAVJ,EAYGC,KAAK,IACJ,6BAAC,wBAAD;IAAiB,OAAO,EAAES;EAA1B,GACE,6BAAC,eAAD;IACE,IAAI,EAAED,WAAW,EADnB;IAEE,IAAI,EAAC,oBAFP;IAGE,SAAS,EAAC;EAHZ,EADF,CAbJ,CADF,EAuBGN,IAAI,KACHF,KADG,aACHA,KADG,uBACHA,KAAK,CAAEU,GAAP,CAAWC,OAAO,IAChB,6BAAC,0BAAD;IAAc,GAAG,EAAEA,OAAO,CAACf,KAA3B;IAAkC,IAAI,EAAEe,OAAxC;IAAiD,MAAM,EAAEV;EAAzD,EADF,CADG,CAvBP,CADF;AA8BD,CA/CD;;eAiDeN,Q"}
+{"version":3,"file":"MenuItem.js","names":["MenuItem","title","Component","props","rightComponents","items","toggle","open","setOpen","React","useState","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;;AACA;;AACA;;AACA;;AACA;;;;;;AAcA,MAAMA,QAAiC,GAAG,QAOpC;EAAA,IAPqC;IACzCC,KADyC;IAEzCC,SAAS,GAAG,GAF6B;IAGzCC,KAAK,GAAG,EAHiC;IAIzCC,eAJyC;IAKzCC,KALyC;IAMzCC;EANyC,CAOrC;;EACJ,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkBC,cAAA,CAAMC,QAAN,CAAwB,KAAxB,CAAxB;;EAEA,MAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;;EAEA,MAAMC,WAAW,GAAG,MAClBN,IAAI,GAAG,8BAAH,GAAoC,gCAD1C;;EAGA,MAAMO,gBAAgB,GAAG,MAAMN,OAAO,CAAC,CAACD,IAAF,CAAtC;;EAEA,OACE,4DACE,6BAAC,gCAAD;IAAyB,GAAG,EAAEN;EAA9B,GACE,6BAAC,SAAD,eAAeE,KAAf;IAAsB,KAAK,EAAEQ,gBAA7B;IAA+C,OAAO,EAAEL;EAAxD,IACE,6BAAC,eAAD;IACE,YAAY,EAAEC,IAAI,GAAG,SAAH,GAAe,WADnC;IAEE,SAAS,EAAEA,IAAI,GAAG,QAAH,GAAc;EAF/B,GAIE,6BAAC,kBAAD,QAAaN,KAAb,CAJF,CADF,CADF,EASGG,eAAe,IAAI,CAACC,KAApB,IACC,6BAAC,4BAAD,QAAuBD,eAAvB,CAVJ,EAYGC,KAAK,IACJ,6BAAC,wBAAD;IAAiB,OAAO,EAAES;EAA1B,GACE,6BAAC,eAAD;IACE,IAAI,EAAED,WAAW,EADnB;IAEE,IAAI,EAAC,oBAFP;IAGE,SAAS,EAAC;EAHZ,EADF,CAbJ,CADF,EAuBGN,IAAI,KACHF,KADG,aACHA,KADG,uBACHA,KAAK,CAAEU,GAAP,CAAWC,OAAO,IAChB,6BAAC,0BAAD;IAAc,GAAG,EAAEA,OAAO,CAACf,KAA3B;IAAkC,IAAI,EAAEe,OAAxC;IAAiD,MAAM,EAAEV;EAAzD,EADF,CADG,CAvBP,CADF;AA8BD,CA/CD;;eAiDeN,Q"}

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

@@ -17,10 +17,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-const SubMenuBlock = ({
-  data,
-  toggle
-}) => {
+const SubMenuBlock = _ref => {
+  let {
+    data,
+    toggle
+  } = _ref;
   const {
     Component,
     props,

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

@@ -1 +1 @@
-{"version":3,"file":"SubMenuBlock.js","names":["SubMenuBlock","data","toggle","Component","props","rightComponents","title","noTextDecoration","textDecoration"],"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"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AAOA,MAAMA,YAAyC,GAAG,CAAC;EAAEC,IAAF;EAAQC;AAAR,CAAD,KAAsB;EACtE,MAAM;IAAEC,SAAF;IAAaC,KAAb;IAAoBC,eAApB;IAAqCC;EAArC,IAA+CL,IAArD;EAEA,MAAMM,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;EAEA,OACE,6BAAC,4BAAD,QACE,6BAAC,oBAAD,OADF,EAEE,6BAAC,SAAD,eAAeJ,KAAf;IAAsB,KAAK,EAAEG,gBAA7B;IAA+C,OAAO,EAAEL;EAAxD,IACE,6BAAC,eAAD;IAAM,YAAY,EAAC,WAAnB;IAA+B,SAAS,EAAC,QAAzC;IAAkD,UAAU,EAAC;EAA7D,GACE,6BAAC,kBAAD,QAAaI,KAAb,CADF,CADF,CAFF,EAOGD,eAAe,IACd,6BAAC,4BAAD,QAAuBA,eAAvB,CARJ,CADF;AAaD,CAlBD;;eAoBeL,Y"}
+{"version":3,"file":"SubMenuBlock.js","names":["SubMenuBlock","data","toggle","Component","props","rightComponents","title","noTextDecoration","textDecoration"],"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"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AAOA,MAAMA,YAAyC,GAAG,QAAsB;EAAA,IAArB;IAAEC,IAAF;IAAQC;EAAR,CAAqB;EACtE,MAAM;IAAEC,SAAF;IAAaC,KAAb;IAAoBC,eAApB;IAAqCC;EAArC,IAA+CL,IAArD;EAEA,MAAMM,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;EAEA,OACE,6BAAC,4BAAD,QACE,6BAAC,oBAAD,OADF,EAEE,6BAAC,SAAD,eAAeJ,KAAf;IAAsB,KAAK,EAAEG,gBAA7B;IAA+C,OAAO,EAAEL;EAAxD,IACE,6BAAC,eAAD;IAAM,YAAY,EAAC,WAAnB;IAA+B,SAAS,EAAC,QAAzC;IAAkD,UAAU,EAAC;EAA7D,GACE,6BAAC,kBAAD,QAAaI,KAAb,CADF,CADF,CAFF,EAOGD,eAAe,IACd,6BAAC,4BAAD,QAAuBA,eAAvB,CARJ,CADF;AAaD,CAlBD;;eAoBeL,Y"}

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

@@ -7,23 +7,29 @@ exports.StyledContainerItem = exports.DummyBorder = void 0;
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
+var _templateObject, _templateObject2;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StyledContainerItem = (0, _styled.default)('div')`
-  display: flex;
-  align-items: center;
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const StyledContainerItem = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
 exports.StyledContainerItem = StyledContainerItem;
-const DummyBorder = (0, _styled.default)('div')`
-  height: ${({
-  theme
-}) => theme.typography.sub.fontSize};
-  border-left: ${({
-  theme
-}) => `${theme.borderWidth.pico} solid ${theme.color.primary.medium}`};
-  margin-right: ${({
-  theme
-}) => theme.spacing.mili};
-`;
+const DummyBorder = (0, _styled.default)('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: ", ";\n  border-left: ", ";\n  margin-right: ", ";\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.typography.sub.fontSize;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return "".concat(theme.borderWidth.pico, " solid ").concat(theme.color.primary.medium);
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.spacing.mili;
+});
 exports.DummyBorder = DummyBorder;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledContainerItem","styled","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;;;;AAGO,MAAMA,mBAAmB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmC;AACtE;AACA;AACA,CAHO;;AAKA,MAAMC,WAAW,GAAG,IAAAD,eAAA,EAAO,KAAP,CAAmC;AAC9D,YAAY,CAAC;EAAEE;AAAF,CAAD,KAAeA,KAAK,CAACC,UAAN,CAAiBC,GAAjB,CAAqBC,QAAS;AACzD,iBAAiB,CAAC;EAAEH;AAAF,CAAD,KACZ,GAAEA,KAAK,CAACI,WAAN,CAAkBC,IAAK,UAASL,KAAK,CAACM,KAAN,CAAYC,OAAZ,CAAoBC,MAAO,EAAE;AACpE,kBAAkB,CAAC;EAAER;AAAF,CAAD,KAAeA,KAAK,CAACS,OAAN,CAAcC,IAAK;AACpD,CALO"}
+{"version":3,"file":"styled.js","names":["StyledContainerItem","styled","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;;;;;;;;AAGO,MAAMA,mBAAmB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,iHAAzB;;AAKA,MAAMC,WAAW,GAAG,IAAAD,eAAA,EAAO,KAAP,CAAH,wIACZ;EAAA,IAAC;IAAEE;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,UAAN,CAAiBC,GAAjB,CAAqBC,QAApC;AAAA,CADY,EAEP;EAAA,IAAC;IAAEH;EAAF,CAAD;EAAA,iBACVA,KAAK,CAACI,WAAN,CAAkBC,IADR,oBACsBL,KAAK,CAACM,KAAN,CAAYC,OAAZ,CAAoBC,MAD1C;AAAA,CAFO,EAIN;EAAA,IAAC;IAAER;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACS,OAAN,CAAcC,IAA7B;AAAA,CAJM,CAAjB"}

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

@@ -7,27 +7,29 @@ exports.StyledSubButton = exports.StyledContainerItemText = void 0;
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
+var _templateObject, _templateObject2;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StyledContainerItemText = (0, _styled.default)('div')`
-  margin-top: ${({
-  theme
-}) => theme.spacing.mili};
-  display: flex;
-  align-items: center;
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const StyledContainerItemText = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  display: flex;\n  align-items: center;\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spacing.mili;
+});
 exports.StyledContainerItemText = StyledContainerItemText;
-const StyledSubButton = (0, _styled.default)('span')`
-  padding-top: ${({
-  theme
-}) => theme.spacing.nano} 0 0 0;
-  margin-left: ${({
-  theme
-}) => theme.spacing.mili};
-  cursor: pointer;
-  & * {
-    user-select: none;
-  }
-`;
+const StyledSubButton = (0, _styled.default)('span')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-top: ", " 0 0 0;\n  margin-left: ", ";\n  cursor: pointer;\n  & * {\n    user-select: none;\n  }\n"])), _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.spacing.nano;
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.spacing.mili;
+});
 exports.StyledSubButton = StyledSubButton;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledContainerItemText","styled","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;;;;AAGO,MAAMA,uBAAuB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmC;AAC1E,gBAAgB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAClD;AACA;AACA,CAJO;;AAMA,MAAMC,eAAe,GAAG,IAAAJ,eAAA,EAAO,MAAP,CAAoC;AACnE,iBAAiB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcG,IAAK;AACnD,iBAAiB,CAAC;EAAEJ;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACnD;AACA;AACA;AACA;AACA,CAPO"}
+{"version":3,"file":"styled.js","names":["StyledContainerItemText","styled","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;;;;;;;;AAGO,MAAMA,uBAAuB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,uIACpB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADoB,CAA7B;;AAMA,MAAMC,eAAe,GAAG,IAAAJ,eAAA,EAAO,MAAP,CAAH,sLACX;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcG,IAA7B;AAAA,CADW,EAEX;EAAA,IAAC;IAAEJ;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAFW,CAArB"}