@tecsinapse/react-web-kit 1.21.3 → 1.22.0

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

@@ -1,34 +1,59 @@
-var _excluded = ["label", "labelPosition", "labelProps", "active", "switchDisabled"];
-
-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';
-import { Pressable } from "react-native-web";
-import { StyledLabel } from "./styled";
-
-var LabelComponent = function LabelComponent(_ref) {
-  var _labelProps$fontColor, _labelProps$fontWeigh;
-
-  var label = _ref.label,
-      labelPosition = _ref.labelPosition,
-      labelProps = _ref.labelProps,
-      active = _ref.active,
-      _ref$switchDisabled = _ref.switchDisabled,
-      switchDisabled = _ref$switchDisabled === void 0 ? false : _ref$switchDisabled,
-      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 || 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
+import { Pressable } from 'react-native-web';
+import { StyledLabel } from './styled.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const LabelComponent = (_a) => {
+  var _b = _a, {
+    label,
+    labelPosition,
+    labelProps,
+    active,
+    switchDisabled = false
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "labelPosition",
+    "labelProps",
+    "active",
+    "switchDisabled"
+  ]);
+  var _a2, _b2;
+  const defaultFontColor = active && !switchDisabled ? "dark" : "medium";
+  const defaultFontWeight = active && !switchDisabled ? "bold" : "regular";
+  return /* @__PURE__ */ React.createElement(Pressable, __spreadValues({}, rest), /* @__PURE__ */ React.createElement(StyledLabel, __spreadValues({
+    labelPosition,
+    fontColor: (_a2 = labelProps == null ? void 0 : labelProps.fontColor) != null ? _a2 : defaultFontColor,
+    fontWeight: (_b2 = labelProps == null ? void 0 : labelProps.fontWeight) != null ? _b2 : defaultFontWeight
   }, labelProps), label));
 };
+var LabelComponent$1 = React.memo(LabelComponent);
 
-export default React.memo(LabelComponent);
-//# sourceMappingURL=LabelComponent.js.map
+export { LabelComponent$1 as default };
+//# sourceMappingURL=LabelComponent.js.map

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,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"}
+{"version":3,"file":"LabelComponent.js","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"],"names":["_a","_b"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,cAAA,GAA0C,CAAC,EAO3C,KAAA;AAP2C,EAC/C,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,GAvBnB,GAkBiD,EAM5C,EAAA,IAAA,GAAA,SAAA,CAN4C,EAM5C,EAAA;AAAA,IALH,OAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,GAAA,CAAA,CAAA;AAvBF,EAAA,IAAAA,GAAAC,EAAAA,GAAAA,CAAAA;AA0BE,EAAA,MAAM,gBACJ,GAAA,MAAA,IAAU,CAAC,cAAA,GAAiB,MAAS,GAAA,QAAA,CAAA;AACvC,EAAA,MAAM,iBACJ,GAAA,MAAA,IAAU,CAAC,cAAA,GAAiB,MAAS,GAAA,SAAA,CAAA;AAEvC,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAc,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,cAAA,CAAA;AAAA,IACC,aAAA;AAAA,IACA,SAAWD,EAAAA,CAAAA,GAAAA,GAAA,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,SAAA,KAAZ,OAAAA,GAAyB,GAAA,gBAAA;AAAA,IACpC,UAAYC,EAAAA,CAAAA,GAAAA,GAAA,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,UAAA,KAAZ,OAAAA,GAA0B,GAAA,iBAAA;AAAA,GAClC,EAAA,UAAA,CAAA,EAEH,KACH,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,uBAAe,KAAA,CAAM,KAAK,cAAc,CAAA;;;;"}

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

@@ -1,54 +1,76 @@
-var _excluded = ["label", "labelPosition", "labelProps", "pressableLabel", "disabled", "active", "onChange"];
-
-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';
 import React from 'react';
-import LabelComponent from "./LabelComponent";
-import { StyledDiv } from "./styled";
-
-var LabeledSwitch = function LabeledSwitch(_ref) {
-  var label = _ref.label,
-      _ref$labelPosition = _ref.labelPosition,
-      labelPosition = _ref$labelPosition === void 0 ? 'right' : _ref$labelPosition,
-      labelProps = _ref.labelProps,
-      _ref$pressableLabel = _ref.pressableLabel,
-      pressableLabel = _ref$pressableLabel === void 0 ? false : _ref$pressableLabel,
-      disabled = _ref.disabled,
-      active = _ref.active,
-      onChange = _ref.onChange,
-      rest = _objectWithoutProperties(_ref, _excluded);
+import LabelComponent from './LabelComponent.js';
+import { StyledDiv } from './styled.js';
 
-  return React.createElement(StyledDiv, null, labelPosition === 'left' ? React.createElement(LabelComponent, {
-    active: active,
-    label: label,
-    labelPosition: 'left',
-    labelProps: labelProps,
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const LabeledSwitch = (_a) => {
+  var _b = _a, {
+    label,
+    labelPosition = "right",
+    labelProps,
+    pressableLabel = false,
+    disabled,
+    active,
+    onChange
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "labelPosition",
+    "labelProps",
+    "pressableLabel",
+    "disabled",
+    "active",
+    "onChange"
+  ]);
+  return /* @__PURE__ */ React.createElement(StyledDiv, null, labelPosition === "left" ? /* @__PURE__ */ React.createElement(LabelComponent, {
+    active,
+    label,
+    labelPosition: "left",
+    labelProps,
     disabled: !pressableLabel || disabled,
     switchDisabled: disabled,
-    onPress: function onPress() {
-      return onChange(!active);
-    }
-  }) : React.createElement(React.Fragment, null), React.createElement(Switch, _extends({
-    active: active,
-    disabled: disabled,
-    onChange: onChange
-  }, rest)), labelPosition === 'right' ? React.createElement(LabelComponent, {
-    active: active,
-    label: label,
-    labelPosition: 'right',
-    labelProps: labelProps,
+    onPress: () => onChange(!active)
+  }) : /* @__PURE__ */ React.createElement(React.Fragment, null), /* @__PURE__ */ React.createElement(Switch, __spreadValues({
+    active,
+    disabled,
+    onChange
+  }, rest)), labelPosition === "right" ? /* @__PURE__ */ React.createElement(LabelComponent, {
+    active,
+    label,
+    labelPosition: "right",
+    labelProps,
     disabled: !pressableLabel || disabled,
     switchDisabled: disabled,
-    onPress: function onPress() {
-      return onChange(!active);
-    }
-  }) : React.createElement(React.Fragment, null));
+    onPress: () => onChange(!active)
+  }) : /* @__PURE__ */ React.createElement(React.Fragment, null));
 };
 
-export default LabeledSwitch;
-//# sourceMappingURL=LabeledSwitch.js.map
+export { LabeledSwitch as default };
+//# sourceMappingURL=LabeledSwitch.js.map

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","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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASM,MAAA,aAAA,GAA2C,CAAC,EAS5C,KAAA;AAT4C,EAChD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,aAAgB,GAAA,OAAA;AAAA,IAChB,UAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,IACjB,QAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,GAhBF,GASkD,EAQ7C,EAAA,IAAA,GAAA,SAAA,CAR6C,EAQ7C,EAAA;AAAA,IAPH,OAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,EACE,aAAkB,KAAA,MAAA,mBAChB,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,MAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,mBAEE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEH,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,cAAA,CAAA;AAAA,IACC,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAAA,EACI,IACN,CAAA,CAAA,EACC,aAAkB,KAAA,OAAA,mBAChB,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,OAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,2DAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Masonry.js","names":["React","StyledColumnItem","StyledRowItem","StyledMasonry","Masonry","children","columns","spacingTop","spacingLeft","getColumns","columnsArray","Array","from","length","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,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,gBAAT,EAA2BC,aAA3B,EAA0CC,aAA1C;;AAUA,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAKlC;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,IAHJC,OAGI,QAHJA,OAGI;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADJC,WACI,QADJA,WACI;;EACJ,IAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;IACvB,IAAMC,YAAiC,GAAGC,KAAK,CAACC,IAAN,CACxC;MAAEC,MAAM,EAAEP;IAAV,CADwC,EAExC;MAAA,OAAM,EAAN;IAAA,CAFwC,CAA1C;IAKAN,KAAK,CAACc,QAAN,CAAeC,OAAf,CAAuBV,QAAvB,EAAiC,UAACW,KAAD,EAAQC,KAAR,EAAkB;MACjD,IAAID,KAAK,IAAIhB,KAAK,CAACkB,cAAN,CAAqBF,KAArB,CAAb,EAA0C;QACxCN,YAAY,CAACO,KAAK,GAAGX,OAAT,CAAZ,CAA8Ba,IAA9B,CAAmCH,KAAnC;MACD;IACF,CAJD;IAMA,OAAON,YAAP;EACD,CAbD;;EAeA,IAAMU,YAAY,GAAG,SAAfA,YAAe,CAAAC,MAAM,EAAI;IAC7B,OAAOA,MAAM,CAACC,GAAP,CAAW,UAACC,IAAD,EAAON,KAAP;MAAA,OAChB,oBAAC,aAAD;QAAe,GAAG,EAAEA,KAApB;QAA2B,KAAK,EAAEA,KAAlC;QAAyC,UAAU,EAAEV;MAArD,GACGgB,IADH,CADgB;IAAA,CAAX,CAAP;EAKD,CAND;;EAQA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC1B,OAAOf,UAAU,GAAGa,GAAb,CAAiB,UAACD,MAAD,EAASJ,KAAT;MAAA,OACtB,oBAAC,gBAAD;QAAkB,GAAG,EAAEA,KAAvB;QAA8B,KAAK,EAAEA,KAArC;QAA4C,WAAW,EAAET;MAAzD,GACGY,YAAY,CAACC,MAAD,CADf,CADsB;IAAA,CAAjB,CAAP;EAKD,CAND;;EAQA,OAAO,oBAAC,aAAD,QAAgBG,aAAa,EAA7B,CAAP;AACD,CAtCD;;AAwCA,eAAepB,OAAf"}
+{"version":3,"file":"Masonry.js","sources":["../../../../src/components/molecules/Masonry/Masonry.tsx"],"sourcesContent":["import React from 'react';\nimport { SpacingType } from '@tecsinapse/react-core';\nimport { StyledColumnItem, StyledRowItem, StyledMasonry } from './styled';\n\nexport interface MasonryProps {\n  columns: number;\n  /** Spacing to the left of every block on index % column !== 0 */\n  spacingLeft: SpacingType;\n  /** Spacing to the top of every block on index >= column */\n  spacingTop: SpacingType;\n}\n\nconst Masonry: React.FC<MasonryProps> = ({\n  children,\n  columns,\n  spacingTop,\n  spacingLeft,\n}) => {\n  const getColumns = () => {\n    const columnsArray: React.ReactNode[][] = Array.from(\n      { length: columns },\n      () => []\n    );\n\n    React.Children.forEach(children, (child, index) => {\n      if (child && React.isValidElement(child)) {\n        columnsArray[index % columns].push(child);\n      }\n    });\n\n    return columnsArray;\n  };\n\n  const renderColumn = column => {\n    return column.map((item, index) => (\n      <StyledRowItem key={index} index={index} spacingTop={spacingTop}>\n        {item}\n      </StyledRowItem>\n    ));\n  };\n\n  const renderColumns = () => {\n    return getColumns().map((column, index) => (\n      <StyledColumnItem key={index} index={index} spacingLeft={spacingLeft}>\n        {renderColumn(column)}\n      </StyledColumnItem>\n    ));\n  };\n\n  return <StyledMasonry>{renderColumns()}</StyledMasonry>;\n};\n\nexport default Masonry;\n"],"names":[],"mappings":";;;AAYA,MAAM,UAAkC,CAAC;AAAA,EACvC,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,MAAM,eAAoC,KAAM,CAAA,IAAA;AAAA,MAC9C,EAAE,QAAQ,OAAQ,EAAA;AAAA,MAClB,MAAM,EAAC;AAAA,KACT,CAAA;AAEA,IAAA,KAAA,CAAM,QAAS,CAAA,OAAA,CAAQ,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AACjD,MAAA,IAAI,KAAS,IAAA,KAAA,CAAM,cAAe,CAAA,KAAK,CAAG,EAAA;AACxC,QAAa,YAAA,CAAA,KAAA,GAAQ,OAAS,CAAA,CAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,OAC1C;AAAA,KACD,CAAA,CAAA;AAED,IAAO,OAAA,YAAA,CAAA;AAAA,GACT,CAAA;AAEA,EAAA,MAAM,eAAe,CAAU,MAAA,KAAA;AAC7B,IAAA,OAAO,MAAO,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,0BACtB,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,MAAc,GAAK,EAAA,KAAA;AAAA,MAAO,KAAA;AAAA,MAAc,UAAA;AAAA,KAAA,EACtC,IACH,CACD,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,OAAO,YAAa,CAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,0BAC9B,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,MAAiB,GAAK,EAAA,KAAA;AAAA,MAAO,KAAA;AAAA,MAAc,WAAA;AAAA,KACzC,EAAA,YAAA,CAAa,MAAM,CACtB,CACD,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,aAAe,EAAA,IAAA,EAAA,aAAA,EAAgB,CAAA,CAAA;AACzC;;;;"}

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

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

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

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

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

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