@tecsinapse/react-web-kit 1.18.6 → 1.20.0

package/dist/components/molecules/Grid/index.d.ts

@@ -1,4 +1,4 @@
 export { GridItem } from './Item';
-export type { IGridItem } from './Item';
+export type { IGridItemWeb } from './Item';
 export { default as Grid } from './Grid';
-export type { IGrid } from './Grid';
+export type { IGridWeb } from './Grid';

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "GridItem", {
+Object.defineProperty(exports, "Grid", {
   enumerable: true,
   get: function () {
-    return _Item.GridItem;
+    return _Grid.default;
   }
 });
-Object.defineProperty(exports, "Grid", {
+Object.defineProperty(exports, "GridItem", {
   enumerable: true,
   get: function () {
-    return _Grid.default;
+    return _Item.GridItem;
   }
 });
 

package/dist/components/molecules/Grid/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Grid/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AAEA","sourcesContent":["export { GridItem } from './Item';\nexport type { IGridItem } from './Item';\nexport { default as Grid } from './Grid';\nexport type { IGrid } from './Grid';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Grid/index.ts"],"sourcesContent":["export { GridItem } from './Item';\nexport type { IGridItemWeb } from './Item';\nexport { default as Grid } from './Grid';\nexport type { IGridWeb } from './Grid';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AAEA"}

package/dist/components/molecules/IconTextButton/IconTextButton.d.ts

@@ -0,0 +1,6 @@
+import { IconTextButtonProps } from '@tecsinapse/react-core';
+import React from 'react';
+import { WebButtonProps } from '../../atoms/Button';
+export declare type WebIconTextButtonProps = IconTextButtonProps & Omit<WebButtonProps, 'ButtonProps'>;
+declare const IconTextButton: React.FC<WebIconTextButtonProps>;
+export default IconTextButton;

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

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactCore = require("@tecsinapse/react-core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _useIconTextButton = _interopRequireDefault(require("./hooks/useIconTextButton"));
+
+var _styled = require("./styled");
+
+var _TextComponent = _interopRequireDefault(require("./TextComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 IconTextButton = ({
+  iconProps,
+  iconPosition = 'left',
+  textProps,
+  label,
+  variant = 'filled',
+  size = 'default',
+  ...rest
+}) => {
+  const {
+    handleHover,
+    handlePressed,
+    defaultFontColor
+  } = (0, _useIconTextButton.default)(variant);
+  return _react.default.createElement(_styled.StyledIconTextButton, _extends({
+    boxed: !label,
+    variant: variant,
+    size: size,
+    onMouseOut: () => handleHover(true),
+    onMouseOver: () => handleHover(false),
+    onPressIn: () => handlePressed(true),
+    onPressOut: () => handlePressed(false)
+  }, rest), iconPosition === 'left' ? _react.default.createElement(_reactCore.IconComponent, {
+    iconProps: iconProps,
+    size: size,
+    defaultFontColor: defaultFontColor
+  }) : _react.default.createElement(_react.default.Fragment, null), _react.default.createElement(_TextComponent.default, {
+    label: label,
+    defaultFontColor: defaultFontColor,
+    hasIcon: !!iconProps,
+    iconPosition: iconPosition,
+    textProps: textProps,
+    size: size
+  }), iconPosition === 'right' ? _react.default.createElement(_reactCore.IconComponent, {
+    iconProps: iconProps,
+    size: size,
+    defaultFontColor: defaultFontColor
+  }) : _react.default.createElement(_react.default.Fragment, null));
+};
+
+var _default = IconTextButton;
+exports.default = _default;
+//# sourceMappingURL=IconTextButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconTextButton.js","names":["IconTextButton","iconProps","iconPosition","textProps","label","variant","size","rest","handleHover","handlePressed","defaultFontColor","useIconTextButton"],"sources":["../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"sourcesContent":["import { IconComponent, IconTextButtonProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { WebButtonProps } from '../../atoms/Button';\nimport useIconTextButton from './hooks/useIconTextButton';\nimport { StyledIconTextButton } from './styled';\nimport TextComponent from './TextComponent';\n\nexport type WebIconTextButtonProps = IconTextButtonProps &\n  Omit<WebButtonProps, 'ButtonProps'>;\n\nconst IconTextButton: React.FC<WebIconTextButtonProps> = ({\n  iconProps,\n  iconPosition = 'left',\n  textProps,\n  label,\n  variant = 'filled',\n  size = 'default',\n  ...rest\n}): JSX.Element => {\n  const { handleHover, handlePressed, defaultFontColor } =\n    useIconTextButton(variant);\n\n  return (\n    <StyledIconTextButton\n      boxed={!label}\n      variant={variant}\n      size={size}\n      onMouseOut={() => handleHover(true)}\n      onMouseOver={() => handleHover(false)}\n      onPressIn={() => handlePressed(true)}\n      onPressOut={() => handlePressed(false)}\n      {...rest}\n    >\n      {iconPosition === 'left' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={defaultFontColor}\n        />\n      ) : (\n        <></>\n      )}\n      <TextComponent\n        label={label}\n        defaultFontColor={defaultFontColor}\n        hasIcon={!!iconProps}\n        iconPosition={iconPosition}\n        textProps={textProps}\n        size={size}\n      />\n      {iconPosition === 'right' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={defaultFontColor}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledIconTextButton>\n  );\n};\n\nexport default IconTextButton;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAKA,MAAMA,cAAgD,GAAG,CAAC;EACxDC,SADwD;EAExDC,YAAY,GAAG,MAFyC;EAGxDC,SAHwD;EAIxDC,KAJwD;EAKxDC,OAAO,GAAG,QAL8C;EAMxDC,IAAI,GAAG,SANiD;EAOxD,GAAGC;AAPqD,CAAD,KAQtC;EACjB,MAAM;IAAEC,WAAF;IAAeC,aAAf;IAA8BC;EAA9B,IACJ,IAAAC,0BAAA,EAAkBN,OAAlB,CADF;EAGA,OACE,6BAAC,4BAAD;IACE,KAAK,EAAE,CAACD,KADV;IAEE,OAAO,EAAEC,OAFX;IAGE,IAAI,EAAEC,IAHR;IAIE,UAAU,EAAE,MAAME,WAAW,CAAC,IAAD,CAJ/B;IAKE,WAAW,EAAE,MAAMA,WAAW,CAAC,KAAD,CALhC;IAME,SAAS,EAAE,MAAMC,aAAa,CAAC,IAAD,CANhC;IAOE,UAAU,EAAE,MAAMA,aAAa,CAAC,KAAD;EAPjC,GAQMF,IARN,GAUGL,YAAY,KAAK,MAAjB,GACC,6BAAC,wBAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEI;EAHpB,EADD,GAOC,2DAjBJ,EAmBE,6BAAC,sBAAD;IACE,KAAK,EAAEN,KADT;IAEE,gBAAgB,EAAEM,gBAFpB;IAGE,OAAO,EAAE,CAAC,CAACT,SAHb;IAIE,YAAY,EAAEC,YAJhB;IAKE,SAAS,EAAEC,SALb;IAME,IAAI,EAAEG;EANR,EAnBF,EA2BGJ,YAAY,KAAK,OAAjB,GACC,6BAAC,wBAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEI;EAHpB,EADD,GAOC,2DAlCJ,CADF;AAuCD,CAnDD;;eAqDeV,c"}

package/dist/components/molecules/IconTextButton/TextComponent.d.ts

@@ -0,0 +1,12 @@
+import { ButtonSizeType, FontColor, IconPositionOptions, TextProps } from '@tecsinapse/react-core';
+import React from 'react';
+interface TextComponentProps {
+    textProps?: TextProps;
+    size?: ButtonSizeType;
+    defaultFontColor: keyof FontColor;
+    label?: string;
+    iconPosition?: IconPositionOptions;
+    hasIcon?: boolean;
+}
+declare const _default: React.NamedExoticComponent<TextComponentProps>;
+export default _default;

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactCore = require("@tecsinapse/react-core");
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 TextComponent = ({
+  textProps,
+  size = 'default',
+  defaultFontColor,
+  label
+}) => {
+  return label ? _react.default.createElement(_reactCore.Text, _extends({
+    typography: (textProps === null || textProps === void 0 ? void 0 : textProps.typography) ?? size === 'small' ? 'sub' : 'base',
+    fontWeight: (textProps === null || textProps === void 0 ? void 0 : textProps.fontWeight) ?? 'bold',
+    fontColor: (textProps === null || textProps === void 0 ? void 0 : textProps.fontColor) ?? defaultFontColor
+  }, textProps), label) : _react.default.createElement(_react.default.Fragment, null);
+};
+
+var _default = _react.default.memo(TextComponent);
+
+exports.default = _default;
+//# sourceMappingURL=TextComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextComponent.js","names":["TextComponent","textProps","size","defaultFontColor","label","typography","fontWeight","fontColor","React","memo"],"sources":["../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"sourcesContent":["import {\n  ButtonSizeType,\n  FontColor,\n  IconPositionOptions,\n  Text,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\ninterface TextComponentProps {\n  textProps?: TextProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n  label?: string;\n  iconPosition?: IconPositionOptions;\n  hasIcon?: boolean;\n}\n\nconst TextComponent: FC<TextComponentProps> = ({\n  textProps,\n  size = 'default',\n  defaultFontColor,\n  label,\n}) => {\n  return label ? (\n    <Text\n      typography={textProps?.typography ?? size === 'small' ? 'sub' : 'base'}\n      fontWeight={textProps?.fontWeight ?? 'bold'}\n      fontColor={textProps?.fontColor ?? defaultFontColor}\n      {...textProps}\n    >\n      {label}\n    </Text>\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(TextComponent);\n"],"mappings":";;;;;;;AAAA;;AAOA;;;;;;AAWA,MAAMA,aAAqC,GAAG,CAAC;EAC7CC,SAD6C;EAE7CC,IAAI,GAAG,SAFsC;EAG7CC,gBAH6C;EAI7CC;AAJ6C,CAAD,KAKxC;EACJ,OAAOA,KAAK,GACV,6BAAC,eAAD;IACE,UAAU,EAAE,CAAAH,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEI,UAAX,KAAyBH,IAAI,KAAK,OAAlC,GAA4C,KAA5C,GAAoD,MADlE;IAEE,UAAU,EAAE,CAAAD,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEK,UAAX,KAAyB,MAFvC;IAGE,SAAS,EAAE,CAAAL,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEM,SAAX,KAAwBJ;EAHrC,GAIMF,SAJN,GAMGG,KANH,CADU,GAUV,2DAVF;AAYD,CAlBD;;eAoBeI,cAAA,CAAMC,IAAN,CAAWT,aAAX,C"}

package/dist/components/molecules/IconTextButton/hooks/useIconTextButton.d.ts

@@ -0,0 +1,6 @@
+declare const useIconTextButton: (variant: any) => {
+    handleHover: (value: boolean) => void;
+    handlePressed: (value: boolean) => void;
+    defaultFontColor: any;
+};
+export default useIconTextButton;

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactCore = require("@tecsinapse/react-core");
+
+var _react = require("react");
+
+const useIconTextButton = variant => {
+  const [hover, setHover] = (0, _react.useState)(false);
+  const [pressed, setPressed] = (0, _react.useState)(false);
+  const defaultFontColor = !pressed && hover ? 'light' : _reactCore.fontColorVC[variant];
+  const handleHover = (0, _react.useCallback)(value => {
+    setHover(value);
+  }, [setHover]);
+  const handlePressed = (0, _react.useCallback)(value => {
+    setPressed(value);
+  }, [setPressed]);
+  return {
+    handleHover,
+    handlePressed,
+    defaultFontColor
+  };
+};
+
+var _default = useIconTextButton;
+exports.default = _default;
+//# sourceMappingURL=useIconTextButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIconTextButton.js","names":["useIconTextButton","variant","hover","setHover","useState","pressed","setPressed","defaultFontColor","fontColorVC","handleHover","useCallback","value","handlePressed"],"sources":["../../../../../src/components/molecules/IconTextButton/hooks/useIconTextButton.ts"],"sourcesContent":["import { fontColorVC, VariantType } from '@tecsinapse/react-core';\nimport { useCallback, useState } from 'react';\n\nconst useIconTextButton = (variant: VariantType) => {\n  const [hover, setHover] = useState<boolean>(false);\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  const defaultFontColor = !pressed && hover ? 'light' : fontColorVC[variant];\n\n  const handleHover = useCallback(\n    (value: boolean) => {\n      setHover(value);\n    },\n    [setHover]\n  );\n\n  const handlePressed = useCallback(\n    (value: boolean) => {\n      setPressed(value);\n    },\n    [setPressed]\n  );\n\n  return {\n    handleHover,\n    handlePressed,\n    defaultFontColor,\n  };\n};\n\nexport default useIconTextButton;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA,MAAMA,iBAAiB,GAAIC,OAAD,IAA0B;EAClD,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,IAAAC,eAAA,EAAkB,KAAlB,CAA1B;EACA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAF,eAAA,EAAkB,KAAlB,CAA9B;EAEA,MAAMG,gBAAgB,GAAG,CAACF,OAAD,IAAYH,KAAZ,GAAoB,OAApB,GAA8BM,sBAAA,CAAYP,OAAZ,CAAvD;EAEA,MAAMQ,WAAW,GAAG,IAAAC,kBAAA,EACjBC,KAAD,IAAoB;IAClBR,QAAQ,CAACQ,KAAD,CAAR;EACD,CAHiB,EAIlB,CAACR,QAAD,CAJkB,CAApB;EAOA,MAAMS,aAAa,GAAG,IAAAF,kBAAA,EACnBC,KAAD,IAAoB;IAClBL,UAAU,CAACK,KAAD,CAAV;EACD,CAHmB,EAIpB,CAACL,UAAD,CAJoB,CAAtB;EAOA,OAAO;IACLG,WADK;IAELG,aAFK;IAGLL;EAHK,CAAP;AAKD,CAzBD;;eA2BeP,iB"}

package/dist/components/molecules/IconTextButton/index.d.ts

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

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "IconTextButton", {
+  enumerable: true,
+  get: function () {
+    return _IconTextButton.default;
+  }
+});
+Object.defineProperty(exports, "WebIconTextButtonProps", {
+  enumerable: true,
+  get: function () {
+    return _IconTextButton.WebIconTextButtonProps;
+  }
+});
+
+var _IconTextButton = _interopRequireWildcard(require("./IconTextButton"));
+
+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; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/IconTextButton/index.ts"],"sourcesContent":["export {\n  default as IconTextButton,\n  WebIconTextButtonProps,\n} from './IconTextButton';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}

package/dist/components/molecules/IconTextButton/styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledIconTextButton: import("@emotion/native").StyledComponent<any, {}, {}>;

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledIconTextButton = void 0;
+
+var _native = _interopRequireDefault(require("@emotion/native"));
+
+var _Button = require("../../atoms/Button");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const boxedStyle = ({
+  theme
+}) => `
+    padding: ${theme === null || theme === void 0 ? void 0 : theme.spacing.centi};
+    aspect-ratio: 1;
+  `;
+
+const StyledIconTextButton = (0, _native.default)(_Button.Button)`
+  gap: ${({
+  theme
+}) => theme === null || theme === void 0 ? void 0 : theme.spacing.mili};
+  ${({
+  boxed,
+  theme
+}) => boxed && boxedStyle({
+  theme
+})};
+`;
+exports.StyledIconTextButton = StyledIconTextButton;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +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"}

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

@@ -15,7 +15,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-function _extends() { _extends = Object.assign || 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 _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,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/InputPassword/InputPassword.tsx"],"names":["InputPassword","React","forwardRef","rightComponent","rest","ref","revealed","setRevealed","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAIA,MAAMA,aAAwC,GAAGC,eAAMC,UAAN,CAC/C,CAAC;AAAEC,EAAAA,cAAF;AAAkB,KAAGC;AAArB,CAAD,EAA8BC,GAA9B,KAAsC;AACpC,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0B,qBAAS,KAAT,CAAhC;AACA,SACE,6BAAC,YAAD,eACMH,IADN;AAEE,IAAA,GAAG,EAAEC,GAFP;AAGE,IAAA,eAAe,EAAE,CAACC,QAHpB;AAIE,IAAA,cAAc,EACZ,4DACE,6BAAC,4BAAD;AACE,MAAA,aAAa,EAAEC,WADjB;AAEE,MAAA,QAAQ,EAAED,QAFZ;AAGE,MAAA,MAAM,EAAC;AAHT,MADF,EAMGH,cANH;AALJ,KADF;AAiBD,CApB8C,CAAjD;;AAuBAH,aAAa,CAACQ,WAAd,GAA4B,eAA5B;eAEeR,a","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"],"file":"InputPassword.js"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/InputPassword/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA","sourcesContent":["export {\n  default as InputPassword,\n  InputPasswordWebProps,\n} from './InputPassword';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/InputPassword/index.ts"],"sourcesContent":["export {\n  default as InputPassword,\n  InputPasswordWebProps,\n} from './InputPassword';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}

package/dist/components/molecules/LabeledSwitch/LabelComponent.d.ts

@@ -0,0 +1,12 @@
+import { LabelPositionOptions, TextProps } from '@tecsinapse/react-core';
+import React from 'react';
+import { PressableProps } from 'react-native';
+export interface LabelComponentProps extends PressableProps {
+    label: string;
+    labelPosition: LabelPositionOptions;
+    labelProps?: TextProps;
+    active: boolean;
+    switchDisabled?: boolean;
+}
+declare const _default: React.NamedExoticComponent<LabelComponentProps>;
+export default _default;

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNativeWeb = require("react-native-web");
+
+var _styled = require("./styled");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 LabelComponent = ({
+  label,
+  labelPosition,
+  labelProps,
+  active,
+  switchDisabled = false,
+  ...rest
+}) => {
+  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
+  }, labelProps), label));
+};
+
+var _default = _react.default.memo(LabelComponent);
+
+exports.default = _default;
+//# sourceMappingURL=LabelComponent.js.map

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

@@ -0,0 +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"}

package/dist/components/molecules/LabeledSwitch/LabeledSwitch.d.ts

@@ -0,0 +1,7 @@
+import { LabeledSwitchProps, TextProps } from '@tecsinapse/react-core';
+import { FC } from 'react';
+export declare type LabeledSwitchWebProps = LabeledSwitchProps & {
+    labelProps?: TextProps;
+};
+declare const LabeledSwitch: FC<LabeledSwitchWebProps>;
+export default LabeledSwitch;

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

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactCore = require("@tecsinapse/react-core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _LabelComponent = _interopRequireDefault(require("./LabelComponent"));
+
+var _styled = require("./styled");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 LabeledSwitch = ({
+  label,
+  labelPosition = 'right',
+  labelProps,
+  pressableLabel = false,
+  disabled,
+  active,
+  onChange,
+  ...rest
+}) => {
+  return _react.default.createElement(_styled.StyledDiv, null, labelPosition === 'left' ? _react.default.createElement(_LabelComponent.default, {
+    active: active,
+    label: label,
+    labelPosition: 'left',
+    labelProps: labelProps,
+    disabled: !pressableLabel || disabled,
+    switchDisabled: disabled,
+    onPress: () => onChange(!active)
+  }) : _react.default.createElement(_react.default.Fragment, null), _react.default.createElement(_reactCore.Switch, _extends({
+    active: active,
+    disabled: disabled,
+    onChange: onChange
+  }, rest)), labelPosition === 'right' ? _react.default.createElement(_LabelComponent.default, {
+    active: active,
+    label: label,
+    labelPosition: 'right',
+    labelProps: labelProps,
+    disabled: !pressableLabel || disabled,
+    switchDisabled: disabled,
+    onPress: () => onChange(!active)
+  }) : _react.default.createElement(_react.default.Fragment, null));
+};
+
+var _default = LabeledSwitch;
+exports.default = _default;
+//# sourceMappingURL=LabeledSwitch.js.map

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

@@ -0,0 +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"}

package/dist/components/molecules/LabeledSwitch/index.d.ts

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

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LabeledSwitch", {
+  enumerable: true,
+  get: function () {
+    return _LabeledSwitch.default;
+  }
+});
+Object.defineProperty(exports, "LabeledSwitchWebProps", {
+  enumerable: true,
+  get: function () {
+    return _LabeledSwitch.LabeledSwitchWebProps;
+  }
+});
+
+var _LabeledSwitch = _interopRequireWildcard(require("./LabeledSwitch"));
+
+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; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/LabeledSwitch/index.ts"],"sourcesContent":["export {\n  default as LabeledSwitch,\n  LabeledSwitchWebProps,\n} from './LabeledSwitch';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}

package/dist/components/molecules/LabeledSwitch/styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const StyledDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledLabel: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledLabel = exports.StyledDiv = void 0;
+
+var _native = _interopRequireWildcard(require("@emotion/native"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _reactCore = require("@tecsinapse/react-core");
+
+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;
+`;
+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};
+      `;
+}}
+`;
+exports.StyledLabel = StyledLabel;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Masonry/Masonry.tsx"],"names":["Masonry","children","columns","spacingTop","spacingLeft","getColumns","columnsArray","Array","from","length","React","Children","forEach","child","index","isValidElement","push","renderColumn","column","map","item","renderColumns"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAUA,MAAMA,OAA+B,GAAG,CAAC;AACvCC,EAAAA,QADuC;AAEvCC,EAAAA,OAFuC;AAGvCC,EAAAA,UAHuC;AAIvCC,EAAAA;AAJuC,CAAD,KAKlC;AACJ,QAAMC,UAAU,GAAG,MAAM;AACvB,UAAMC,YAAiC,GAAGC,KAAK,CAACC,IAAN,CACxC;AAAEC,MAAAA,MAAM,EAAEP;AAAV,KADwC,EAExC,MAAM,EAFkC,CAA1C;;AAKAQ,mBAAMC,QAAN,CAAeC,OAAf,CAAuBX,QAAvB,EAAiC,CAACY,KAAD,EAAQC,KAAR,KAAkB;AACjD,UAAID,KAAK,IAAIH,eAAMK,cAAN,CAAqBF,KAArB,CAAb,EAA0C;AACxCP,QAAAA,YAAY,CAACQ,KAAK,GAAGZ,OAAT,CAAZ,CAA8Bc,IAA9B,CAAmCH,KAAnC;AACD;AACF,KAJD;;AAMA,WAAOP,YAAP;AACD,GAbD;;AAeA,QAAMW,YAAY,GAAGC,MAAM,IAAI;AAC7B,WAAOA,MAAM,CAACC,GAAP,CAAW,CAACC,IAAD,EAAON,KAAP,KAChB,6BAAC,qBAAD;AAAe,MAAA,GAAG,EAAEA,KAApB;AAA2B,MAAA,KAAK,EAAEA,KAAlC;AAAyC,MAAA,UAAU,EAAEX;AAArD,OACGiB,IADH,CADK,CAAP;AAKD,GAND;;AAQA,QAAMC,aAAa,GAAG,MAAM;AAC1B,WAAOhB,UAAU,GAAGc,GAAb,CAAiB,CAACD,MAAD,EAASJ,KAAT,KACtB,6BAAC,wBAAD;AAAkB,MAAA,GAAG,EAAEA,KAAvB;AAA8B,MAAA,KAAK,EAAEA,KAArC;AAA4C,MAAA,WAAW,EAAEV;AAAzD,OACGa,YAAY,CAACC,MAAD,CADf,CADK,CAAP;AAKD,GAND;;AAQA,SAAO,6BAAC,qBAAD,QAAgBG,aAAa,EAA7B,CAAP;AACD,CAtCD;;eAwCerB,O","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"],"file":"Masonry.js"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Masonry/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default as Masonry } from './Masonry';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Masonry/index.ts"],"sourcesContent":["export { default as Masonry } from './Masonry';\n"],"mappings":";;;;;;;;;;;;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Masonry/styled.ts"],"names":["StyledColumnItem","theme","index","spacingLeft","spacing","StyledMasonry","StyledRowItem","spacingTop"],"mappings":";;;;;;;AAAA;;;;AAIO,MAAMA,gBAAgB,GAAG,qBAAO,KAAP,CAE9B;AACF;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,KAAT;AAAgBC,EAAAA,WAAW,GAAG;AAA9B,CAAD,KACbD,KAAK,GAAG,CAAR,GAAYD,KAAK,CAACG,OAAN,CAAcD,WAAd,CAAZ,GAAyC,SAAU;AACvD,CAXO;;AAaA,MAAME,aAAa,GAAG,qBAAO,KAAP,CAAc;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA,CAPO;;AASA,MAAMC,aAAa,GAAG,qBAAO,KAAP,CAE3B;AACF,gBAAgB,CAAC;AAAEL,EAAAA,KAAF;AAASC,EAAAA,KAAT;AAAgBK,EAAAA,UAAU,GAAG;AAA7B,CAAD,KACZL,KAAK,GAAG,CAAR,GAAYD,KAAK,CAACG,OAAN,CAAcG,UAAd,CAAZ,GAAwC,SAAU;AACtD,CALO","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"],"file":"styled.js"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/molecules/Menubar/MenuBlock/MenuBlock.tsx"],"names":["MenuBlock","options","toggle","map","data","title","leftComponents","items","Component","props","rightComponents","React","memo"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAMA;;;;AAOA,MAAMA,SAAmC,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA;AAAX,CAAD,KAAyB;AACnE,SACE,6BAAC,gBAAD;AAAS,IAAA,OAAO,EAAE,CAAlB;AAAqB,IAAA,UAAU,EAAC,MAAhC;AAAuC,IAAA,WAAW,EAAC;AAAnD,KACGD,OAAO,CAACE,GAAR,CAAYC,IAAI,IACf,6BAAC,cAAD,CAAO,QAAP;AAAgB,IAAA,GAAG,EAAG,GAAEA,IAAI,CAACC,KAAM;AAAnC,KACE,6BAAC,2BAAD,QACGD,IAAI,CAACE,cAAL,IACC,6BAAC,2BAAD,QAAsBF,IAAI,CAACE,cAA3B,CAFJ,EAIE,6BAAC,eAAD;AAAM,IAAA,UAAU,EAAC;AAAjB,KAAyBF,IAAI,CAACC,KAA9B,CAJF,CADF,EAOE,6BAAC,4BAAD,QACGD,IAAI,CAACG,KAAL,CAAWJ,GAAX,CACC,CAAC;AACCE,IAAAA,KADD;AAECG,IAAAA,SAFD;AAGCC,IAAAA,KAHD;AAICC,IAAAA,eAJD;AAKCH,IAAAA;AALD,GAAD,KAOE,6BAAC,kBAAD;AACE,IAAA,KAAK,EAAEA,KADT;AAEE,IAAA,GAAG,EAAEF,KAFP;AAGE,IAAA,KAAK,EAAEA,KAHT;AAIE,IAAA,SAAS,EAAEG,SAJb;AAKE,IAAA,eAAe,EAAEE,eALnB;AAME,IAAA,KAAK,EAAED,KANT;AAOE,IAAA,MAAM,EAAEP;AAPV,IARH,CADH,CAPF,CADD,CADH,CADF;AAmCD,CApCD;;eAsCeS,eAAMC,IAAN,CAAWZ,SAAX,C","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"],"file":"MenuBlock.js"}
+{"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"}

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

@@ -17,7 +17,7 @@ var _styled2 = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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 _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,