@tecsinapse/react-web-kit 1.20.0 → 1.21.0

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["isWeb","Platform","OS","Backdrop","styled","PressableSurface","theme","css","hex2rgba","miscellaneous","overlay","ModalContent","View","borderRadius","micro","deca"],"sources":["../../../../src/components/molecules/DatePicker/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { hex2rgba, PressableSurface, StyleProps } from '@tecsinapse/react-core';\nimport { Platform } from 'react-native';\n\nconst isWeb = Platform.OS === 'web';\n\nexport const Backdrop = styled(PressableSurface)<Partial<StyleProps>>`\n  ${({ theme }) =>\n    isWeb\n      ? css`\n          justify-content: center;\n          align-items: center;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100vh;\n        `\n      : css`\n          justify-content: flex-end;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100%;\n        `}\n`;\n\nexport const ModalContent = styled.View<Partial<StyleProps>>`\n  background-color: transparent;\n  ${({ theme: { borderRadius } }) => css`\n    ${isWeb\n      ? `\n      border-radius: ${borderRadius.micro};\n    `\n      : `\n      border-top-left-radius: ${borderRadius.deca};\n      border-top-right-radius: ${borderRadius.deca};\n    `}\n  `}\n  overflow: hidden;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAMA,KAAK,GAAGC,wBAAA,CAASC,EAAT,KAAgB,KAA9B;AAEO,MAAMC,QAAQ,GAAG,IAAAC,eAAA,EAAOC,2BAAP,CAA8C;AACtE,IAAI,CAAC;EAAEC;AAAF,CAAD,KACAN,KAAK,GACD,IAAAO,WAAA,CAAI;AACZ;AACA;AACA,8BAA8B,IAAAC,mBAAA,EAASF,KAAK,CAACG,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CAA2C;AACzE;AACA,SANS,GAOD,IAAAH,WAAA,CAAI;AACZ;AACA,8BAA8B,IAAAC,mBAAA,EAASF,KAAK,CAACG,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CAA2C;AACzE;AACA,SAAU;AACV,CAdO;;AAgBA,MAAMC,YAAY,GAAGP,eAAA,CAAOQ,IAA0B;AAC7D;AACA,IAAI,CAAC;EAAEN,KAAK,EAAE;IAAEO;EAAF;AAAT,CAAD,KAAiC,IAAAN,WAAA,CAAI;AACzC,MAAMP,KAAK,GACF;AACT,uBAAuBa,YAAY,CAACC,KAAM;AAC1C,KAHW,GAIF;AACT,gCAAgCD,YAAY,CAACE,IAAK;AAClD,iCAAiCF,YAAY,CAACE,IAAK;AACnD,KAAM;AACN,GAAI;AACJ;AACA,CAbO"}
+{"version":3,"file":"styled.js","names":["isWeb","Platform","OS","Backdrop","styled","PressableSurface","theme","css","hex2rgba","miscellaneous","overlay","ModalContent","View","borderRadius","micro","deca"],"sources":["../../../../src/components/molecules/DatePicker/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { hex2rgba, PressableSurface, StyleProps } from '@tecsinapse/react-core';\nimport { Platform } from 'react-native';\n\nconst isWeb = Platform.OS === 'web';\n\nexport const Backdrop = styled(PressableSurface)<Partial<StyleProps>>`\n  ${({ theme }) =>\n    isWeb\n      ? css`\n          justify-content: center;\n          align-items: center;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100vh;\n        `\n      : css`\n          justify-content: flex-end;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100%;\n        `}\n`;\n\nexport const ModalContent = styled.View<Partial<StyleProps>>`\n  background-color: transparent;\n  ${({ theme: { borderRadius } }) => css`\n    ${isWeb\n      ? `\n      border-radius: ${borderRadius.micro};\n    `\n      : `\n      border-top-left-radius: ${borderRadius.deca};\n      border-top-right-radius: ${borderRadius.deca};\n    `}\n  `}\n  overflow: hidden;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAGC,wBAAA,CAASC,EAAT,KAAgB,KAA9B;AAEO,MAAMC,QAAQ,GAAG,IAAAC,eAAA,EAAOC,2BAAP,CAAH,gFACjB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OACAN,KAAK,OACDO,WADC,oNAIqB,IAAAC,mBAAA,EAASF,KAAK,CAACG,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CAJrB,QAODH,WAPC,qLASqB,IAAAC,mBAAA,EAASF,KAAK,CAACG,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CATrB,CADL;AAAA,CADiB,CAAd;;;AAgBA,MAAMC,YAAY,GAAGP,eAAA,CAAOQ,IAAV,yIAErB;EAAA,IAAC;IAAEN,KAAK,EAAE;MAAEO;IAAF;EAAT,CAAD;EAAA,WAAiCN,WAAjC,uFACEP,KAAK,oCAEYa,YAAY,CAACC,KAFzB,yDAKqBD,YAAY,CAACE,IALlC,+CAMsBF,YAAY,CAACE,IANnC,YADP;AAAA,CAFqB,CAAlB"}

package/dist/components/molecules/DateTimePicker/DateTimePicker.js

@@ -17,8 +17,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const DateTimePicker = ({ ...rest
-}) => {
+const DateTimePicker = _ref => {
+  let { ...rest
+  } = _ref;
   const [visible, setVisible] = (0, _react.useState)(false);
   const show = (0, _react.useCallback)(() => setVisible(true), []);
   const close = (0, _react.useCallback)(() => setVisible(false), []);

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","names":["DateTimePicker","rest","visible","setVisible","useState","show","useCallback","close","selector"],"sources":["../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  'renderSelector' | 'requestShowSelector' | 'requestCloseSelector'\n>;\n\nexport const DateTimePicker: FC<WebDateTimePickerProps> = ({ ...rest }) => {\n  const [visible, setVisible] = useState<boolean>(false);\n\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      requestShowSelector={show}\n      requestCloseSelector={close}\n      renderSelector={selector => (\n        <Dropdown visible={visible} setVisible={setVisible}>\n          {selector}\n        </Dropdown>\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;;;;;;;AAOO,MAAMA,cAA0C,GAAG,CAAC,EAAE,GAAGC;AAAL,CAAD,KAAiB;EACzE,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,EAAkB,KAAlB,CAA9B;EAEA,MAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAY,MAAMH,UAAU,CAAC,IAAD,CAA5B,EAAoC,EAApC,CAAb;EACA,MAAMI,KAAK,GAAG,IAAAD,kBAAA,EAAY,MAAMH,UAAU,CAAC,KAAD,CAA5B,EAAqC,EAArC,CAAd;EAEA,OACE,6BAAC,yBAAD,eACMF,IADN;IAEE,mBAAmB,EAAEI,IAFvB;IAGE,oBAAoB,EAAEE,KAHxB;IAIE,cAAc,EAAEC,QAAQ,IACtB,6BAAC,kBAAD;MAAU,OAAO,EAAEN,OAAnB;MAA4B,UAAU,EAAEC;IAAxC,GACGK,QADH;EALJ,GADF;AAYD,CAlBM"}
+{"version":3,"file":"DateTimePicker.js","names":["DateTimePicker","rest","visible","setVisible","useState","show","useCallback","close","selector"],"sources":["../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  'renderSelector' | 'requestShowSelector' | 'requestCloseSelector'\n>;\n\nexport const DateTimePicker: FC<WebDateTimePickerProps> = ({ ...rest }) => {\n  const [visible, setVisible] = useState<boolean>(false);\n\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      requestShowSelector={show}\n      requestCloseSelector={close}\n      renderSelector={selector => (\n        <Dropdown visible={visible} setVisible={setVisible}>\n          {selector}\n        </Dropdown>\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;;;;;;;AAOO,MAAMA,cAA0C,GAAG,QAAiB;EAAA,IAAhB,EAAE,GAAGC;EAAL,CAAgB;EACzE,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,EAAkB,KAAlB,CAA9B;EAEA,MAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAY,MAAMH,UAAU,CAAC,IAAD,CAA5B,EAAoC,EAApC,CAAb;EACA,MAAMI,KAAK,GAAG,IAAAD,kBAAA,EAAY,MAAMH,UAAU,CAAC,KAAD,CAA5B,EAAqC,EAArC,CAAd;EAEA,OACE,6BAAC,yBAAD,eACMF,IADN;IAEE,mBAAmB,EAAEI,IAFvB;IAGE,oBAAoB,EAAEE,KAHxB;IAIE,cAAc,EAAEC,QAAQ,IACtB,6BAAC,kBAAD;MAAU,OAAO,EAAEN,OAAnB;MAA4B,UAAU,EAAEC;IAAxC,GACGK,QADH;EALJ,GADF;AAYD,CAlBM"}

package/dist/components/molecules/DateTimePicker/Modal.js

@@ -17,11 +17,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Component = ({
-  onRequestClose,
-  children,
-  ...rest
-}) => {
+const Component = _ref => {
+  let {
+    onRequestClose,
+    children,
+    ...rest
+  } = _ref;
   return React.createElement(_reactNativeWeb.Modal, _extends({
     transparent: true,
     hardwareAccelerated: true,

package/dist/components/molecules/DateTimePicker/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Component","onRequestClose","children","rest","Modal"],"sources":["../../../../src/components/molecules/DateTimePicker/Modal.tsx"],"sourcesContent":["import { DateTimeSelectorProps } from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { Backdrop, ModalContent } from './styled';\n\nconst Component: React.FC<DateTimeSelectorProps & ModalProps> = ({\n  onRequestClose,\n  children,\n  ...rest\n}) => {\n  return (\n    <RNModal\n      transparent\n      hardwareAccelerated\n      statusBarTranslucent\n      {...rest}\n      onRequestClose={onRequestClose}\n    >\n      <Backdrop onPress={onRequestClose} effect=\"none\">\n        <ModalContent>{children}</ModalContent>\n      </Backdrop>\n    </RNModal>\n  );\n};\n\nexport const Modal = Component;\n"],"mappings":";;;;;;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,SAAuD,GAAG,CAAC;EAC/DC,cAD+D;EAE/DC,QAF+D;EAG/D,GAAGC;AAH4D,CAAD,KAI1D;EACJ,OACE,oBAAC,qBAAD;IACE,WAAW,MADb;IAEE,mBAAmB,MAFrB;IAGE,oBAAoB;EAHtB,GAIMA,IAJN;IAKE,cAAc,EAAEF;EALlB,IAOE,oBAAC,gBAAD;IAAU,OAAO,EAAEA,cAAnB;IAAmC,MAAM,EAAC;EAA1C,GACE,oBAAC,oBAAD,QAAeC,QAAf,CADF,CAPF,CADF;AAaD,CAlBD;;AAoBO,MAAME,KAAK,GAAGJ,SAAd"}
+{"version":3,"file":"Modal.js","names":["Component","onRequestClose","children","rest","Modal"],"sources":["../../../../src/components/molecules/DateTimePicker/Modal.tsx"],"sourcesContent":["import { DateTimeSelectorProps } from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { Backdrop, ModalContent } from './styled';\n\nconst Component: React.FC<DateTimeSelectorProps & ModalProps> = ({\n  onRequestClose,\n  children,\n  ...rest\n}) => {\n  return (\n    <RNModal\n      transparent\n      hardwareAccelerated\n      statusBarTranslucent\n      {...rest}\n      onRequestClose={onRequestClose}\n    >\n      <Backdrop onPress={onRequestClose} effect=\"none\">\n        <ModalContent>{children}</ModalContent>\n      </Backdrop>\n    </RNModal>\n  );\n};\n\nexport const Modal = Component;\n"],"mappings":";;;;;;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,SAAuD,GAAG,QAI1D;EAAA,IAJ2D;IAC/DC,cAD+D;IAE/DC,QAF+D;IAG/D,GAAGC;EAH4D,CAI3D;EACJ,OACE,oBAAC,qBAAD;IACE,WAAW,MADb;IAEE,mBAAmB,MAFrB;IAGE,oBAAoB;EAHtB,GAIMA,IAJN;IAKE,cAAc,EAAEF;EALlB,IAOE,oBAAC,gBAAD;IAAU,OAAO,EAAEA,cAAnB;IAAmC,MAAM,EAAC;EAA1C,GACE,oBAAC,oBAAD,QAAeC,QAAf,CADF,CAPF,CADF;AAaD,CAlBD;;AAoBO,MAAME,KAAK,GAAGJ,SAAd"}

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

@@ -1 +1,2 @@
-export { DateTimePicker, WebDateTimePickerProps } from './DateTimePicker';
+export { DateTimePicker } from './DateTimePicker';
+export type { WebDateTimePickerProps } from './DateTimePicker';

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

@@ -9,12 +9,6 @@ Object.defineProperty(exports, "DateTimePicker", {
     return _DateTimePicker.DateTimePicker;
   }
 });
-Object.defineProperty(exports, "WebDateTimePickerProps", {
-  enumerable: true,
-  get: function () {
-    return _DateTimePicker.WebDateTimePickerProps;
-  }
-});
 
 var _DateTimePicker = require("./DateTimePicker");
 //# sourceMappingURL=index.js.map

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

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

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

@@ -11,40 +11,26 @@ var _reactCore = require("@tecsinapse/react-core");
 
 var _reactNativeWeb = require("react-native-web");
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
 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; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 const isWeb = _reactNativeWeb.Platform.OS === 'web';
-const Backdrop = (0, _native.default)(_reactCore.PressableSurface)`
-  ${isWeb ? (0, _native.css)`
-        justify-content: center;
-        align-items: center;
-        background-color: rgba(0, 0, 0, 0.5);
-        height: 100vh;
-      ` : (0, _native.css)`
-        justify-content: flex-end;
-        background-color: rgba(0, 0, 0, 0.5);
-        height: 100%;
-      `}
-`;
+const Backdrop = (0, _native.default)(_reactCore.PressableSurface)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), isWeb ? (0, _native.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        justify-content: center;\n        align-items: center;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100vh;\n      "]))) : (0, _native.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        justify-content: flex-end;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100%;\n      "]))));
 exports.Backdrop = Backdrop;
-const ModalContent = _native.default.View`
-  background-color: transparent;
-  ${({
-  theme: {
-    borderRadius
-  }
-}) => (0, _native.css)`
-    ${isWeb ? `
-      width: ${(0, _reactCore.RFValueStr)('375px')};
-      border-radius: ${borderRadius.micro};
-    ` : `
-      border-top-left-radius: ${borderRadius.deca};
-      border-top-right-radius: ${borderRadius.deca};
-    `}
-  `}
-  overflow: hidden;
-`;
+
+const ModalContent = _native.default.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: transparent;\n  ", "\n  overflow: hidden;\n"])), _ref => {
+  let {
+    theme: {
+      borderRadius
+    }
+  } = _ref;
+  return (0, _native.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", "\n  "])), isWeb ? "\n      width: ".concat((0, _reactCore.RFValueStr)('375px'), ";\n      border-radius: ").concat(borderRadius.micro, ";\n    ") : "\n      border-top-left-radius: ".concat(borderRadius.deca, ";\n      border-top-right-radius: ").concat(borderRadius.deca, ";\n    "));
+});
+
 exports.ModalContent = ModalContent;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["isWeb","Platform","OS","Backdrop","styled","PressableSurface","css","ModalContent","View","theme","borderRadius","RFValueStr","micro","deca"],"sources":["../../../../src/components/molecules/DateTimePicker/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n  PressableSurface,\n  RFValueStr,\n  StyleProps,\n} from '@tecsinapse/react-core';\nimport { Platform } from 'react-native';\n\nconst isWeb = Platform.OS === 'web';\n\nexport const Backdrop = styled(PressableSurface)<Partial<StyleProps>>`\n  ${isWeb\n    ? css`\n        justify-content: center;\n        align-items: center;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100vh;\n      `\n    : css`\n        justify-content: flex-end;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100%;\n      `}\n`;\n\nexport const ModalContent = styled.View<Partial<StyleProps>>`\n  background-color: transparent;\n  ${({ theme: { borderRadius } }) => css`\n    ${isWeb\n      ? `\n      width: ${RFValueStr('375px')};\n      border-radius: ${borderRadius.micro};\n    `\n      : `\n      border-top-left-radius: ${borderRadius.deca};\n      border-top-right-radius: ${borderRadius.deca};\n    `}\n  `}\n  overflow: hidden;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAKA;;;;;;AAEA,MAAMA,KAAK,GAAGC,wBAAA,CAASC,EAAT,KAAgB,KAA9B;AAEO,MAAMC,QAAQ,GAAG,IAAAC,eAAA,EAAOC,2BAAP,CAA8C;AACtE,IAAIL,KAAK,GACH,IAAAM,WAAA,CAAI;AACV;AACA;AACA;AACA;AACA,OANS,GAOH,IAAAA,WAAA,CAAI;AACV;AACA;AACA;AACA,OAAQ;AACR,CAbO;;AAeA,MAAMC,YAAY,GAAGH,eAAA,CAAOI,IAA0B;AAC7D;AACA,IAAI,CAAC;EAAEC,KAAK,EAAE;IAAEC;EAAF;AAAT,CAAD,KAAiC,IAAAJ,WAAA,CAAI;AACzC,MAAMN,KAAK,GACF;AACT,eAAe,IAAAW,qBAAA,EAAW,OAAX,CAAoB;AACnC,uBAAuBD,YAAY,CAACE,KAAM;AAC1C,KAJW,GAKF;AACT,gCAAgCF,YAAY,CAACG,IAAK;AAClD,iCAAiCH,YAAY,CAACG,IAAK;AACnD,KAAM;AACN,GAAI;AACJ;AACA,CAdO"}
+{"version":3,"file":"styled.js","names":["isWeb","Platform","OS","Backdrop","styled","PressableSurface","css","ModalContent","View","theme","borderRadius","RFValueStr","micro","deca"],"sources":["../../../../src/components/molecules/DateTimePicker/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n  PressableSurface,\n  RFValueStr,\n  StyleProps,\n} from '@tecsinapse/react-core';\nimport { Platform } from 'react-native';\n\nconst isWeb = Platform.OS === 'web';\n\nexport const Backdrop = styled(PressableSurface)<Partial<StyleProps>>`\n  ${isWeb\n    ? css`\n        justify-content: center;\n        align-items: center;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100vh;\n      `\n    : css`\n        justify-content: flex-end;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100%;\n      `}\n`;\n\nexport const ModalContent = styled.View<Partial<StyleProps>>`\n  background-color: transparent;\n  ${({ theme: { borderRadius } }) => css`\n    ${isWeb\n      ? `\n      width: ${RFValueStr('375px')};\n      border-radius: ${borderRadius.micro};\n    `\n      : `\n      border-top-left-radius: ${borderRadius.deca};\n      border-top-right-radius: ${borderRadius.deca};\n    `}\n  `}\n  overflow: hidden;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAKA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAGC,wBAAA,CAASC,EAAT,KAAgB,KAA9B;AAEO,MAAMC,QAAQ,GAAG,IAAAC,eAAA,EAAOC,2BAAP,CAAH,gFACjBL,KAAK,OACHM,WADG,8NAOHA,WAPG,0LADY,CAAd;;;AAeA,MAAMC,YAAY,GAAGH,eAAA,CAAOI,IAAV,yIAErB;EAAA,IAAC;IAAEC,KAAK,EAAE;MAAEC;IAAF;EAAT,CAAD;EAAA,WAAiCJ,WAAjC,uFACEN,KAAK,4BAEI,IAAAW,qBAAA,EAAW,OAAX,CAFJ,qCAGYD,YAAY,CAACE,KAHzB,yDAMqBF,YAAY,CAACG,IANlC,+CAOsBH,YAAY,CAACG,IAPnC,YADP;AAAA,CAFqB,CAAlB"}

package/dist/components/molecules/Drawer/Drawer.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("core-js/modules/es.array.includes.js");
-
 var _react = _interopRequireDefault(require("react"));
 
 var _styled = require("./styled");
@@ -21,14 +19,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Drawer = ({
-  open,
-  anchorPosition = 'right',
-  onClose,
-  children,
-  style,
-  ...rest
-}) => {
+const Drawer = _ref => {
+  let {
+    open,
+    anchorPosition = 'right',
+    onClose,
+    children,
+    style,
+    ...rest
+  } = _ref;
+
   const getStyles = (anchorPosition, state) => {
     const stylesLeftRight = (0, _animations.defaultStylesLeftRight)(anchorPosition);
     const transitionLeftRight = (0, _animations.transitionStylesLeftRight)(anchorPosition);

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["Drawer","open","anchorPosition","onClose","children","style","rest","getStyles","state","stylesLeftRight","defaultStylesLeftRight","transitionLeftRight","transitionStylesLeftRight","stylesTopBottom","defaultStylesTopBottom","transitionTopBottom","transitionStylesTopBottom","includes"],"sources":["../../../../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledContainerDrawer } from './styled';\nimport { Transition, TransitionStatus } from 'react-transition-group';\nimport { Overlay } from '../../atoms/Overlay';\nimport {\n  transitionStylesTopBottom,\n  defaultStylesTopBottom,\n  defaultStylesLeftRight,\n  transitionStylesLeftRight,\n} from './animations';\n\ntype AnchorPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n  anchorPosition: AnchorPosition;\n}\n\nconst Drawer: FC<DrawerProps> = ({\n  open,\n  anchorPosition = 'right',\n  onClose,\n  children,\n  style,\n  ...rest\n}) => {\n  const getStyles = (\n    anchorPosition: AnchorPosition,\n    state: TransitionStatus\n  ) => {\n    const stylesLeftRight = defaultStylesLeftRight(anchorPosition);\n    const transitionLeftRight = transitionStylesLeftRight(anchorPosition);\n    const stylesTopBottom = defaultStylesTopBottom(anchorPosition);\n    const transitionTopBottom = transitionStylesTopBottom(anchorPosition);\n\n    if (['left', 'right'].includes(anchorPosition)) {\n      return {\n        ...stylesLeftRight,\n        ...transitionLeftRight[state],\n      };\n    } else {\n      return {\n        ...stylesTopBottom,\n        ...transitionTopBottom[state],\n      };\n    }\n  };\n\n  return (\n    <>\n      <Overlay timeout={300} open={open} onClose={onClose} zIndex=\"drawer\" />\n      <Transition in={open} timeout={300}>\n        {state => (\n          <StyledContainerDrawer\n            style={{ ...style, ...getStyles(anchorPosition, state) }}\n            anchorPosition={anchorPosition}\n            onClose={onClose}\n            open={open}\n            {...rest}\n          >\n            {children}\n          </StyledContainerDrawer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Drawer;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAeA,MAAMA,MAAuB,GAAG,CAAC;EAC/BC,IAD+B;EAE/BC,cAAc,GAAG,OAFc;EAG/BC,OAH+B;EAI/BC,QAJ+B;EAK/BC,KAL+B;EAM/B,GAAGC;AAN4B,CAAD,KAO1B;EACJ,MAAMC,SAAS,GAAG,CAChBL,cADgB,EAEhBM,KAFgB,KAGb;IACH,MAAMC,eAAe,GAAG,IAAAC,kCAAA,EAAuBR,cAAvB,CAAxB;IACA,MAAMS,mBAAmB,GAAG,IAAAC,qCAAA,EAA0BV,cAA1B,CAA5B;IACA,MAAMW,eAAe,GAAG,IAAAC,kCAAA,EAAuBZ,cAAvB,CAAxB;IACA,MAAMa,mBAAmB,GAAG,IAAAC,qCAAA,EAA0Bd,cAA1B,CAA5B;;IAEA,IAAI,CAAC,MAAD,EAAS,OAAT,EAAkBe,QAAlB,CAA2Bf,cAA3B,CAAJ,EAAgD;MAC9C,OAAO,EACL,GAAGO,eADE;QAEL,GAAGE,mBAAmB,CAACH,KAAD;MAFjB,CAAP;IAID,CALD,MAKO;MACL,OAAO,EACL,GAAGK,eADE;QAEL,GAAGE,mBAAmB,CAACP,KAAD;MAFjB,CAAP;IAID;EACF,CApBD;;EAsBA,OACE,4DACE,6BAAC,gBAAD;IAAS,OAAO,EAAE,GAAlB;IAAuB,IAAI,EAAEP,IAA7B;IAAmC,OAAO,EAAEE,OAA5C;IAAqD,MAAM,EAAC;EAA5D,EADF,EAEE,6BAAC,gCAAD;IAAY,EAAE,EAAEF,IAAhB;IAAsB,OAAO,EAAE;EAA/B,GACGO,KAAK,IACJ,6BAAC,6BAAD;IACE,KAAK,EAAE,EAAE,GAAGH,KAAL;MAAY,GAAGE,SAAS,CAACL,cAAD,EAAiBM,KAAjB;IAAxB,CADT;IAEE,cAAc,EAAEN,cAFlB;IAGE,OAAO,EAAEC,OAHX;IAIE,IAAI,EAAEF;EAJR,GAKMK,IALN,GAOGF,QAPH,CAFJ,CAFF,CADF;AAkBD,CAhDD;;eAkDeJ,M"}
+{"version":3,"file":"Drawer.js","names":["Drawer","open","anchorPosition","onClose","children","style","rest","getStyles","state","stylesLeftRight","defaultStylesLeftRight","transitionLeftRight","transitionStylesLeftRight","stylesTopBottom","defaultStylesTopBottom","transitionTopBottom","transitionStylesTopBottom","includes"],"sources":["../../../../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledContainerDrawer } from './styled';\nimport { Transition, TransitionStatus } from 'react-transition-group';\nimport { Overlay } from '../../atoms/Overlay';\nimport {\n  transitionStylesTopBottom,\n  defaultStylesTopBottom,\n  defaultStylesLeftRight,\n  transitionStylesLeftRight,\n} from './animations';\n\ntype AnchorPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n  anchorPosition: AnchorPosition;\n}\n\nconst Drawer: FC<DrawerProps> = ({\n  open,\n  anchorPosition = 'right',\n  onClose,\n  children,\n  style,\n  ...rest\n}) => {\n  const getStyles = (\n    anchorPosition: AnchorPosition,\n    state: TransitionStatus\n  ) => {\n    const stylesLeftRight = defaultStylesLeftRight(anchorPosition);\n    const transitionLeftRight = transitionStylesLeftRight(anchorPosition);\n    const stylesTopBottom = defaultStylesTopBottom(anchorPosition);\n    const transitionTopBottom = transitionStylesTopBottom(anchorPosition);\n\n    if (['left', 'right'].includes(anchorPosition)) {\n      return {\n        ...stylesLeftRight,\n        ...transitionLeftRight[state],\n      };\n    } else {\n      return {\n        ...stylesTopBottom,\n        ...transitionTopBottom[state],\n      };\n    }\n  };\n\n  return (\n    <>\n      <Overlay timeout={300} open={open} onClose={onClose} zIndex=\"drawer\" />\n      <Transition in={open} timeout={300}>\n        {state => (\n          <StyledContainerDrawer\n            style={{ ...style, ...getStyles(anchorPosition, state) }}\n            anchorPosition={anchorPosition}\n            onClose={onClose}\n            open={open}\n            {...rest}\n          >\n            {children}\n          </StyledContainerDrawer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Drawer;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAeA,MAAMA,MAAuB,GAAG,QAO1B;EAAA,IAP2B;IAC/BC,IAD+B;IAE/BC,cAAc,GAAG,OAFc;IAG/BC,OAH+B;IAI/BC,QAJ+B;IAK/BC,KAL+B;IAM/B,GAAGC;EAN4B,CAO3B;;EACJ,MAAMC,SAAS,GAAG,CAChBL,cADgB,EAEhBM,KAFgB,KAGb;IACH,MAAMC,eAAe,GAAG,IAAAC,kCAAA,EAAuBR,cAAvB,CAAxB;IACA,MAAMS,mBAAmB,GAAG,IAAAC,qCAAA,EAA0BV,cAA1B,CAA5B;IACA,MAAMW,eAAe,GAAG,IAAAC,kCAAA,EAAuBZ,cAAvB,CAAxB;IACA,MAAMa,mBAAmB,GAAG,IAAAC,qCAAA,EAA0Bd,cAA1B,CAA5B;;IAEA,IAAI,CAAC,MAAD,EAAS,OAAT,EAAkBe,QAAlB,CAA2Bf,cAA3B,CAAJ,EAAgD;MAC9C,OAAO,EACL,GAAGO,eADE;QAEL,GAAGE,mBAAmB,CAACH,KAAD;MAFjB,CAAP;IAID,CALD,MAKO;MACL,OAAO,EACL,GAAGK,eADE;QAEL,GAAGE,mBAAmB,CAACP,KAAD;MAFjB,CAAP;IAID;EACF,CApBD;;EAsBA,OACE,4DACE,6BAAC,gBAAD;IAAS,OAAO,EAAE,GAAlB;IAAuB,IAAI,EAAEP,IAA7B;IAAmC,OAAO,EAAEE,OAA5C;IAAqD,MAAM,EAAC;EAA5D,EADF,EAEE,6BAAC,gCAAD;IAAY,EAAE,EAAEF,IAAhB;IAAsB,OAAO,EAAE;EAA/B,GACGO,KAAK,IACJ,6BAAC,6BAAD;IACE,KAAK,EAAE,EAAE,GAAGH,KAAL;MAAY,GAAGE,SAAS,CAACL,cAAD,EAAiBM,KAAjB;IAAxB,CADT;IAEE,cAAc,EAAEN,cAFlB;IAGE,OAAO,EAAEC,OAHX;IAIE,IAAI,EAAEF;EAJR,GAKMK,IALN,GAOGF,QAPH,CAFJ,CAFF,CADF;AAkBD,CAhDD;;eAkDeJ,M"}

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

@@ -1 +1,2 @@
-export { default as Drawer, DrawerProps } from './Drawer';
+export { default as Drawer } from './Drawer';
+export type { DrawerProps } from './Drawer';

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

@@ -9,16 +9,8 @@ Object.defineProperty(exports, "Drawer", {
     return _Drawer.default;
   }
 });
-Object.defineProperty(exports, "DrawerProps", {
-  enumerable: true,
-  get: function () {
-    return _Drawer.DrawerProps;
-  }
-});
-
-var _Drawer = _interopRequireWildcard(require("./Drawer"));
 
-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); }
+var _Drawer = _interopRequireDefault(require("./Drawer"));
 
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

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

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

@@ -5,84 +5,56 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledContainerDrawer = void 0;
 
-require("core-js/modules/es.array.includes.js");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _react = require("@emotion/react");
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const anchorLeft = ({
-  theme,
-  anchorPosition
-}) => {
-  return anchorPosition === 'left' && (0, _react.css)`
-      left: 0;
-      top: 0;
-      border-top-right-radius: ${theme.borderRadius.centi};
-      border-bottom-right-radius: ${theme.borderRadius.centi};
-    `;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const anchorLeft = _ref => {
+  let {
+    theme,
+    anchorPosition
+  } = _ref;
+  return anchorPosition === 'left' && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      left: 0;\n      top: 0;\n      border-top-right-radius: ", ";\n      border-bottom-right-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
 };
 
-const anchorRight = ({
-  theme,
-  anchorPosition
-}) => {
-  return anchorPosition === 'right' && (0, _react.css)`
-      right: 0;
-      top: 0;
-      border-top-left-radius: ${theme.borderRadius.centi};
-      border-bottom-left-radius: ${theme.borderRadius.centi};
-    `;
+const anchorRight = _ref2 => {
+  let {
+    theme,
+    anchorPosition
+  } = _ref2;
+  return anchorPosition === 'right' && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      right: 0;\n      top: 0;\n      border-top-left-radius: ", ";\n      border-bottom-left-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
 };
 
-const anchorTop = ({
-  theme,
-  anchorPosition
-}) => {
-  return anchorPosition === 'top' && (0, _react.css)`
-      left: 0;
-      right: 0;
-      top: 0;
-      border-bottom-right-radius: ${theme.borderRadius.centi};
-      border-bottom-left-radius: ${theme.borderRadius.centi};
-    `;
+const anchorTop = _ref3 => {
+  let {
+    theme,
+    anchorPosition
+  } = _ref3;
+  return anchorPosition === 'top' && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom-right-radius: ", ";\n      border-bottom-left-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
 };
 
-const anchorBottom = ({
-  theme,
-  anchorPosition
-}) => {
-  return anchorPosition === 'bottom' && (0, _react.css)`
-      left: 0;
-      right: 0;
-      bottom: 0;
-      border-top-right-radius: ${theme.borderRadius.centi};
-      border-top-left-radius: ${theme.borderRadius.centi};
-    `;
+const anchorBottom = _ref4 => {
+  let {
+    theme,
+    anchorPosition
+  } = _ref4;
+  return anchorPosition === 'bottom' && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-top-right-radius: ", ";\n      border-top-left-radius: ", ";\n    "])), theme.borderRadius.centi, theme.borderRadius.centi);
 };
 
-const baseStyles = ({
-  theme,
-  anchorPosition
-}) => {
-  return (0, _react.css)`
-    height: ${['left', 'right'].includes(anchorPosition) && '100vh'};
-    width: ${['top', 'bottom'].includes(anchorPosition) && '100wh'};
-    position: fixed;
-    overflow: hidden;
-    background-color: ${theme.miscellaneous.bodyColor};
-    z-index: ${theme.zIndex.drawer};
-  `;
+const baseStyles = _ref5 => {
+  let {
+    theme,
+    anchorPosition
+  } = _ref5;
+  return (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    height: ", ";\n    width: ", ";\n    position: fixed;\n    overflow: hidden;\n    background-color: ", ";\n    z-index: ", ";\n  "])), ['left', 'right'].includes(anchorPosition) && '100vh', ['top', 'bottom'].includes(anchorPosition) && '100wh', theme.miscellaneous.bodyColor, theme.zIndex.drawer);
 };
 
-const StyledContainerDrawer = (0, _styled.default)('div')(props => (0, _react.css)`
-    ${baseStyles(props)}
-    ${anchorBottom(props)}
-    ${anchorTop(props)}
-    ${anchorLeft(props)}
-    ${anchorRight(props)}
-  `);
+const StyledContainerDrawer = (0, _styled.default)('div')(props => (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n  "])), baseStyles(props), anchorBottom(props), anchorTop(props), anchorLeft(props), anchorRight(props)));
 exports.StyledContainerDrawer = StyledContainerDrawer;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["anchorLeft","theme","anchorPosition","css","borderRadius","centi","anchorRight","anchorTop","anchorBottom","baseStyles","includes","miscellaneous","bodyColor","zIndex","drawer","StyledContainerDrawer","styled","props"],"sources":["../../../../src/components/molecules/Drawer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DrawerProps } from './Drawer';\nimport { css } from '@emotion/react';\n\nconst anchorLeft = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'left' &&\n    css`\n      left: 0;\n      top: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\nconst anchorRight = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'right' &&\n    css`\n      right: 0;\n      top: 0;\n      border-top-left-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorTop = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'top' &&\n    css`\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorBottom = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'bottom' &&\n    css`\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-top-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst baseStyles = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return css`\n    height: ${['left', 'right'].includes(anchorPosition) && '100vh'};\n    width: ${['top', 'bottom'].includes(anchorPosition) && '100wh'};\n    position: fixed;\n    overflow: hidden;\n    background-color: ${theme.miscellaneous.bodyColor};\n    z-index: ${theme.zIndex.drawer};\n  `;\n};\n\nexport const StyledContainerDrawer = styled('div')<\n  DrawerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n    ${anchorLeft(props)}\n    ${anchorRight(props)}\n  `\n);\n"],"mappings":";;;;;;;;;AAAA;;AAGA;;;;AAEA,MAAMA,UAAU,GAAG,CAAC;EAAEC,KAAF;EAASC;AAAT,CAAD,KAAyD;EAC1E,OACEA,cAAc,KAAK,MAAnB,IACA,IAAAC,UAAA,CAAI;AACR;AACA;AACA,iCAAiCF,KAAK,CAACG,YAAN,CAAmBC,KAAM;AAC1D,oCAAoCJ,KAAK,CAACG,YAAN,CAAmBC,KAAM;AAC7D,KAPE;AASD,CAVD;;AAWA,MAAMC,WAAW,GAAG,CAAC;EAAEL,KAAF;EAASC;AAAT,CAAD,KAAyD;EAC3E,OACEA,cAAc,KAAK,OAAnB,IACA,IAAAC,UAAA,CAAI;AACR;AACA;AACA,gCAAgCF,KAAK,CAACG,YAAN,CAAmBC,KAAM;AACzD,mCAAmCJ,KAAK,CAACG,YAAN,CAAmBC,KAAM;AAC5D,KAPE;AASD,CAVD;;AAYA,MAAME,SAAS,GAAG,CAAC;EAAEN,KAAF;EAASC;AAAT,CAAD,KAAyD;EACzE,OACEA,cAAc,KAAK,KAAnB,IACA,IAAAC,UAAA,CAAI;AACR;AACA;AACA;AACA,oCAAoCF,KAAK,CAACG,YAAN,CAAmBC,KAAM;AAC7D,mCAAmCJ,KAAK,CAACG,YAAN,CAAmBC,KAAM;AAC5D,KARE;AAUD,CAXD;;AAaA,MAAMG,YAAY,GAAG,CAAC;EAAEP,KAAF;EAASC;AAAT,CAAD,KAAyD;EAC5E,OACEA,cAAc,KAAK,QAAnB,IACA,IAAAC,UAAA,CAAI;AACR;AACA;AACA;AACA,iCAAiCF,KAAK,CAACG,YAAN,CAAmBC,KAAM;AAC1D,gCAAgCJ,KAAK,CAACG,YAAN,CAAmBC,KAAM;AACzD,KARE;AAUD,CAXD;;AAaA,MAAMI,UAAU,GAAG,CAAC;EAAER,KAAF;EAASC;AAAT,CAAD,KAAyD;EAC1E,OAAO,IAAAC,UAAA,CAAI;AACb,cAAc,CAAC,MAAD,EAAS,OAAT,EAAkBO,QAAlB,CAA2BR,cAA3B,KAA8C,OAAQ;AACpE,aAAa,CAAC,KAAD,EAAQ,QAAR,EAAkBQ,QAAlB,CAA2BR,cAA3B,KAA8C,OAAQ;AACnE;AACA;AACA,wBAAwBD,KAAK,CAACU,aAAN,CAAoBC,SAAU;AACtD,eAAeX,KAAK,CAACY,MAAN,CAAaC,MAAO;AACnC,GAPE;AAQD,CATD;;AAWO,MAAMC,qBAAqB,GAAG,IAAAC,eAAA,EAAO,KAAP,EAGnCC,KAAK,IAAI,IAAAd,UAAA,CAAI;AACf,MAAMM,UAAU,CAACQ,KAAD,CAAQ;AACxB,MAAMT,YAAY,CAACS,KAAD,CAAQ;AAC1B,MAAMV,SAAS,CAACU,KAAD,CAAQ;AACvB,MAAMjB,UAAU,CAACiB,KAAD,CAAQ;AACxB,MAAMX,WAAW,CAACW,KAAD,CAAQ;AACzB,GATqC,CAA9B"}
+{"version":3,"file":"styled.js","names":["anchorLeft","theme","anchorPosition","css","borderRadius","centi","anchorRight","anchorTop","anchorBottom","baseStyles","includes","miscellaneous","bodyColor","zIndex","drawer","StyledContainerDrawer","styled","props"],"sources":["../../../../src/components/molecules/Drawer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DrawerProps } from './Drawer';\nimport { css } from '@emotion/react';\n\nconst anchorLeft = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'left' &&\n    css`\n      left: 0;\n      top: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\nconst anchorRight = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'right' &&\n    css`\n      right: 0;\n      top: 0;\n      border-top-left-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorTop = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'top' &&\n    css`\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorBottom = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'bottom' &&\n    css`\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-top-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst baseStyles = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return css`\n    height: ${['left', 'right'].includes(anchorPosition) && '100vh'};\n    width: ${['top', 'bottom'].includes(anchorPosition) && '100wh'};\n    position: fixed;\n    overflow: hidden;\n    background-color: ${theme.miscellaneous.bodyColor};\n    z-index: ${theme.zIndex.drawer};\n  `;\n};\n\nexport const StyledContainerDrawer = styled('div')<\n  DrawerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n    ${anchorLeft(props)}\n    ${anchorRight(props)}\n  `\n);\n"],"mappings":";;;;;;;AAAA;;AAGA;;;;;;;;AAEA,MAAMA,UAAU,GAAG,QAAyD;EAAA,IAAxD;IAAEC,KAAF;IAASC;EAAT,CAAwD;EAC1E,OACEA,cAAc,KAAK,MAAnB,QACAC,UADA,2LAI6BF,KAAK,CAACG,YAAN,CAAmBC,KAJhD,EAKgCJ,KAAK,CAACG,YAAN,CAAmBC,KALnD,CADF;AASD,CAVD;;AAWA,MAAMC,WAAW,GAAG,SAAyD;EAAA,IAAxD;IAAEL,KAAF;IAASC;EAAT,CAAwD;EAC3E,OACEA,cAAc,KAAK,OAAnB,QACAC,UADA,4LAI4BF,KAAK,CAACG,YAAN,CAAmBC,KAJ/C,EAK+BJ,KAAK,CAACG,YAAN,CAAmBC,KALlD,CADF;AASD,CAVD;;AAYA,MAAME,SAAS,GAAG,SAAyD;EAAA,IAAxD;IAAEN,KAAF;IAASC;EAAT,CAAwD;EACzE,OACEA,cAAc,KAAK,KAAnB,QACAC,UADA,gNAKgCF,KAAK,CAACG,YAAN,CAAmBC,KALnD,EAM+BJ,KAAK,CAACG,YAAN,CAAmBC,KANlD,CADF;AAUD,CAXD;;AAaA,MAAMG,YAAY,GAAG,SAAyD;EAAA,IAAxD;IAAEP,KAAF;IAASC;EAAT,CAAwD;EAC5E,OACEA,cAAc,KAAK,QAAnB,QACAC,UADA,6MAK6BF,KAAK,CAACG,YAAN,CAAmBC,KALhD,EAM4BJ,KAAK,CAACG,YAAN,CAAmBC,KAN/C,CADF;AAUD,CAXD;;AAaA,MAAMI,UAAU,GAAG,SAAyD;EAAA,IAAxD;IAAER,KAAF;IAASC;EAAT,CAAwD;EAC1E,WAAOC,UAAP,gNACY,CAAC,MAAD,EAAS,OAAT,EAAkBO,QAAlB,CAA2BR,cAA3B,KAA8C,OAD1D,EAEW,CAAC,KAAD,EAAQ,QAAR,EAAkBQ,QAAlB,CAA2BR,cAA3B,KAA8C,OAFzD,EAKsBD,KAAK,CAACU,aAAN,CAAoBC,SAL1C,EAMaX,KAAK,CAACY,MAAN,CAAaC,MAN1B;AAQD,CATD;;AAWO,MAAMC,qBAAqB,GAAG,IAAAC,eAAA,EAAO,KAAP,EAGnCC,KAAK,QAAId,UAAJ,+HACDM,UAAU,CAACQ,KAAD,CADT,EAEDT,YAAY,CAACS,KAAD,CAFX,EAGDV,SAAS,CAACU,KAAD,CAHR,EAIDjB,UAAU,CAACiB,KAAD,CAJT,EAKDX,WAAW,CAACW,KAAD,CALV,CAH8B,CAA9B"}

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

@@ -13,14 +13,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Grid = ({
-  children,
-  columns = 12,
-  layout,
-  style,
-  spacing,
-  ...rest
-}) => {
+const Grid = _ref => {
+  let {
+    children,
+    columns = 12,
+    layout,
+    style,
+    spacing,
+    ...rest
+  } = _ref;
+
   if (layout) {
     const flatLayout = layout.flat();
     return _react.default.createElement("div", _extends({
@@ -30,7 +32,7 @@ const Grid = ({
         flexWrap: 'wrap'
       }
     }, rest), _react.default.Children.map(children, (child, index) => _react.default.createElement(_Item.GridItem, {
-      key: `child-${index}`,
+      key: "child-".concat(index),
       columns: columns,
       span: flatLayout[index],
       spacing: spacing
@@ -44,10 +46,12 @@ const Grid = ({
       flexWrap: 'wrap'
     }
   }, rest), _react.default.Children.map(children, (child, index) => {
+    var _child$props$spacing;
+
     return _react.default.cloneElement(child, { ...(child === null || child === void 0 ? void 0 : child.props),
       columns,
-      spacing: (child === null || child === void 0 ? void 0 : child.props.spacing) ?? spacing,
-      key: `child-${index}`
+      spacing: (_child$props$spacing = child === null || child === void 0 ? void 0 : child.props.spacing) !== null && _child$props$spacing !== void 0 ? _child$props$spacing : spacing,
+      key: "child-".concat(index)
     });
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","names":["Grid","children","columns","layout","style","spacing","rest","flatLayout","flat","display","flexDirection","flexWrap","React","Children","map","child","index","cloneElement","props","key"],"sources":["../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridWeb = IGrid &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridWeb): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <div\n        style={{\n          ...style,\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        }}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      style={{\n        ...style,\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n      }}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </div>\n  );\n};\n\nexport default Grid;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAMA,MAAMA,IAAI,GAAG,CAAC;EACZC,QADY;EAEZC,OAAO,GAAG,EAFE;EAGZC,MAHY;EAIZC,KAJY;EAKZC,OALY;EAMZ,GAAGC;AANS,CAAD,KAOgB;EAC3B,IAAIH,MAAJ,EAAY;IACV,MAAMI,UAAU,GAAGJ,MAAM,CAACK,IAAP,EAAnB;IACA,OACE;MACE,KAAK,EAAE,EACL,GAAGJ,KADE;QAELK,OAAO,EAAE,MAFJ;QAGLC,aAAa,EAAE,KAHV;QAILC,QAAQ,EAAE;MAJL;IADT,GAOML,IAPN,GASGM,cAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA6B,CAACc,KAAD,EAAQC,KAAR,KAC5B,6BAAC,cAAD;MACE,GAAG,EAAG,SAAQA,KAAM,EADtB;MAEE,OAAO,EAAEd,OAFX;MAGE,IAAI,EAAEK,UAAU,CAACS,KAAD,CAHlB;MAIE,OAAO,EAAEX;IAJX,GAMGU,KANH,CADD,CATH,CADF;EAsBD;;EAED,OACE;IACE,KAAK,EAAE,EACL,GAAGX,KADE;MAELK,OAAO,EAAE,MAFJ;MAGLC,aAAa,EAAE,KAHV;MAILC,QAAQ,EAAE;IAJL;EADT,GAOML,IAPN,GASGM,cAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA6B,CAACc,KAAD,EAAQC,KAAR,KAAkB;IAC9C,OAAOJ,cAAA,CAAMK,YAAN,CAAmBF,KAAnB,EAA0B,EAC/B,IAAGA,KAAH,aAAGA,KAAH,uBAAGA,KAAK,CAAEG,KAAV,CAD+B;MAE/BhB,OAF+B;MAG/BG,OAAO,EAAE,CAAAU,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEG,KAAP,CAAab,OAAb,KAAwBA,OAHF;MAI/Bc,GAAG,EAAG,SAAQH,KAAM;IAJW,CAA1B,CAAP;EAMD,CAPA,CATH,CADF;AAoBD,CAtDD;;eAwDehB,I"}
+{"version":3,"file":"Grid.js","names":["Grid","children","columns","layout","style","spacing","rest","flatLayout","flat","display","flexDirection","flexWrap","React","Children","map","child","index","cloneElement","props","key"],"sources":["../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridWeb = IGrid &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridWeb): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <div\n        style={{\n          ...style,\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        }}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      style={{\n        ...style,\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n      }}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </div>\n  );\n};\n\nexport default Grid;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAMA,MAAMA,IAAI,GAAG,QAOgB;EAAA,IAPf;IACZC,QADY;IAEZC,OAAO,GAAG,EAFE;IAGZC,MAHY;IAIZC,KAJY;IAKZC,OALY;IAMZ,GAAGC;EANS,CAOe;;EAC3B,IAAIH,MAAJ,EAAY;IACV,MAAMI,UAAU,GAAGJ,MAAM,CAACK,IAAP,EAAnB;IACA,OACE;MACE,KAAK,EAAE,EACL,GAAGJ,KADE;QAELK,OAAO,EAAE,MAFJ;QAGLC,aAAa,EAAE,KAHV;QAILC,QAAQ,EAAE;MAJL;IADT,GAOML,IAPN,GASGM,cAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA6B,CAACc,KAAD,EAAQC,KAAR,KAC5B,6BAAC,cAAD;MACE,GAAG,kBAAWA,KAAX,CADL;MAEE,OAAO,EAAEd,OAFX;MAGE,IAAI,EAAEK,UAAU,CAACS,KAAD,CAHlB;MAIE,OAAO,EAAEX;IAJX,GAMGU,KANH,CADD,CATH,CADF;EAsBD;;EAED,OACE;IACE,KAAK,EAAE,EACL,GAAGX,KADE;MAELK,OAAO,EAAE,MAFJ;MAGLC,aAAa,EAAE,KAHV;MAILC,QAAQ,EAAE;IAJL;EADT,GAOML,IAPN,GASGM,cAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA6B,CAACc,KAAD,EAAQC,KAAR,KAAkB;IAAA;;IAC9C,OAAOJ,cAAA,CAAMK,YAAN,CAAmBF,KAAnB,EAA0B,EAC/B,IAAGA,KAAH,aAAGA,KAAH,uBAAGA,KAAK,CAAEG,KAAV,CAD+B;MAE/BhB,OAF+B;MAG/BG,OAAO,0BAAEU,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEG,KAAP,CAAab,OAAf,uEAA0BA,OAHF;MAI/Bc,GAAG,kBAAWH,KAAX;IAJ4B,CAA1B,CAAP;EAMD,CAPA,CATH,CADF;AAoBD,CAtDD;;eAwDehB,I"}

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

@@ -17,26 +17,27 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const GridItem = ({
-  children,
-  span: _span,
-  columns = 12,
-  loadingComponent,
-  loading = false,
-  spacing: _spacing,
-  wrapper = false,
-  alignContent,
-  alignItems,
-  alignSelf,
-  flex,
-  flexDirection,
-  flexGrow,
-  flexShrink,
-  justifyContent,
-  flexBasis,
-  style,
-  ...rest
-}) => {
+const GridItem = _ref => {
+  let {
+    children,
+    span: _span,
+    columns = 12,
+    loadingComponent,
+    loading = false,
+    spacing: _spacing,
+    wrapper = false,
+    alignContent,
+    alignItems,
+    alignSelf,
+    flex,
+    flexDirection,
+    flexGrow,
+    flexShrink,
+    justifyContent,
+    flexBasis,
+    style,
+    ...rest
+  } = _ref;
   const {
     spacing
   } = (0, _reactCore.useTheme)();
@@ -65,7 +66,7 @@ const GridItem = ({
     justifyContent,
     flex,
     boxSizing: 'border-box',
-    flexBasis: flexBasis ?? `${(0, _reactCore.getGridItemColumSpan)(columns, span)}%`,
+    flexBasis: flexBasis !== null && flexBasis !== void 0 ? flexBasis : "".concat((0, _reactCore.getGridItemColumSpan)(columns, span), "%"),
     paddingTop: (0, _reactCore.getGridItemPadding)('top', _spacing, spacing),
     paddingBottom: (0, _reactCore.getGridItemPadding)('bottom', _spacing, spacing),
     paddingRight: (0, _reactCore.getGridItemPadding)('right', _spacing, spacing),

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

@@ -1 +1 @@
-{"version":3,"file":"Item.js","names":["GridItem","children","span","_span","columns","loadingComponent","loading","spacing","_spacing","wrapper","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","justifyContent","flexBasis","style","rest","useTheme","sm","md","lg","useBreakpoints","React","Children","only","Error","getSpan","_style","boxSizing","getGridItemColumSpan","paddingTop","getGridItemPadding","paddingBottom","paddingRight","paddingLeft","clone","cloneElement","props"],"sources":["../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  IGridItem,\n  useTheme,\n  Breakpoints,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\nimport { useBreakpoints } from '@tecsinapse/react-web-kit';\nimport { getSpan } from './functions';\n\nexport type Span = Pick<Breakpoints, 'sm'> & Partial<Omit<Breakpoints, 'sm'>>;\n\nexport interface IGridItemWeb\n  extends Omit<IGridItem, 'span'>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** At least sm should exist */\n  span: number | Span;\n  /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n  flexBasis?:\n    | string\n    | 'content'\n    | 'auto'\n    | 'max-content'\n    | 'min-content'\n    | 'fit-content';\n}\n\nconst GridItem = ({\n  children,\n  span: _span,\n  columns = 12,\n  loadingComponent,\n  loading = false,\n  spacing: _spacing,\n  wrapper = false,\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  justifyContent,\n  flexBasis,\n  style,\n  ...rest\n}: IGridItemWeb): JSX.Element => {\n  const { spacing } = useTheme();\n  const { sm, md, lg } = useBreakpoints();\n  if (!React.Children.only(children)) {\n    throw new Error('The number of children in GridItem should be one');\n  }\n  if (loadingComponent && loading) {\n    return loadingComponent;\n  }\n\n  const span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);\n\n  const _style: React.CSSProperties = {\n    ...style,\n    alignContent,\n    alignItems,\n    alignSelf,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\n    flex,\n    boxSizing: 'border-box',\n    flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n    paddingTop: getGridItemPadding('top', _spacing, spacing),\n    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n    paddingRight: getGridItemPadding('right', _spacing, spacing),\n    paddingLeft: getGridItemPadding('left', _spacing, spacing),\n  };\n\n  const clone = React.cloneElement(children, {\n    ...children?.props,\n    style: wrapper\n      ? children?.props.style\n      : { ..._style, ...children?.props.style },\n  });\n\n  return wrapper ? (\n    <div {...rest} style={_style}>\n      {clone}\n    </div>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;;;;;AAmBA,MAAMA,QAAQ,GAAG,CAAC;EAChBC,QADgB;EAEhBC,IAAI,EAAEC,KAFU;EAGhBC,OAAO,GAAG,EAHM;EAIhBC,gBAJgB;EAKhBC,OAAO,GAAG,KALM;EAMhBC,OAAO,EAAEC,QANO;EAOhBC,OAAO,GAAG,KAPM;EAQhBC,YARgB;EAShBC,UATgB;EAUhBC,SAVgB;EAWhBC,IAXgB;EAYhBC,aAZgB;EAahBC,QAbgB;EAchBC,UAdgB;EAehBC,cAfgB;EAgBhBC,SAhBgB;EAiBhBC,KAjBgB;EAkBhB,GAAGC;AAlBa,CAAD,KAmBgB;EAC/B,MAAM;IAAEb;EAAF,IAAc,IAAAc,mBAAA,GAApB;EACA,MAAM;IAAEC,EAAF;IAAMC,EAAN;IAAUC;EAAV,IAAiB,IAAAC,2BAAA,GAAvB;;EACA,IAAI,CAACC,cAAA,CAAMC,QAAN,CAAeC,IAAf,CAAoB3B,QAApB,CAAL,EAAoC;IAClC,MAAM,IAAI4B,KAAJ,CAAU,kDAAV,CAAN;EACD;;EACD,IAAIxB,gBAAgB,IAAIC,OAAxB,EAAiC;IAC/B,OAAOD,gBAAP;EACD;;EAED,MAAMH,IAAI,GAAG,OAAOC,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,IAAA2B,kBAAA,EAAQ3B,KAAR,EAAemB,EAAf,EAAmBC,EAAnB,EAAuBC,EAAvB,CAAjD;EAEA,MAAMO,MAA2B,GAAG,EAClC,GAAGZ,KAD+B;IAElCT,YAFkC;IAGlCC,UAHkC;IAIlCC,SAJkC;IAKlCE,aALkC;IAMlCC,QANkC;IAOlCC,UAPkC;IAQlCC,cARkC;IASlCJ,IATkC;IAUlCmB,SAAS,EAAE,YAVuB;IAWlCd,SAAS,EAAEA,SAAS,IAAK,GAAE,IAAAe,+BAAA,EAAqB7B,OAArB,EAA8BF,IAA9B,CAAoC,GAX7B;IAYlCgC,UAAU,EAAE,IAAAC,6BAAA,EAAmB,KAAnB,EAA0B3B,QAA1B,EAAoCD,OAApC,CAZsB;IAalC6B,aAAa,EAAE,IAAAD,6BAAA,EAAmB,QAAnB,EAA6B3B,QAA7B,EAAuCD,OAAvC,CAbmB;IAclC8B,YAAY,EAAE,IAAAF,6BAAA,EAAmB,OAAnB,EAA4B3B,QAA5B,EAAsCD,OAAtC,CAdoB;IAelC+B,WAAW,EAAE,IAAAH,6BAAA,EAAmB,MAAnB,EAA2B3B,QAA3B,EAAqCD,OAArC;EAfqB,CAApC;;EAkBA,MAAMgC,KAAK,GAAGb,cAAA,CAAMc,YAAN,CAAmBvC,QAAnB,EAA6B,EACzC,IAAGA,QAAH,aAAGA,QAAH,uBAAGA,QAAQ,CAAEwC,KAAb,CADyC;IAEzCtB,KAAK,EAAEV,OAAO,GACVR,QADU,aACVA,QADU,uBACVA,QAAQ,CAAEwC,KAAV,CAAgBtB,KADN,GAEV,EAAE,GAAGY,MAAL;MAAa,IAAG9B,QAAH,aAAGA,QAAH,uBAAGA,QAAQ,CAAEwC,KAAV,CAAgBtB,KAAnB;IAAb;EAJqC,CAA7B,CAAd;;EAOA,OAAOV,OAAO,GACZ,iDAASW,IAAT;IAAe,KAAK,EAAEW;EAAtB,IACGQ,KADH,CADY,GAKZA,KALF;AAOD,CA/DD;;eAiEevC,Q"}
+{"version":3,"file":"Item.js","names":["GridItem","children","span","_span","columns","loadingComponent","loading","spacing","_spacing","wrapper","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","justifyContent","flexBasis","style","rest","useTheme","sm","md","lg","useBreakpoints","React","Children","only","Error","getSpan","_style","boxSizing","getGridItemColumSpan","paddingTop","getGridItemPadding","paddingBottom","paddingRight","paddingLeft","clone","cloneElement","props"],"sources":["../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  IGridItem,\n  useTheme,\n  Breakpoints,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\nimport { useBreakpoints } from '@tecsinapse/react-web-kit';\nimport { getSpan } from './functions';\n\nexport type Span = Pick<Breakpoints, 'sm'> & Partial<Omit<Breakpoints, 'sm'>>;\n\nexport interface IGridItemWeb\n  extends Omit<IGridItem, 'span'>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** At least sm should exist */\n  span: number | Span;\n  /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n  flexBasis?:\n    | string\n    | 'content'\n    | 'auto'\n    | 'max-content'\n    | 'min-content'\n    | 'fit-content';\n}\n\nconst GridItem = ({\n  children,\n  span: _span,\n  columns = 12,\n  loadingComponent,\n  loading = false,\n  spacing: _spacing,\n  wrapper = false,\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  justifyContent,\n  flexBasis,\n  style,\n  ...rest\n}: IGridItemWeb): JSX.Element => {\n  const { spacing } = useTheme();\n  const { sm, md, lg } = useBreakpoints();\n  if (!React.Children.only(children)) {\n    throw new Error('The number of children in GridItem should be one');\n  }\n  if (loadingComponent && loading) {\n    return loadingComponent;\n  }\n\n  const span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);\n\n  const _style: React.CSSProperties = {\n    ...style,\n    alignContent,\n    alignItems,\n    alignSelf,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\n    flex,\n    boxSizing: 'border-box',\n    flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n    paddingTop: getGridItemPadding('top', _spacing, spacing),\n    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n    paddingRight: getGridItemPadding('right', _spacing, spacing),\n    paddingLeft: getGridItemPadding('left', _spacing, spacing),\n  };\n\n  const clone = React.cloneElement(children, {\n    ...children?.props,\n    style: wrapper\n      ? children?.props.style\n      : { ..._style, ...children?.props.style },\n  });\n\n  return wrapper ? (\n    <div {...rest} style={_style}>\n      {clone}\n    </div>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;;;;;AAmBA,MAAMA,QAAQ,GAAG,QAmBgB;EAAA,IAnBf;IAChBC,QADgB;IAEhBC,IAAI,EAAEC,KAFU;IAGhBC,OAAO,GAAG,EAHM;IAIhBC,gBAJgB;IAKhBC,OAAO,GAAG,KALM;IAMhBC,OAAO,EAAEC,QANO;IAOhBC,OAAO,GAAG,KAPM;IAQhBC,YARgB;IAShBC,UATgB;IAUhBC,SAVgB;IAWhBC,IAXgB;IAYhBC,aAZgB;IAahBC,QAbgB;IAchBC,UAdgB;IAehBC,cAfgB;IAgBhBC,SAhBgB;IAiBhBC,KAjBgB;IAkBhB,GAAGC;EAlBa,CAmBe;EAC/B,MAAM;IAAEb;EAAF,IAAc,IAAAc,mBAAA,GAApB;EACA,MAAM;IAAEC,EAAF;IAAMC,EAAN;IAAUC;EAAV,IAAiB,IAAAC,2BAAA,GAAvB;;EACA,IAAI,CAACC,cAAA,CAAMC,QAAN,CAAeC,IAAf,CAAoB3B,QAApB,CAAL,EAAoC;IAClC,MAAM,IAAI4B,KAAJ,CAAU,kDAAV,CAAN;EACD;;EACD,IAAIxB,gBAAgB,IAAIC,OAAxB,EAAiC;IAC/B,OAAOD,gBAAP;EACD;;EAED,MAAMH,IAAI,GAAG,OAAOC,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,IAAA2B,kBAAA,EAAQ3B,KAAR,EAAemB,EAAf,EAAmBC,EAAnB,EAAuBC,EAAvB,CAAjD;EAEA,MAAMO,MAA2B,GAAG,EAClC,GAAGZ,KAD+B;IAElCT,YAFkC;IAGlCC,UAHkC;IAIlCC,SAJkC;IAKlCE,aALkC;IAMlCC,QANkC;IAOlCC,UAPkC;IAQlCC,cARkC;IASlCJ,IATkC;IAUlCmB,SAAS,EAAE,YAVuB;IAWlCd,SAAS,EAAEA,SAAF,aAAEA,SAAF,cAAEA,SAAF,aAAkB,IAAAe,+BAAA,EAAqB7B,OAArB,EAA8BF,IAA9B,CAAlB,MAXyB;IAYlCgC,UAAU,EAAE,IAAAC,6BAAA,EAAmB,KAAnB,EAA0B3B,QAA1B,EAAoCD,OAApC,CAZsB;IAalC6B,aAAa,EAAE,IAAAD,6BAAA,EAAmB,QAAnB,EAA6B3B,QAA7B,EAAuCD,OAAvC,CAbmB;IAclC8B,YAAY,EAAE,IAAAF,6BAAA,EAAmB,OAAnB,EAA4B3B,QAA5B,EAAsCD,OAAtC,CAdoB;IAelC+B,WAAW,EAAE,IAAAH,6BAAA,EAAmB,MAAnB,EAA2B3B,QAA3B,EAAqCD,OAArC;EAfqB,CAApC;;EAkBA,MAAMgC,KAAK,GAAGb,cAAA,CAAMc,YAAN,CAAmBvC,QAAnB,EAA6B,EACzC,IAAGA,QAAH,aAAGA,QAAH,uBAAGA,QAAQ,CAAEwC,KAAb,CADyC;IAEzCtB,KAAK,EAAEV,OAAO,GACVR,QADU,aACVA,QADU,uBACVA,QAAQ,CAAEwC,KAAV,CAAgBtB,KADN,GAEV,EAAE,GAAGY,MAAL;MAAa,IAAG9B,QAAH,aAAGA,QAAH,uBAAGA,QAAQ,CAAEwC,KAAV,CAAgBtB,KAAnB;IAAb;EAJqC,CAA7B,CAAd;;EAOA,OAAOV,OAAO,GACZ,iDAASW,IAAT;IAAe,KAAK,EAAEW;EAAtB,IACGQ,KADH,CADY,GAKZA,KALF;AAOD,CA/DD;;eAiEevC,Q"}

package/dist/components/molecules/Grid/Item/functions.js

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.getSpan = void 0;
 
 const getSpan = (value, sm, md, lg) => {
-  if (sm) return value === null || value === void 0 ? void 0 : value.sm;
-  if (md) return (value === null || value === void 0 ? void 0 : value.md) ?? (value === null || value === void 0 ? void 0 : value.sm);
-  if (lg) return (value === null || value === void 0 ? void 0 : value.lg) ?? (value === null || value === void 0 ? void 0 : value.md) ?? (value === null || value === void 0 ? void 0 : value.sm);
+  var _value$md, _ref, _value$lg;
+
+  if (sm) return value.sm;
+  if (md) return (_value$md = value === null || value === void 0 ? void 0 : value.md) !== null && _value$md !== void 0 ? _value$md : value.sm;
+  if (lg) return (_ref = (_value$lg = value === null || value === void 0 ? void 0 : value.lg) !== null && _value$lg !== void 0 ? _value$lg : value === null || value === void 0 ? void 0 : value.md) !== null && _ref !== void 0 ? _ref : value.sm;
   return 0;
 };
 

package/dist/components/molecules/Grid/Item/functions.js.map

@@ -1 +1 @@
-{"version":3,"file":"functions.js","names":["getSpan","value","sm","md","lg"],"sources":["../../../../../src/components/molecules/Grid/Item/functions.ts"],"sourcesContent":["import { Span } from './Item';\n\nexport const getSpan = (\n  value: Span,\n  sm: boolean,\n  md: boolean,\n  lg: boolean\n): number => {\n  if (sm) return value?.sm;\n  if (md) return value?.md ?? value?.sm;\n  if (lg) return value?.lg ?? value?.md ?? value?.sm;\n  return 0;\n};\n"],"mappings":";;;;;;;AAEO,MAAMA,OAAO,GAAG,CACrBC,KADqB,EAErBC,EAFqB,EAGrBC,EAHqB,EAIrBC,EAJqB,KAKV;EACX,IAAIF,EAAJ,EAAQ,OAAOD,KAAP,aAAOA,KAAP,uBAAOA,KAAK,CAAEC,EAAd;EACR,IAAIC,EAAJ,EAAQ,OAAO,CAAAF,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEE,EAAP,MAAaF,KAAb,aAAaA,KAAb,uBAAaA,KAAK,CAAEC,EAApB,CAAP;EACR,IAAIE,EAAJ,EAAQ,OAAO,CAAAH,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEG,EAAP,MAAaH,KAAb,aAAaA,KAAb,uBAAaA,KAAK,CAAEE,EAApB,MAA0BF,KAA1B,aAA0BA,KAA1B,uBAA0BA,KAAK,CAAEC,EAAjC,CAAP;EACR,OAAO,CAAP;AACD,CAVM"}
+{"version":3,"file":"functions.js","names":["getSpan","value","sm","md","lg"],"sources":["../../../../../src/components/molecules/Grid/Item/functions.ts"],"sourcesContent":["import { Span } from './Item';\n\nexport const getSpan = (\n  value: Span,\n  sm: boolean,\n  md: boolean,\n  lg: boolean\n): number => {\n  if (sm) return value.sm;\n  if (md) return value?.md ?? value.sm;\n  if (lg) return value?.lg ?? value?.md ?? value.sm;\n  return 0;\n};\n"],"mappings":";;;;;;;AAEO,MAAMA,OAAO,GAAG,CACrBC,KADqB,EAErBC,EAFqB,EAGrBC,EAHqB,EAIrBC,EAJqB,KAKV;EAAA;;EACX,IAAIF,EAAJ,EAAQ,OAAOD,KAAK,CAACC,EAAb;EACR,IAAIC,EAAJ,EAAQ,oBAAOF,KAAP,aAAOA,KAAP,uBAAOA,KAAK,CAAEE,EAAd,iDAAoBF,KAAK,CAACC,EAA1B;EACR,IAAIE,EAAJ,EAAQ,4BAAOH,KAAP,aAAOA,KAAP,uBAAOA,KAAK,CAAEG,EAAd,iDAAoBH,KAApB,aAAoBA,KAApB,uBAAoBA,KAAK,CAAEE,EAA3B,uCAAiCF,KAAK,CAACC,EAAvC;EACR,OAAO,CAAP;AACD,CAVM"}

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

@@ -19,15 +19,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const IconTextButton = ({
-  iconProps,
-  iconPosition = 'left',
-  textProps,
-  label,
-  variant = 'filled',
-  size = 'default',
-  ...rest
-}) => {
+const IconTextButton = _ref => {
+  let {
+    iconProps,
+    iconPosition = 'left',
+    textProps,
+    label,
+    variant = 'filled',
+    size = 'default',
+    ...rest
+  } = _ref;
   const {
     handleHover,
     handlePressed,