@tecsinapse/react-web-kit 1.21.3 → 1.22.0

package/esm/components/molecules/Drawer/animations.js

@@ -1,57 +1,47 @@
-export var transformLeftRigthClose = function transformLeftRigthClose(anchorPosition) {
-  return anchorPosition === 'right' ? 'translateX(100%)' : 'translateX(-100%)';
-};
-export var transformLeftRigthOpen = 'translateX(0)';
-export var transformTopBottomClose = function transformTopBottomClose(anchorPosition) {
-  return anchorPosition === 'top' ? 'translateY(-100%)' : 'translateY(100%)';
-};
-export var transformTopBottomOpen = 'translateY(0%)';
-export var defaultStylesLeftRight = function defaultStylesLeftRight(anchorPosition) {
+const transformLeftRigthClose = (anchorPosition) => anchorPosition === "right" ? "translateX(100%)" : "translateX(-100%)";
+const transformLeftRigthOpen = "translateX(0)";
+const transformTopBottomClose = (anchorPosition) => anchorPosition === "top" ? "translateY(-100%)" : "translateY(100%)";
+const transformTopBottomOpen = "translateY(0%)";
+const defaultStylesLeftRight = (anchorPosition) => {
   return {
-    transition: 'transform 300ms ease-in-out',
+    transition: "transform 300ms ease-in-out",
     transform: transformLeftRigthClose(anchorPosition),
-    overflowX: 'hidden',
-    overflowY: 'auto'
+    overflowX: "hidden",
+    overflowY: "auto"
   };
 };
-export var transitionStylesLeftRight = function transitionStylesLeftRight(anchorPosition) {
+const transitionStylesLeftRight = (anchorPosition) => {
   return {
-    entering: {
-      transform: transformLeftRigthClose(anchorPosition)
-    },
+    entering: { transform: transformLeftRigthClose(anchorPosition) },
     entered: {
       transform: transformLeftRigthOpen
     },
     exiting: {
       transform: transformLeftRigthOpen
     },
-    exited: {
-      transform: transformLeftRigthClose(anchorPosition)
-    }
+    exited: { transform: transformLeftRigthClose(anchorPosition) }
   };
 };
-export var defaultStylesTopBottom = function defaultStylesTopBottom(anchorPosition) {
+const defaultStylesTopBottom = (anchorPosition) => {
   return {
-    transition: 'transform 300ms ease-in-out',
+    transition: "transform 300ms ease-in-out",
     transform: transformTopBottomClose(anchorPosition),
-    overflowX: 'hidden',
-    overflowY: 'auto'
+    overflowX: "hidden",
+    overflowY: "auto"
   };
 };
-export var transitionStylesTopBottom = function transitionStylesTopBottom(anchorPosition) {
+const transitionStylesTopBottom = (anchorPosition) => {
   return {
-    entering: {
-      transform: transformTopBottomClose(anchorPosition)
-    },
+    entering: { transform: transformTopBottomClose(anchorPosition) },
     entered: {
       transform: transformTopBottomOpen
     },
     exiting: {
       transform: transformTopBottomOpen
     },
-    exited: {
-      transform: transformTopBottomClose(anchorPosition)
-    }
+    exited: { transform: transformTopBottomClose(anchorPosition) }
   };
 };
-//# sourceMappingURL=animations.js.map
+
+export { defaultStylesLeftRight, defaultStylesTopBottom, transformLeftRigthClose, transformLeftRigthOpen, transformTopBottomClose, transformTopBottomOpen, transitionStylesLeftRight, transitionStylesTopBottom };
+//# sourceMappingURL=animations.js.map

package/esm/components/molecules/Drawer/animations.js.map

@@ -1 +1 @@
-{"version":3,"file":"animations.js","names":["transformLeftRigthClose","anchorPosition","transformLeftRigthOpen","transformTopBottomClose","transformTopBottomOpen","defaultStylesLeftRight","transition","transform","overflowX","overflowY","transitionStylesLeftRight","entering","entered","exiting","exited","defaultStylesTopBottom","transitionStylesTopBottom"],"sources":["../../../../src/components/molecules/Drawer/animations.ts"],"sourcesContent":["import { CSSProperties } from 'react';\n\nexport const transformLeftRigthClose = (anchorPosition: string) =>\n  anchorPosition === 'right' ? 'translateX(100%)' : 'translateX(-100%)';\n\nexport const transformLeftRigthOpen = 'translateX(0)';\n\nexport const transformTopBottomClose = (anchorPosition: string) =>\n  anchorPosition === 'top' ? 'translateY(-100%)' : 'translateY(100%)';\n\nexport const transformTopBottomOpen = 'translateY(0%)';\n\nexport const defaultStylesLeftRight = (\n  anchorPosition: string\n): CSSProperties => {\n  return {\n    transition: 'transform 300ms ease-in-out',\n    transform: transformLeftRigthClose(anchorPosition),\n    overflowX: 'hidden',\n    overflowY: 'auto',\n  };\n};\n\nexport const transitionStylesLeftRight = (anchorPosition: string) => {\n  return {\n    entering: { transform: transformLeftRigthClose(anchorPosition) },\n    entered: {\n      transform: transformLeftRigthOpen,\n    },\n    exiting: {\n      transform: transformLeftRigthOpen,\n    },\n    exited: { transform: transformLeftRigthClose(anchorPosition) },\n  };\n};\n\nexport const defaultStylesTopBottom = (\n  anchorPosition: string\n): CSSProperties => {\n  return {\n    transition: 'transform 300ms ease-in-out',\n    transform: transformTopBottomClose(anchorPosition),\n    overflowX: 'hidden',\n    overflowY: 'auto',\n  };\n};\nexport const transitionStylesTopBottom = (anchorPosition: string) => {\n  return {\n    entering: { transform: transformTopBottomClose(anchorPosition) },\n    entered: {\n      transform: transformTopBottomOpen,\n    },\n    exiting: {\n      transform: transformTopBottomOpen,\n    },\n    exited: { transform: transformTopBottomClose(anchorPosition) },\n  };\n};\n"],"mappings":"AAEA,OAAO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,cAAD;EAAA,OACrCA,cAAc,KAAK,OAAnB,GAA6B,kBAA7B,GAAkD,mBADb;AAAA,CAAhC;AAGP,OAAO,IAAMC,sBAAsB,GAAG,eAA/B;AAEP,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACF,cAAD;EAAA,OACrCA,cAAc,KAAK,KAAnB,GAA2B,mBAA3B,GAAiD,kBADZ;AAAA,CAAhC;AAGP,OAAO,IAAMG,sBAAsB,GAAG,gBAA/B;AAEP,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CACpCJ,cADoC,EAElB;EAClB,OAAO;IACLK,UAAU,EAAE,6BADP;IAELC,SAAS,EAAEP,uBAAuB,CAACC,cAAD,CAF7B;IAGLO,SAAS,EAAE,QAHN;IAILC,SAAS,EAAE;EAJN,CAAP;AAMD,CATM;AAWP,OAAO,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACT,cAAD,EAA4B;EACnE,OAAO;IACLU,QAAQ,EAAE;MAAEJ,SAAS,EAAEP,uBAAuB,CAACC,cAAD;IAApC,CADL;IAELW,OAAO,EAAE;MACPL,SAAS,EAAEL;IADJ,CAFJ;IAKLW,OAAO,EAAE;MACPN,SAAS,EAAEL;IADJ,CALJ;IAQLY,MAAM,EAAE;MAAEP,SAAS,EAAEP,uBAAuB,CAACC,cAAD;IAApC;EARH,CAAP;AAUD,CAXM;AAaP,OAAO,IAAMc,sBAAsB,GAAG,SAAzBA,sBAAyB,CACpCd,cADoC,EAElB;EAClB,OAAO;IACLK,UAAU,EAAE,6BADP;IAELC,SAAS,EAAEJ,uBAAuB,CAACF,cAAD,CAF7B;IAGLO,SAAS,EAAE,QAHN;IAILC,SAAS,EAAE;EAJN,CAAP;AAMD,CATM;AAUP,OAAO,IAAMO,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACf,cAAD,EAA4B;EACnE,OAAO;IACLU,QAAQ,EAAE;MAAEJ,SAAS,EAAEJ,uBAAuB,CAACF,cAAD;IAApC,CADL;IAELW,OAAO,EAAE;MACPL,SAAS,EAAEH;IADJ,CAFJ;IAKLS,OAAO,EAAE;MACPN,SAAS,EAAEH;IADJ,CALJ;IAQLU,MAAM,EAAE;MAAEP,SAAS,EAAEJ,uBAAuB,CAACF,cAAD;IAApC;EARH,CAAP;AAUD,CAXM"}
+{"version":3,"file":"animations.js","sources":["../../../../src/components/molecules/Drawer/animations.ts"],"sourcesContent":["import { CSSProperties } from 'react';\n\nexport const transformLeftRigthClose = (anchorPosition: string) =>\n  anchorPosition === 'right' ? 'translateX(100%)' : 'translateX(-100%)';\n\nexport const transformLeftRigthOpen = 'translateX(0)';\n\nexport const transformTopBottomClose = (anchorPosition: string) =>\n  anchorPosition === 'top' ? 'translateY(-100%)' : 'translateY(100%)';\n\nexport const transformTopBottomOpen = 'translateY(0%)';\n\nexport const defaultStylesLeftRight = (\n  anchorPosition: string\n): CSSProperties => {\n  return {\n    transition: 'transform 300ms ease-in-out',\n    transform: transformLeftRigthClose(anchorPosition),\n    overflowX: 'hidden',\n    overflowY: 'auto',\n  };\n};\n\nexport const transitionStylesLeftRight = (anchorPosition: string) => {\n  return {\n    entering: { transform: transformLeftRigthClose(anchorPosition) },\n    entered: {\n      transform: transformLeftRigthOpen,\n    },\n    exiting: {\n      transform: transformLeftRigthOpen,\n    },\n    exited: { transform: transformLeftRigthClose(anchorPosition) },\n  };\n};\n\nexport const defaultStylesTopBottom = (\n  anchorPosition: string\n): CSSProperties => {\n  return {\n    transition: 'transform 300ms ease-in-out',\n    transform: transformTopBottomClose(anchorPosition),\n    overflowX: 'hidden',\n    overflowY: 'auto',\n  };\n};\nexport const transitionStylesTopBottom = (anchorPosition: string) => {\n  return {\n    entering: { transform: transformTopBottomClose(anchorPosition) },\n    entered: {\n      transform: transformTopBottomOpen,\n    },\n    exiting: {\n      transform: transformTopBottomOpen,\n    },\n    exited: { transform: transformTopBottomClose(anchorPosition) },\n  };\n};\n"],"names":[],"mappings":"AAEO,MAAM,uBAA0B,GAAA,CAAC,cACtC,KAAA,cAAA,KAAmB,UAAU,kBAAqB,GAAA,oBAAA;AAE7C,MAAM,sBAAyB,GAAA,gBAAA;AAE/B,MAAM,uBAA0B,GAAA,CAAC,cACtC,KAAA,cAAA,KAAmB,QAAQ,mBAAsB,GAAA,mBAAA;AAE5C,MAAM,sBAAyB,GAAA,iBAAA;AAEzB,MAAA,sBAAA,GAAyB,CACpC,cACkB,KAAA;AAClB,EAAO,OAAA;AAAA,IACL,UAAY,EAAA,6BAAA;AAAA,IACZ,SAAA,EAAW,wBAAwB,cAAc,CAAA;AAAA,IACjD,SAAW,EAAA,QAAA;AAAA,IACX,SAAW,EAAA,MAAA;AAAA,GACb,CAAA;AACF,EAAA;AAEa,MAAA,yBAAA,GAA4B,CAAC,cAA2B,KAAA;AACnE,EAAO,OAAA;AAAA,IACL,QAAU,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,IAC/D,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,MAAQ,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,GAC/D,CAAA;AACF,EAAA;AAEa,MAAA,sBAAA,GAAyB,CACpC,cACkB,KAAA;AAClB,EAAO,OAAA;AAAA,IACL,UAAY,EAAA,6BAAA;AAAA,IACZ,SAAA,EAAW,wBAAwB,cAAc,CAAA;AAAA,IACjD,SAAW,EAAA,QAAA;AAAA,IACX,SAAW,EAAA,MAAA;AAAA,GACb,CAAA;AACF,EAAA;AACa,MAAA,yBAAA,GAA4B,CAAC,cAA2B,KAAA;AACnE,EAAO,OAAA;AAAA,IACL,QAAU,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,IAC/D,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,MAAQ,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,GAC/D,CAAA;AACF;;;;"}

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

@@ -1,41 +1,59 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import styled from '@emotion/styled';
 import { css } from '@emotion/react';
 
-var anchorLeft = function anchorLeft(_ref) {
-  var theme = _ref.theme,
-      anchorPosition = _ref.anchorPosition;
-  return anchorPosition === 'left' && 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 anchorLeft = ({ theme, anchorPosition }) => {
+  return anchorPosition === "left" && css`
+      left: 0;
+      top: 0;
+      border-top-right-radius: ${theme.borderRadius.centi};
+      border-bottom-right-radius: ${theme.borderRadius.centi};
+    `;
 };
-
-var anchorRight = function anchorRight(_ref2) {
-  var theme = _ref2.theme,
-      anchorPosition = _ref2.anchorPosition;
-  return anchorPosition === 'right' && 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 anchorRight = ({ theme, anchorPosition }) => {
+  return anchorPosition === "right" && css`
+      right: 0;
+      top: 0;
+      border-top-left-radius: ${theme.borderRadius.centi};
+      border-bottom-left-radius: ${theme.borderRadius.centi};
+    `;
 };
-
-var anchorTop = function anchorTop(_ref3) {
-  var theme = _ref3.theme,
-      anchorPosition = _ref3.anchorPosition;
-  return anchorPosition === 'top' && 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 anchorTop = ({ theme, anchorPosition }) => {
+  return anchorPosition === "top" && css`
+      left: 0;
+      right: 0;
+      top: 0;
+      border-bottom-right-radius: ${theme.borderRadius.centi};
+      border-bottom-left-radius: ${theme.borderRadius.centi};
+    `;
 };
-
-var anchorBottom = function anchorBottom(_ref4) {
-  var theme = _ref4.theme,
-      anchorPosition = _ref4.anchorPosition;
-  return anchorPosition === 'bottom' && 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 anchorBottom = ({ theme, anchorPosition }) => {
+  return anchorPosition === "bottom" && css`
+      left: 0;
+      right: 0;
+      bottom: 0;
+      border-top-right-radius: ${theme.borderRadius.centi};
+      border-top-left-radius: ${theme.borderRadius.centi};
+    `;
 };
-
-var baseStyles = function baseStyles(_ref5) {
-  var theme = _ref5.theme,
-      anchorPosition = _ref5.anchorPosition;
-  return 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 baseStyles = ({ theme, anchorPosition }) => {
+  return 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};
+  `;
 };
-
-export var StyledContainerDrawer = styled('div')(function (props) {
-  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n  "])), baseStyles(props), anchorBottom(props), anchorTop(props), anchorLeft(props), anchorRight(props));
-});
-//# sourceMappingURL=styled.js.map
+const StyledContainerDrawer = styled("div")(
+  (props) => css`
+    ${baseStyles(props)}
+    ${anchorBottom(props)}
+    ${anchorTop(props)}
+    ${anchorLeft(props)}
+    ${anchorRight(props)}
+  `
+);
+
+export { StyledContainerDrawer };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","css","anchorLeft","theme","anchorPosition","borderRadius","centi","anchorRight","anchorTop","anchorBottom","baseStyles","includes","miscellaneous","bodyColor","zIndex","drawer","StyledContainerDrawer","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,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,SAASC,GAAT,QAAoB,gBAApB;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAAyD;EAAA,IAAtDC,KAAsD,QAAtDA,KAAsD;EAAA,IAA/CC,cAA+C,QAA/CA,cAA+C;EAC1E,OACEA,cAAc,KAAK,MAAnB,IACAH,GADA,0LAI6BE,KAAK,CAACE,YAAN,CAAmBC,KAJhD,EAKgCH,KAAK,CAACE,YAAN,CAAmBC,KALnD,CADF;AASD,CAVD;;AAWA,IAAMC,WAAW,GAAG,SAAdA,WAAc,QAAyD;EAAA,IAAtDJ,KAAsD,SAAtDA,KAAsD;EAAA,IAA/CC,cAA+C,SAA/CA,cAA+C;EAC3E,OACEA,cAAc,KAAK,OAAnB,IACAH,GADA,2LAI4BE,KAAK,CAACE,YAAN,CAAmBC,KAJ/C,EAK+BH,KAAK,CAACE,YAAN,CAAmBC,KALlD,CADF;AASD,CAVD;;AAYA,IAAME,SAAS,GAAG,SAAZA,SAAY,QAAyD;EAAA,IAAtDL,KAAsD,SAAtDA,KAAsD;EAAA,IAA/CC,cAA+C,SAA/CA,cAA+C;EACzE,OACEA,cAAc,KAAK,KAAnB,IACAH,GADA,+MAKgCE,KAAK,CAACE,YAAN,CAAmBC,KALnD,EAM+BH,KAAK,CAACE,YAAN,CAAmBC,KANlD,CADF;AAUD,CAXD;;AAaA,IAAMG,YAAY,GAAG,SAAfA,YAAe,QAAyD;EAAA,IAAtDN,KAAsD,SAAtDA,KAAsD;EAAA,IAA/CC,cAA+C,SAA/CA,cAA+C;EAC5E,OACEA,cAAc,KAAK,QAAnB,IACAH,GADA,4MAK6BE,KAAK,CAACE,YAAN,CAAmBC,KALhD,EAM4BH,KAAK,CAACE,YAAN,CAAmBC,KAN/C,CADF;AAUD,CAXD;;AAaA,IAAMI,UAAU,GAAG,SAAbA,UAAa,QAAyD;EAAA,IAAtDP,KAAsD,SAAtDA,KAAsD;EAAA,IAA/CC,cAA+C,SAA/CA,cAA+C;EAC1E,OAAOH,GAAP,+MACY,CAAC,MAAD,EAAS,OAAT,EAAkBU,QAAlB,CAA2BP,cAA3B,KAA8C,OAD1D,EAEW,CAAC,KAAD,EAAQ,QAAR,EAAkBO,QAAlB,CAA2BP,cAA3B,KAA8C,OAFzD,EAKsBD,KAAK,CAACS,aAAN,CAAoBC,SAL1C,EAMaV,KAAK,CAACW,MAAN,CAAaC,MAN1B;AAQD,CATD;;AAWA,OAAO,IAAMC,qBAAqB,GAAGhB,MAAM,CAAC,KAAD,CAAN,CAGnC,UAAAiB,KAAK;EAAA,OAAIhB,GAAJ,8HACDS,UAAU,CAACO,KAAD,CADT,EAEDR,YAAY,CAACQ,KAAD,CAFX,EAGDT,SAAS,CAACS,KAAD,CAHR,EAIDf,UAAU,CAACe,KAAD,CAJT,EAKDV,WAAW,CAACU,KAAD,CALV;AAAA,CAH8B,CAA9B"}
+{"version":3,"file":"styled.js","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"],"names":[],"mappings":";;;AAKA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC1E,EAAA,OACE,mBAAmB,MACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,+BAAA,EAG6B,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,kCAAA,EAChB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGvD,CAAA,CAAA;AACA,MAAM,WAAc,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC3E,EAAA,OACE,mBAAmB,OACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,8BAAA,EAG4B,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,iCAAA,EAChB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGtD,CAAA,CAAA;AAEA,MAAM,SAAY,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AACzE,EAAA,OACE,mBAAmB,KACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,kCAAA,EAIgC,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,iCAAA,EACpB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGtD,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC5E,EAAA,OACE,mBAAmB,QACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,+BAAA,EAI6B,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,8BAAA,EACpB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGnD,CAAA,CAAA;AAEA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC1E,EAAO,OAAA,GAAA,CAAA;AAAA,YAAA,EACK,CAAC,MAAQ,EAAA,OAAO,CAAE,CAAA,QAAA,CAAS,cAAc,CAAK,IAAA,OAAA,CAAA;AAAA,WAAA,EAC/C,CAAC,KAAO,EAAA,QAAQ,CAAE,CAAA,QAAA,CAAS,cAAc,CAAK,IAAA,OAAA,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGnC,MAAM,aAAc,CAAA,SAAA,CAAA;AAAA,aAAA,EAC7B,MAAM,MAAO,CAAA,MAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAE5B,CAAA,CAAA;AAEa,MAAA,qBAAA,GAAwB,OAAO,KAAK,CAAA;AAAA,EAG/C,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IAAA,EACL,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,aAAa,KAAK,CAAA,CAAA;AAAA,IAAA,EAClB,UAAU,KAAK,CAAA,CAAA;AAAA,IAAA,EACf,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,YAAY,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAEvB;;;;"}

package/esm/components/molecules/Grid/Grid.js

@@ -1,63 +1,81 @@
-var _excluded = ["children", "columns", "layout", "style", "spacing"];
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
-import { GridItem } from "./Item";
-
-var Grid = function Grid(_ref) {
-  var children = _ref.children,
-      _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? 12 : _ref$columns,
-      layout = _ref.layout,
-      style = _ref.style,
-      spacing = _ref.spacing,
-      rest = _objectWithoutProperties(_ref, _excluded);
+import GridItem from './Item/Item.js';
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Grid = (_a) => {
+  var _b = _a, {
+    children,
+    columns = 12,
+    layout,
+    style,
+    spacing
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "columns",
+    "layout",
+    "style",
+    "spacing"
+  ]);
   if (layout) {
-    var flatLayout = layout.flat();
-    return React.createElement("div", _extends({
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        display: 'flex',
-        flexDirection: 'row',
-        flexWrap: 'wrap'
+    const flatLayout = layout.flat();
+    return /* @__PURE__ */ React.createElement("div", __spreadValues({
+      style: __spreadProps(__spreadValues({}, style), {
+        display: "flex",
+        flexDirection: "row",
+        flexWrap: "wrap"
       })
-    }, rest), React.Children.map(children, function (child, index) {
-      return React.createElement(GridItem, {
-        key: "child-".concat(index),
-        columns: columns,
-        span: flatLayout[index],
-        spacing: spacing
-      }, child);
-    }));
+    }, rest), React.Children.map(children, (child, index) => /* @__PURE__ */ React.createElement(GridItem, {
+      key: `child-${index}`,
+      columns,
+      span: flatLayout[index],
+      spacing
+    }, child)));
   }
-
-  return React.createElement("div", _extends({
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      display: 'flex',
-      flexDirection: 'row',
-      flexWrap: 'wrap'
+  return /* @__PURE__ */ React.createElement("div", __spreadValues({
+    style: __spreadProps(__spreadValues({}, style), {
+      display: "flex",
+      flexDirection: "row",
+      flexWrap: "wrap"
     })
-  }, rest), React.Children.map(children, function (child, index) {
-    var _child$props$spacing;
-
-    return React.cloneElement(child, _objectSpread(_objectSpread({}, child === null || child === void 0 ? void 0 : child.props), {}, {
-      columns: columns,
-      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)
+  }, rest), React.Children.map(children, (child, index) => {
+    var _a2;
+    return React.cloneElement(child, __spreadProps(__spreadValues({}, child == null ? void 0 : child.props), {
+      columns,
+      spacing: (_a2 = child == null ? void 0 : child.props.spacing) != null ? _a2 : spacing,
+      key: `child-${index}`
     }));
   }));
 };
 
-export default Grid;
-//# sourceMappingURL=Grid.js.map
+export { Grid as default };
+//# sourceMappingURL=Grid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","names":["React","GridItem","Grid","children","columns","layout","style","spacing","rest","flatLayout","flat","display","flexDirection","flexWrap","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT;;AAMA,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAOgB;EAAA,IAN3BC,QAM2B,QAN3BA,QAM2B;EAAA,wBAL3BC,OAK2B;EAAA,IAL3BA,OAK2B,6BALjB,EAKiB;EAAA,IAJ3BC,MAI2B,QAJ3BA,MAI2B;EAAA,IAH3BC,KAG2B,QAH3BA,KAG2B;EAAA,IAF3BC,OAE2B,QAF3BA,OAE2B;EAAA,IADxBC,IACwB;;EAC3B,IAAIH,MAAJ,EAAY;IACV,IAAMI,UAAU,GAAGJ,MAAM,CAACK,IAAP,EAAnB;IACA,OACE;MACE,KAAK,kCACAJ,KADA;QAEHK,OAAO,EAAE,MAFN;QAGHC,aAAa,EAAE,KAHZ;QAIHC,QAAQ,EAAE;MAJP;IADP,GAOML,IAPN,GASGR,KAAK,CAACc,QAAN,CAAeC,GAAf,CAAmBZ,QAAnB,EAA6B,UAACa,KAAD,EAAQC,KAAR;MAAA,OAC5B,oBAAC,QAAD;QACE,GAAG,kBAAWA,KAAX,CADL;QAEE,OAAO,EAAEb,OAFX;QAGE,IAAI,EAAEK,UAAU,CAACQ,KAAD,CAHlB;QAIE,OAAO,EAAEV;MAJX,GAMGS,KANH,CAD4B;IAAA,CAA7B,CATH,CADF;EAsBD;;EAED,OACE;IACE,KAAK,kCACAV,KADA;MAEHK,OAAO,EAAE,MAFN;MAGHC,aAAa,EAAE,KAHZ;MAIHC,QAAQ,EAAE;IAJP;EADP,GAOML,IAPN,GASGR,KAAK,CAACc,QAAN,CAAeC,GAAf,CAAmBZ,QAAnB,EAA6B,UAACa,KAAD,EAAQC,KAAR,EAAkB;IAAA;;IAC9C,OAAOjB,KAAK,CAACkB,YAAN,CAAmBF,KAAnB,kCACFA,KADE,aACFA,KADE,uBACFA,KAAK,CAAEG,KADL;MAELf,OAAO,EAAPA,OAFK;MAGLG,OAAO,0BAAES,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEG,KAAP,CAAaZ,OAAf,uEAA0BA,OAH5B;MAILa,GAAG,kBAAWH,KAAX;IAJE,GAAP;EAMD,CAPA,CATH,CADF;AAoBD,CAtDD;;AAwDA,eAAef,IAAf"}
+{"version":3,"file":"Grid.js","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"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOM,MAAA,IAAA,GAAO,CAAC,EAOe,KAAA;AAPf,EACZ,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,OAAU,GAAA,EAAA;AAAA,IACV,MAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,GAZF,GAOc,EAMT,EAAA,IAAA,GAAA,SAAA,CANS,EAMT,EAAA;AAAA,IALH,UAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,cAAA,CAAA;AAAA,MACC,KAAA,EAAO,iCACF,KADE,CAAA,EAAA;AAAA,QAEL,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ,CAAA;AAAA,KACI,EAAA,IAAA,CAAA,EAEH,MAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAC,KAAA,EAAO,0BACnC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MACC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MACd,OAAA;AAAA,MACA,MAAM,UAAW,CAAA,KAAA,CAAA;AAAA,MACjB,OAAA;AAAA,KAEC,EAAA,KACH,CACD,CACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAA,EAAO,iCACF,KADE,CAAA,EAAA;AAAA,MAEL,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,QAAU,EAAA,MAAA;AAAA,KACZ,CAAA;AAAA,GAAA,EACI,OAEH,KAAM,CAAA,QAAA,CAAS,IAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAnDtD,IAAAA,IAAAA,GAAAA,CAAAA;AAoDQ,IAAA,OAAO,KAAM,CAAA,YAAA,CAAa,KAAO,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC5B,+BAAO,KADqB,CAAA,EAAA;AAAA,MAE/B,OAAA;AAAA,MACA,UAASA,GAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,KAAM,CAAA,OAAA,KAAb,OAAAA,GAAwB,GAAA,OAAA;AAAA,MACjC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KACf,CAAA,CAAA,CAAA;AAAA,GACF,CACH,CAAA,CAAA;AAEJ;;;;"}

package/esm/components/molecules/Grid/Item/Item.d.ts

@@ -5,5 +5,5 @@ export interface IGridItemWeb extends Omit<IGridItem, 'span'>, Omit<React.HTMLAt
     span: number | Span;
     flexBasis?: string | 'content' | 'auto' | 'max-content' | 'min-content' | 'fit-content';
 }
-declare const GridItem: ({ children, span: _span, columns, loadingComponent, loading, spacing: _spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemWeb) => JSX.Element;
+declare const GridItem: ({ children, span, columns, loadingComponent, loading, spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemWeb) => JSX.Element;
 export default GridItem;

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

@@ -1,87 +1,109 @@
-var _excluded = ["children", "span", "columns", "loadingComponent", "loading", "spacing", "wrapper", "alignContent", "alignItems", "alignSelf", "flex", "flexDirection", "flexGrow", "flexShrink", "justifyContent", "flexBasis", "style"];
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import { useTheme, getGridItemColumSpan, getGridItemPadding } from '@tecsinapse/react-core';
-import { useBreakpoints } from '@tecsinapse/react-web-kit';
-import { getSpan } from "./functions";
-
-var GridItem = function GridItem(_ref) {
-  var children = _ref.children,
-      _span = _ref.span,
-      _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? 12 : _ref$columns,
-      loadingComponent = _ref.loadingComponent,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      _spacing = _ref.spacing,
-      _ref$wrapper = _ref.wrapper,
-      wrapper = _ref$wrapper === void 0 ? false : _ref$wrapper,
-      alignContent = _ref.alignContent,
-      alignItems = _ref.alignItems,
-      alignSelf = _ref.alignSelf,
-      flex = _ref.flex,
-      flexDirection = _ref.flexDirection,
-      flexGrow = _ref.flexGrow,
-      flexShrink = _ref.flexShrink,
-      justifyContent = _ref.justifyContent,
-      flexBasis = _ref.flexBasis,
-      style = _ref.style,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _useTheme = useTheme(),
-      spacing = _useTheme.spacing;
-
-  var _useBreakpoints = useBreakpoints(),
-      sm = _useBreakpoints.sm,
-      md = _useBreakpoints.md,
-      lg = _useBreakpoints.lg;
-
+import { useBreakpoints } from '../../../../hooks/useBreakpoints.js';
+import { getSpan } from './functions.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const GridItem = (_a) => {
+  var _b = _a, {
+    children,
+    span: _span,
+    columns = 12,
+    loadingComponent,
+    loading = false,
+    spacing: _spacing,
+    wrapper = false,
+    alignContent,
+    alignItems,
+    alignSelf,
+    flex,
+    flexDirection,
+    flexGrow,
+    flexShrink,
+    justifyContent,
+    flexBasis,
+    style
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "span",
+    "columns",
+    "loadingComponent",
+    "loading",
+    "spacing",
+    "wrapper",
+    "alignContent",
+    "alignItems",
+    "alignSelf",
+    "flex",
+    "flexDirection",
+    "flexGrow",
+    "flexShrink",
+    "justifyContent",
+    "flexBasis",
+    "style"
+  ]);
+  const { spacing } = useTheme();
+  const { sm, md, lg } = useBreakpoints();
   if (!React.Children.only(children)) {
-    throw new Error('The number of children in GridItem should be one');
+    throw new Error("The number of children in GridItem should be one");
   }
-
   if (loadingComponent && loading) {
     return loadingComponent;
   }
-
-  var span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);
-
-  var _style = _objectSpread(_objectSpread({}, style), {}, {
-    alignContent: alignContent,
-    alignItems: alignItems,
-    alignSelf: alignSelf,
-    flexDirection: flexDirection,
-    flexGrow: flexGrow,
-    flexShrink: flexShrink,
-    justifyContent: justifyContent,
-    flex: flex,
-    boxSizing: 'border-box',
-    flexBasis: flexBasis !== null && flexBasis !== void 0 ? flexBasis : "".concat(getGridItemColumSpan(columns, span), "%"),
-    paddingTop: getGridItemPadding('top', _spacing, spacing),
-    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),
-    paddingRight: getGridItemPadding('right', _spacing, spacing),
-    paddingLeft: getGridItemPadding('left', _spacing, spacing)
+  const span = typeof _span === "number" ? _span : getSpan(_span, sm, md, lg);
+  const _style = __spreadProps(__spreadValues({}, style), {
+    alignContent,
+    alignItems,
+    alignSelf,
+    flexDirection,
+    flexGrow,
+    flexShrink,
+    justifyContent,
+    flex,
+    boxSizing: "border-box",
+    flexBasis: flexBasis != null ? flexBasis : `${getGridItemColumSpan(columns, span)}%`,
+    paddingTop: getGridItemPadding("top", _spacing, spacing),
+    paddingBottom: getGridItemPadding("bottom", _spacing, spacing),
+    paddingRight: getGridItemPadding("right", _spacing, spacing),
+    paddingLeft: getGridItemPadding("left", _spacing, spacing)
   });
-
-  var clone = React.cloneElement(children, _objectSpread(_objectSpread({}, children === null || children === void 0 ? void 0 : children.props), {}, {
-    style: wrapper ? children === null || children === void 0 ? void 0 : children.props.style : _objectSpread(_objectSpread({}, _style), children === null || children === void 0 ? void 0 : children.props.style)
+  const clone = React.cloneElement(children, __spreadProps(__spreadValues({}, children == null ? void 0 : children.props), {
+    style: wrapper ? children == null ? void 0 : children.props.style : __spreadValues(__spreadValues({}, _style), children == null ? void 0 : children.props.style)
   }));
-  return wrapper ? React.createElement("div", _extends({}, rest, {
+  return wrapper ? /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, rest), {
     style: _style
   }), clone) : clone;
 };
 
-export default GridItem;
-//# sourceMappingURL=Item.js.map
+export { GridItem as default };
+//# sourceMappingURL=Item.js.map