@tecsinapse/react-web-kit 1.3.2 → 1.6.1

package/dist/components/atoms/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"names":["Skeleton","children","width","height","animation","radius","Error"],"mappings":";;;;;;;AAAA;;AACA;;;;AAUA,MAAMA,QAAiC,GAAG,CAAC;AACzCC,EAAAA,QADyC;AAEzCC,EAAAA,KAFyC;AAGzCC,EAAAA,MAHyC;AAIzCC,EAAAA,SAAS,GAAG,MAJ6B;AAKzCC,EAAAA;AALyC,CAAD,KAMpC;AACJ,MAAI,CAACH,KAAD,IAAU,CAACC,MAAX,IAAqB,CAACF,QAA1B,EAAoC;AAClC,UAAM,IAAIK,KAAJ,CACJ,oEADI,CAAN;AAGD;;AAED,SACE,6BAAC,eAAD;AACE,IAAA,KAAK,EAAEJ,KADT;AAEE,IAAA,MAAM,EAAEC,MAFV;AAGE,IAAA,SAAS,EAAEC,SAHb;AAIE,IAAA,MAAM,EAAEC;AAJV,KAMGJ,QANH,CADF;AAUD,CAvBD;;eAyBeD,Q","sourcesContent":["import React from 'react';\nimport { Wrapper } from './styled';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\n\nexport interface SkeletonProps {\n  width?: number;\n  height?: number;\n  animation?: 'pulse' | 'wave';\n  radius?: BorderRadiusType;\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n  children,\n  width,\n  height,\n  animation = 'wave',\n  radius,\n}) => {\n  if (!width && !height && !children) {\n    throw new Error(\n      '[Skeleton] You should provide children or specify width and height'\n    );\n  }\n\n  return (\n    <Wrapper\n      width={width}\n      height={height}\n      animation={animation}\n      radius={radius}\n    >\n      {children}\n    </Wrapper>\n  );\n};\n\nexport default Skeleton;\n"],"file":"Skeleton.js"}

package/dist/components/atoms/Skeleton/index.d.ts

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

package/dist/components/atoms/Skeleton/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function () {
+    return _Skeleton.default;
+  }
+});
+Object.defineProperty(exports, "SkeletonProps", {
+  enumerable: true,
+  get: function () {
+    return _Skeleton.SkeletonProps;
+  }
+});
+
+var _Skeleton = _interopRequireWildcard(require("./Skeleton"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Skeleton/index.js.map

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

package/dist/components/atoms/Skeleton/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<any>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/atoms/Skeleton/styled.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = void 0;
+
+var _react = require("@emotion/react");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const pulseKf = (0, _react.keyframes)`
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+`;
+const waveKf = (0, _react.keyframes)`
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+`;
+const waveAnim = (0, _react.css)`
+  position: relative;
+  overflow: hidden;
+  &::after {
+    animation: ${waveKf} 1.6s linear 0.5s infinite;
+    background: linear-gradient(
+      90deg,
+      transparent,
+      rgba(0, 0, 0, 0.04),
+      transparent
+    );
+    content: '';
+    position: absolute;
+    transform: translateX(-100%);
+    bottom: 0;
+    left: 0;
+    right: 0;
+    top: 0;
+  }
+`;
+const pulseAnim = (0, _react.css)`
+  animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;
+`;
+const Wrapper = (0, _styled.default)('div')`
+  background-color: ${({
+  theme,
+  animation
+}) => animation === 'pulse' ? theme.miscellaneous.bodyColor : theme.miscellaneous.surfaceColor};
+  width: ${({
+  width
+}) => `${width}px` ?? '100%'};
+  height: ${({
+  height
+}) => `${height}px` ?? 'auto'};
+  border-radius: ${({
+  theme,
+  radius
+}) => radius ? theme.borderRadius[radius] : 'unset'};
+  ${({
+  animation
+}) => animation === 'pulse' ? pulseAnim : waveAnim};
+`;
+exports.Wrapper = Wrapper;
+//# sourceMappingURL=styled.js.map

package/dist/components/atoms/Skeleton/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Skeleton/styled.ts"],"names":["pulseKf","waveKf","waveAnim","pulseAnim","Wrapper","theme","animation","miscellaneous","bodyColor","surfaceColor","width","height","radius","borderRadius"],"mappings":";;;;;;;AAAA;;AACA;;;;AAIA,MAAMA,OAAO,GAAG,qBAAU;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAVA;AAYA,MAAMC,MAAM,GAAG,qBAAU;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAVA;AAYA,MAAMC,QAAQ,GAAG,eAAI;AACrB;AACA;AACA;AACA,iBAAiBD,MAAO;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAnBA;AAqBA,MAAME,SAAS,GAAG,eAAI;AACtB,eAAeH,OAAQ;AACvB,CAFA;AAIO,MAAMI,OAAO,GAAG,qBAAO,KAAP,CAAmD;AAC1E,sBAAsB,CAAC;AACnBC,EAAAA,KADmB;AAEnBC,EAAAA;AAFmB,CAAD,KAIlBA,SAAS,KAAK,OAAd,GACID,KAAK,CAACE,aAAN,CAAoBC,SADxB,GAEIH,KAAK,CAACE,aAAN,CAAoBE,YAAa;AACzC,WAAW,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAgB,GAAEA,KAAM,IAAT,IAAgB,MAAO;AACjD,YAAY,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAiB,GAAEA,MAAO,IAAV,IAAiB,MAAO;AACpD,mBAAmB,CAAC;AAAEN,EAAAA,KAAF;AAASO,EAAAA;AAAT,CAAD,KACfA,MAAM,GAAGP,KAAK,CAACQ,YAAN,CAAmBD,MAAnB,CAAH,GAAgC,OAAQ;AAClD,IAAI,CAAC;AAAEN,EAAAA;AAAF,CAAD,KAAoBA,SAAS,KAAK,OAAd,GAAwBH,SAAxB,GAAoCD,QAAU;AACtE,CAbO","sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nconst pulseKf = keyframes`\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst waveKf = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n  50% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n`;\n\nconst waveAnim = css`\n  position: relative;\n  overflow: hidden;\n  &::after {\n    animation: ${waveKf} 1.6s linear 0.5s infinite;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0, 0, 0, 0.04),\n      transparent\n    );\n    content: '';\n    position: absolute;\n    transform: translateX(-100%);\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n  }\n`;\n\nconst pulseAnim = css`\n  animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;\n`;\n\nexport const Wrapper = styled('div')<Partial<StyleProps & SkeletonProps>>`\n  background-color: ${({\n    theme,\n    animation,\n  }: StyleProps & Partial<SkeletonProps>) =>\n    animation === 'pulse'\n      ? theme.miscellaneous.bodyColor\n      : theme.miscellaneous.surfaceColor};\n  width: ${({ width }) => `${width}px` ?? '100%'};\n  height: ${({ height }) => `${height}px` ?? 'auto'};\n  border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n    radius ? theme.borderRadius[radius] : 'unset'};\n  ${({ animation }) => (animation === 'pulse' ? pulseAnim : waveAnim)};\n`;\n"],"file":"styled.js"}

package/dist/components/atoms/Table/Body/TBody.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>>;
+export default TBody;

package/dist/components/atoms/Table/Body/TBody.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TBody = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const TBody = ({
+  children,
+  ...rest
+}) => {
+  return _react.default.createElement("tbody", rest, children);
+};
+
+exports.TBody = TBody;
+var _default = TBody;
+exports.default = _default;
+//# sourceMappingURL=TBody.js.map

package/dist/components/atoms/Table/Body/TBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/atoms/Table/Body/TBody.tsx"],"names":["TBody","children","rest"],"mappings":";;;;;;;AAAA;;;;AAEO,MAAMA,KAA8D,GAAG,CAAC;AAC7EC,EAAAA,QAD6E;AAE7E,KAAGC;AAF0E,CAAD,KAGxE;AACJ,SAAO,sCAAWA,IAAX,EAAkBD,QAAlB,CAAP;AACD,CALM;;;eAOQD,K","sourcesContent":["import React from 'react';\n\nexport const TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <tbody {...rest}>{children}</tbody>;\n};\n\nexport default TBody;\n"],"file":"TBody.js"}

package/dist/components/atoms/Table/Body/index.d.ts

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

package/dist/components/atoms/Table/Body/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TBody", {
+  enumerable: true,
+  get: function () {
+    return _TBody.default;
+  }
+});
+
+var _TBody = _interopRequireDefault(require("./TBody"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Table/Body/index.js.map

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

package/dist/components/atoms/Table/Cell/Td.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Td: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>>;
+export default Td;

package/dist/components/atoms/Table/Cell/Td.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = require("./styled");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Td = ({
+  children,
+  ...rest
+}) => {
+  return _react.default.createElement(_styled.TCell, rest, children);
+};
+
+var _default = Td;
+exports.default = _default;
+//# sourceMappingURL=Td.js.map

package/dist/components/atoms/Table/Cell/Td.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/atoms/Table/Cell/Td.tsx"],"names":["Td","children","rest"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,EAA0D,GAAG,CAAC;AAClEC,EAAAA,QADkE;AAElE,KAAGC;AAF+D,CAAD,KAG7D;AACJ,SAAO,6BAAC,aAAD,EAAWA,IAAX,EAAkBD,QAAlB,CAAP;AACD,CALD;;eAOeD,E","sourcesContent":["import React from 'react';\nimport { TCell } from './styled';\n\nconst Td: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <TCell {...rest}>{children}</TCell>;\n};\n\nexport default Td;\n"],"file":"Td.js"}

package/dist/components/atoms/Table/Cell/index.d.ts

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

package/dist/components/atoms/Table/Cell/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Td", {
+  enumerable: true,
+  get: function () {
+    return _Td.default;
+  }
+});
+
+var _Td = _interopRequireDefault(require("./Td"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Table/Cell/index.js.map

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

package/dist/components/atoms/Table/Cell/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const TCell: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;

package/dist/components/atoms/Table/Cell/styled.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TCell = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const TCell = (0, _styled.default)('td')`
+  padding: ${({
+  theme
+}) => theme.spacing.deca};
+
+  color: ${({
+  theme
+}) => theme.font.color.dark};
+  font-weight: ${({
+  theme
+}) => theme.font.weight.bold};
+  font-size: ${({
+  theme
+}) => theme.typography.base.fontSize};
+  line-height: ${({
+  theme
+}) => theme.typography.base.lineHeight};
+  font-family: ${({
+  theme
+}) => theme.font.stack.default};
+`;
+exports.TCell = TCell;
+//# sourceMappingURL=styled.js.map

package/dist/components/atoms/Table/Cell/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/atoms/Table/Cell/styled.ts"],"names":["TCell","theme","spacing","deca","font","color","dark","weight","bold","typography","base","fontSize","lineHeight","stack","default"],"mappings":";;;;;;;AAAA;;;;AAGO,MAAMA,KAAK,GAAG,qBAAO,IAAP,CAAkC;AACvD,aAAa,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC/C;AACA,WAAW,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACG,IAAN,CAAWC,KAAX,CAAiBC,IAAK;AAChD,iBAAiB,CAAC;AAAEL,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACG,IAAN,CAAWG,MAAX,CAAkBC,IAAK;AACvD,eAAe,CAAC;AAAEP,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACQ,UAAN,CAAiBC,IAAjB,CAAsBC,QAAS;AAC7D,iBAAiB,CAAC;AAAEV,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACQ,UAAN,CAAiBC,IAAjB,CAAsBE,UAAW;AACjE,iBAAiB,CAAC;AAAEX,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACG,IAAN,CAAWS,KAAX,CAAiBC,OAAQ;AACzD,CARO","sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const TCell = styled('td')<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.deca};\n\n  color: ${({ theme }) => theme.font.color.dark};\n  font-weight: ${({ theme }) => theme.font.weight.bold};\n  font-size: ${({ theme }) => theme.typography.base.fontSize};\n  line-height: ${({ theme }) => theme.typography.base.lineHeight};\n  font-family: ${({ theme }) => theme.font.stack.default};\n`;\n"],"file":"styled.js"}

package/dist/components/atoms/Table/Container/TableContainer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TableContainer: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+export default TableContainer;

package/dist/components/atoms/Table/Container/TableContainer.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = require("./styled");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const TableContainer = ({
+  children,
+  ...rest
+}) => {
+  return _react.default.createElement(_styled.TContainer, rest, children);
+};
+
+var _default = TableContainer;
+exports.default = _default;
+//# sourceMappingURL=TableContainer.js.map

package/dist/components/atoms/Table/Container/TableContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/atoms/Table/Container/TableContainer.tsx"],"names":["TableContainer","children","rest"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,cAA8D,GAAG,CAAC;AACtEC,EAAAA,QADsE;AAEtE,KAAGC;AAFmE,CAAD,KAGjE;AACJ,SAAO,6BAAC,kBAAD,EAAgBA,IAAhB,EAAuBD,QAAvB,CAAP;AACD,CALD;;eAOeD,c","sourcesContent":["import React from 'react';\nimport { TContainer } from './styled';\n\nconst TableContainer: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <TContainer {...rest}>{children}</TContainer>;\n};\n\nexport default TableContainer;\n"],"file":"TableContainer.js"}

package/dist/components/atoms/Table/Container/index.d.ts

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

package/dist/components/atoms/Table/Container/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TableContainer", {
+  enumerable: true,
+  get: function () {
+    return _TableContainer.default;
+  }
+});
+
+var _TableContainer = _interopRequireDefault(require("./TableContainer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Table/Container/index.js.map

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

package/dist/components/atoms/Table/Container/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const TContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/atoms/Table/Container/styled.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TContainer = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _reactCore = require("@tecsinapse/react-core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const TContainer = (0, _styled.default)('div')`
+  background-color: ${({
+  theme
+}) => theme.miscellaneous.surfaceColor};
+  border-radius: ${({
+  theme
+}) => theme.borderRadius.mili};
+  box-shadow: 0 2px 8px
+    ${({
+  theme
+}) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.08)};
+  padding: ${({
+  theme
+}) => `${theme.spacing.deca} 0`};
+`;
+exports.TContainer = TContainer;
+//# sourceMappingURL=styled.js.map

package/dist/components/atoms/Table/Container/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/atoms/Table/Container/styled.ts"],"names":["TContainer","theme","miscellaneous","surfaceColor","borderRadius","mili","shadow","spacing","deca"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,UAAU,GAAG,qBAAO,KAAP,CAAmC;AAC7D,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACtE,mBAAmB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACG,YAAN,CAAmBC,IAAK;AAC1D;AACA,MAAM,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAAe,yBAASA,KAAK,CAACC,aAAN,CAAoBI,MAA7B,EAAqC,IAArC,CAA2C;AAChE,aAAa,CAAC;AAAEL,EAAAA;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACM,OAAN,CAAcC,IAAK,IAAI;AACtD,CANO","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const TContainer = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  box-shadow: 0 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.08)};\n  padding: ${({ theme }) => `${theme.spacing.deca} 0`};\n`;\n"],"file":"styled.js"}

package/dist/components/atoms/Table/Footer/TFoot.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const TFoot: React.FC<React.HTMLAttributes<HTMLTableSectionElement>>;
+export default TFoot;

package/dist/components/atoms/Table/Footer/TFoot.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TFoot = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = require("./styled");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const TFoot = ({
+  children,
+  ...rest
+}) => {
+  return _react.default.createElement(_styled.TFooter, rest, children);
+};
+
+exports.TFoot = TFoot;
+var _default = TFoot;
+exports.default = _default;
+//# sourceMappingURL=TFoot.js.map

package/dist/components/atoms/Table/Footer/TFoot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/atoms/Table/Footer/TFoot.tsx"],"names":["TFoot","children","rest"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,KAA8D,GAAG,CAAC;AAC7EC,EAAAA,QAD6E;AAE7E,KAAGC;AAF0E,CAAD,KAGxE;AACJ,SAAO,6BAAC,eAAD,EAAaA,IAAb,EAAoBD,QAApB,CAAP;AACD,CALM;;;eAOQD,K","sourcesContent":["import React from 'react';\nimport { TFooter } from './styled';\n\nexport const TFoot: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <TFooter {...rest}>{children}</TFooter>;\n};\n\nexport default TFoot;\n"],"file":"TFoot.js"}

package/dist/components/atoms/Table/Footer/index.d.ts

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

package/dist/components/atoms/Table/Footer/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TFoot", {
+  enumerable: true,
+  get: function () {
+    return _TFoot.default;
+  }
+});
+
+var _TFoot = _interopRequireDefault(require("./TFoot"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Table/Footer/index.js.map

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

package/dist/components/atoms/Table/Footer/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const TFooter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;