@tecsinapse/react-web-kit 1.22.1-beta.3 → 1.22.1-beta.5

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BorderRadiusType } from '@tecsinapse/react-core';
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    width?: number;
+    height?: number;
+    animation?: 'pulse' | 'wave';
+    active?: boolean;
+    radius?: BorderRadiusType;
+}
+declare const Skeleton: React.FC<SkeletonProps>;
+export default Skeleton;

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

@@ -0,0 +1,67 @@
+import React from 'react';
+import { Wrapper } from './styled.js';
+import { View } from 'react-native-web';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Skeleton = (_a) => {
+  var _b = _a, {
+    children,
+    width,
+    height,
+    animation = "wave",
+    active = true,
+    radius
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "width",
+    "height",
+    "animation",
+    "active",
+    "radius"
+  ]);
+  if (!width && !height && !children) {
+    throw new Error(
+      "[Skeleton] You should provide children or specify width and height"
+    );
+  }
+  return /* @__PURE__ */ React.createElement(Wrapper, __spreadValues({
+    width,
+    height,
+    animation,
+    active,
+    radius
+  }, rest), /* @__PURE__ */ React.createElement(View, {
+    style: { opacity: active ? 0 : 1 },
+    pointerEvents: active ? "none" : "auto"
+  }, children));
+};
+
+export { Skeleton as default };
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Wrapper } from './styled';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number;\n  height?: number;\n  animation?: 'pulse' | 'wave';\n  active?: boolean;\n  radius?: BorderRadiusType;\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n  children,\n  width,\n  height,\n  animation = 'wave',\n  active = true,\n  radius,\n  ...rest\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      active={active}\n      radius={radius}\n      {...rest}\n    >\n      <View\n        style={{ opacity: active ? 0 : 1 }}\n        pointerEvents={active ? 'none' : 'auto'}\n      >\n        {children}\n      </View>\n    </Wrapper>\n  );\n};\n\nexport default Skeleton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,QAAA,GAAoC,CAAC,EAQrC,KAAA;AARqC,EACzC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAY,GAAA,MAAA;AAAA,IACZ,MAAS,GAAA,IAAA;AAAA,IACT,MAAA;AAAA,GAnBF,GAa2C,EAOtC,EAAA,IAAA,GAAA,SAAA,CAPsC,EAOtC,EAAA;AAAA,IANH,UAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,CAAC,KAAA,IAAS,CAAC,MAAA,IAAU,CAAC,QAAU,EAAA;AAClC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,oEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,GAAA,EACI,uBAEH,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,GAAS,IAAI,CAAE,EAAA;AAAA,IACjC,aAAA,EAAe,SAAS,MAAS,GAAA,MAAA;AAAA,GAAA,EAEhC,QACH,CACF,CAAA,CAAA;AAEJ;;;;"}

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

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

package/dist/esm/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/esm/components/atoms/Skeleton/styled.js

@@ -0,0 +1,68 @@
+import { keyframes, css } from '@emotion/react';
+import styled from '@emotion/styled';
+
+const pulseKf = keyframes`
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.1;
+  }
+  100% {
+    opacity: 1;
+  }
+`;
+const waveKf = keyframes`
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+`;
+const waveAnim = 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 = css`
+  animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;
+`;
+const Wrapper = styled("div")`
+  background-color: ${({
+  theme,
+  animation,
+  active
+}) => !active ? void 0 : animation === "pulse" ? theme.miscellaneous.bodyColor : theme.miscellaneous.surfaceColor};
+  width: ${({ width }) => {
+  var _a;
+  return (_a = `${width}px`) != null ? _a : "100%";
+}};
+  height: ${({ height }) => {
+  var _a;
+  return (_a = `${height}px`) != null ? _a : "auto";
+}};
+  border-radius: ${({ theme, radius }) => radius ? theme.borderRadius[radius] : "unset"};
+  ${({ animation, active }) => !active ? void 0 : animation === "pulse" ? pulseAnim : waveAnim};
+`;
+
+export { Wrapper };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Skeleton/styled.ts"],"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.1;\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    active,\n  }: StyleProps & Partial<SkeletonProps>) =>\n    !active\n      ? undefined\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, active }) =>\n    !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim};\n`;\n"],"names":[],"mappings":";;;AAKA,MAAM,OAAU,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYhB,MAAM,MAAS,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYf,MAAM,QAAW,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAIA,EAAA,MAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAiBjB,MAAM,SAAY,GAAA,GAAA,CAAA;AAAA,aACH,EAAA,OAAA,CAAA;AAAA,CAAA,CAAA;AAGF,MAAA,OAAA,GAAU,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EACb,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AACF,CACE,KAAA,CAAC,SACG,KACA,CAAA,GAAA,SAAA,KAAc,UACd,KAAM,CAAA,aAAA,CAAc,SACpB,GAAA,KAAA,CAAM,aAAc,CAAA,YAAA,CAAA;AAAA,SACjB,EAAA,CAAC,EAAE,KAAA,EAAS,KAAA;AAjEvB,EAAA,IAAA,EAAA,CAAA;AAiE0B,EAAA,OAAA,CAAA,EAAA,GAAA,CAAA,EAAG,cAAH,IAAgB,GAAA,EAAA,GAAA,MAAA,CAAA;AAAA,CAAA,CAAA;AAAA,UAC9B,EAAA,CAAC,EAAE,MAAA,EAAU,KAAA;AAlEzB,EAAA,IAAA,EAAA,CAAA;AAkE4B,EAAA,OAAA,CAAA,EAAA,GAAA,CAAA,EAAG,eAAH,IAAiB,GAAA,EAAA,GAAA,MAAA,CAAA;AAAA,CAAA,CAAA;AAAA,iBAC1B,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OACzB,MAAS,GAAA,KAAA,CAAM,aAAa,MAAU,CAAA,GAAA,OAAA,CAAA;AAAA,EACtC,EAAA,CAAC,EAAE,SAAA,EAAW,MAAO,EAAA,KACrB,CAAC,MAAS,GAAA,KAAA,CAAA,GAAY,SAAc,KAAA,OAAA,GAAU,SAAY,GAAA,QAAA,CAAA;AAAA;;;;"}

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

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

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

@@ -0,0 +1,41 @@
+import React from 'react';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const TBody = (_a) => {
+  var _b = _a, {
+    children
+  } = _b, rest = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ React.createElement("tbody", __spreadValues({}, rest), children);
+};
+
+export { TBody as default };
+//# sourceMappingURL=TBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TBody.js","sources":["../../../../../../src/components/atoms/Table/Body/TBody.tsx"],"sourcesContent":["import React from 'react';\n\nconst TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <tbody {...rest}>{children}</tbody>;\n};\n\nexport default TBody;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEM,MAAA,KAAA,GAAiE,CAAC,EAGlE,KAAA;AAHkE,EACtE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,GAHF,GAEwE,EAEnE,EAAA,IAAA,GAAA,SAAA,CAFmE,EAEnE,EAAA;AAAA,IADH,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAU,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}

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

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

package/dist/esm/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/esm/components/atoms/Table/Cell/Td.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { TCell } from './styled.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Td = (_a) => {
+  var _b = _a, {
+    children
+  } = _b, rest = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ React.createElement(TCell, __spreadValues({}, rest), children);
+};
+
+export { Td as default };
+//# sourceMappingURL=Td.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Td.js","sources":["../../../../../../src/components/atoms/Table/Cell/Td.tsx"],"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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGM,MAAA,EAAA,GAA6D,CAAC,EAG9D,KAAA;AAH8D,EAClE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,GAJF,GAGoE,EAE/D,EAAA,IAAA,GAAA,SAAA,CAF+D,EAE/D,EAAA;AAAA,IADH,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAU,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}

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

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

package/dist/esm/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/esm/components/atoms/Table/Cell/styled.js

@@ -0,0 +1,14 @@
+import styled from '@emotion/styled';
+
+const TCell = styled("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};
+`;
+
+export { TCell };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Table/Cell/styled.ts"],"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"],"names":[],"mappings":";;AAGa,MAAA,KAAA,GAAQ,OAAO,IAAI,CAAA,CAAA;AAAA,WAAA,EACnB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA,SAAA,EAE/B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,IAAA,CAAA;AAAA,eAAA,EAC1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,MAAO,CAAA,IAAA,CAAA;AAAA,aAAA,EACnC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,IAAK,CAAA,QAAA,CAAA;AAAA,eAAA,EACnC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,IAAK,CAAA,UAAA,CAAA;AAAA,eAAA,EACrC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,OAAA,CAAA;AAAA;;;;"}

package/dist/esm/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/esm/components/atoms/Table/Container/TableContainer.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { TContainer } from './styled.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const TableContainer = (_a) => {
+  var _b = _a, {
+    children
+  } = _b, rest = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ React.createElement(TContainer, __spreadValues({}, rest), children);
+};
+
+export { TableContainer as default };
+//# sourceMappingURL=TableContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableContainer.js","sources":["../../../../../../src/components/atoms/Table/Container/TableContainer.tsx"],"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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGM,MAAA,cAAA,GAAiE,CAAC,EAGlE,KAAA;AAHkE,EACtE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,GAJF,GAGwE,EAEnE,EAAA,IAAA,GAAA,SAAA,CAFmE,EAEnE,EAAA;AAAA,IADH,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,UAAe,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAO,QAAS,CAAA,CAAA;AACzC;;;;"}

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

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

package/dist/esm/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/esm/components/atoms/Table/Container/styled.js

@@ -0,0 +1,13 @@
+import styled from '@emotion/styled';
+import { hex2rgba } from '@tecsinapse/react-core';
+
+const TContainer = styled("div")`
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+  border-radius: ${({ theme }) => theme.borderRadius.mili};
+  box-shadow: 0 2px 8px
+    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};
+  padding: ${({ theme }) => `${theme.spacing.deca} 0`};
+`;
+
+export { TContainer };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Table/Container/styled.ts"],"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.05)};\n  padding: ${({ theme }) => `${theme.spacing.deca} 0`};\n`;\n"],"names":[],"mappings":";;;AAGa,MAAA,UAAA,GAAa,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EAChB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,iBAAA,EACtC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA,IAE/C,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,SAAS,KAAM,CAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA,WAAA,EACjD,CAAC,EAAE,KAAA,EAAY,KAAA,CAAA,EAAG,MAAM,OAAQ,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA;AAAA;;;;"}

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

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

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { TFooter } from './styled.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const TFoot = (_a) => {
+  var _b = _a, {
+    children
+  } = _b, rest = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ React.createElement(TFooter, __spreadValues({}, rest), children);
+};
+
+export { TFoot as default };
+//# sourceMappingURL=TFoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TFoot.js","sources":["../../../../../../src/components/atoms/Table/Footer/TFoot.tsx"],"sourcesContent":["import React from 'react';\nimport { TFooter } from './styled';\n\nconst TFoot: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <TFooter {...rest}>{children}</TFooter>;\n};\n\nexport default TFoot;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGM,MAAA,KAAA,GAAiE,CAAC,EAGlE,KAAA;AAHkE,EACtE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,GAJF,GAGwE,EAEnE,EAAA,IAAA,GAAA,SAAA,CAFmE,EAEnE,EAAA;AAAA,IADH,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAY,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAO,QAAS,CAAA,CAAA;AACtC;;;;"}

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

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

package/dist/esm/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>, {}>;

package/dist/esm/components/atoms/Table/Footer/styled.js

@@ -0,0 +1,11 @@
+import styled from '@emotion/styled';
+
+const TFooter = styled("tfoot")`
+  & > tr {
+    box-shadow: none;
+    border-radius: unset;
+  }
+`;
+
+export { TFooter };
+//# sourceMappingURL=styled.js.map

package/dist/esm/components/atoms/Table/Footer/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Table/Footer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nexport const TFooter = styled('tfoot')`\n  & > tr {\n    box-shadow: none;\n    border-radius: unset;\n  }\n`;\n"],"names":[],"mappings":";;AAEa,MAAA,OAAA,GAAU,OAAO,OAAO,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/esm/components/atoms/Table/Header/THead.d.ts

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

package/dist/esm/components/atoms/Table/Header/THead.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { THeadStyled, HeaderBackground } from './styled.js';
+import Tr from '../Row/Tr.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const THead = (_a) => {
+  var _b = _a, {
+    children
+  } = _b, rest = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ React.createElement(THeadStyled, __spreadValues({}, rest), children, /* @__PURE__ */ React.createElement(Tr, null, /* @__PURE__ */ React.createElement("td", {
+    colSpan: 99
+  }, /* @__PURE__ */ React.createElement(HeaderBackground, null))));
+};
+
+export { THead as default };
+//# sourceMappingURL=THead.js.map

package/dist/esm/components/atoms/Table/Header/THead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"THead.js","sources":["../../../../../../src/components/atoms/Table/Header/THead.tsx"],"sourcesContent":["import React from 'react';\nimport { HeaderBackground, THeadStyled } from './styled';\nimport Tr from '../Row/Tr';\n\nconst THead: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n  children,\n  ...rest\n}) => {\n  return (\n    <THeadStyled {...rest}>\n      {children}\n      <Tr>\n        <td colSpan={99}>\n          <HeaderBackground />\n        </td>\n      </Tr>\n    </THeadStyled>\n  );\n};\n\nexport default THead;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIM,MAAA,KAAA,GAAiE,CAAC,EAGlE,KAAA;AAHkE,EACtE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,GALF,GAIwE,EAEnE,EAAA,IAAA,GAAA,SAAA,CAFmE,EAEnE,EAAA;AAAA,IADH,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,2CACG,WAAgB,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EACd,QACD,kBAAA,KAAA,CAAA,aAAA,CAAC,0BACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAG,OAAS,EAAA,EAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,CACpB,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/atoms/Table/Header/Th.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Th: React.FC<React.ThHTMLAttributes<HTMLTableHeaderCellElement>>;
+export default Th;

package/dist/esm/components/atoms/Table/Header/Th.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { ThStyled } from './styled.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Th = (_a) => {
+  var _b = _a, {
+    children
+  } = _b, rest = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ React.createElement(ThStyled, __spreadValues({}, rest), children);
+};
+
+export { Th as default };
+//# sourceMappingURL=Th.js.map

package/dist/esm/components/atoms/Table/Header/Th.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Th.js","sources":["../../../../../../src/components/atoms/Table/Header/Th.tsx"],"sourcesContent":["import React from 'react';\nimport { ThStyled } from './styled';\n\nconst Th: React.FC<React.ThHTMLAttributes<HTMLTableHeaderCellElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <ThStyled {...rest}>{children}</ThStyled>;\n};\n\nexport default Th;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGM,MAAA,EAAA,GAAmE,CAAC,EAGpE,KAAA;AAHoE,EACxE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,GAJF,GAG0E,EAErE,EAAA,IAAA,GAAA,SAAA,CAFqE,EAErE,EAAA;AAAA,IADH,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAa,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAO,QAAS,CAAA,CAAA;AACvC;;;;"}

package/dist/esm/components/atoms/Table/Header/index.d.ts

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

package/dist/esm/components/atoms/Table/Header/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ThStyled: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
+export declare const THeadStyled: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
+export declare const HeaderBackground: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;

package/dist/esm/components/atoms/Table/Header/styled.js

@@ -0,0 +1,30 @@
+import styled from '@emotion/styled';
+
+const ThStyled = styled("th")`
+  padding: ${({ theme }) => `${theme.spacing.centi} ${theme.spacing.deca}`};
+  color: ${({ theme }) => theme.font.color.medium};
+  font-weight: ${({ theme }) => theme.font.weight.bold};
+  font-size: ${({ theme }) => theme.typography.sub.fontSize};
+  line-height: ${({ theme }) => theme.typography.sub.lineHeight};
+  font-family: ${({ theme }) => theme.font.stack.default};
+
+  text-align: start;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+const THeadStyled = styled("thead")`
+  & > tr {
+    border-radius: unset;
+    box-shadow: none;
+  }
+`;
+const HeaderBackground = styled("hr")`
+  margin: -51px -25px 4px -25px;
+  height: 42px;
+  background-color: ${({ theme }) => theme.color.secondary.xlight};
+  border: 0;
+`;
+
+export { HeaderBackground, THeadStyled, ThStyled };
+//# sourceMappingURL=styled.js.map

package/dist/esm/components/atoms/Table/Header/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Table/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const ThStyled = styled('th')<Partial<StyleProps>>`\n  padding: ${({ theme }) => `${theme.spacing.centi} ${theme.spacing.deca}`};\n  color: ${({ theme }) => theme.font.color.medium};\n  font-weight: ${({ theme }) => theme.font.weight.bold};\n  font-size: ${({ theme }) => theme.typography.sub.fontSize};\n  line-height: ${({ theme }) => theme.typography.sub.lineHeight};\n  font-family: ${({ theme }) => theme.font.stack.default};\n\n  text-align: start;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nexport const THeadStyled = styled('thead')<Partial<StyleProps>>`\n  & > tr {\n    border-radius: unset;\n    box-shadow: none;\n  }\n`;\n\nexport const HeaderBackground = styled('hr')<Partial<StyleProps>>`\n  margin: -51px -25px 4px -25px;\n  height: 42px;\n  background-color: ${({ theme }) => theme.color.secondary.xlight};\n  border: 0;\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,QAAA,GAAW,OAAO,IAAI,CAAA,CAAA;AAAA,WACtB,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAM,CAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,SAAA,EACzD,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,MAAA,CAAA;AAAA,eAAA,EAC1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,MAAO,CAAA,IAAA,CAAA;AAAA,aAAA,EACnC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,GAAI,CAAA,QAAA,CAAA;AAAA,eAAA,EAClC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,GAAI,CAAA,UAAA,CAAA;AAAA,eAAA,EACpC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,OAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAQpC,MAAA,WAAA,GAAc,OAAO,OAAO,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAO5B,MAAA,gBAAA,GAAmB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA,oBAAA,EAGrB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA;AAAA;;;;"}

package/dist/esm/components/atoms/Table/Row/Tr.d.ts

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