@tecsinapse/react-web-kit 1.22.0 → 1.22.1-beta.2

package/dist/components/atoms/Modal/animations.mjs

@@ -0,0 +1,14 @@
+const defaultStyleOverlay = {
+  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,
+  opacity: 0,
+  visibility: "hidden"
+};
+const transitionStylesOverlay = {
+  entering: { opacity: 1, visibility: "visible" },
+  entered: { opacity: 1, visibility: "visible" },
+  exiting: { opacity: 0, visibility: "visible" },
+  exited: { opacity: 0, visibility: "hidden" }
+};
+
+export { defaultStyleOverlay, transitionStylesOverlay };
+//# sourceMappingURL=animations.mjs.map

package/dist/components/atoms/Modal/animations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.mjs","sources":["../../../../src/components/atoms/Modal/animations.ts"],"sourcesContent":["export const defaultStyleOverlay = {\n  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,\n  opacity: 0,\n  visibility: 'hidden',\n};\n\nexport const transitionStylesOverlay = {\n  entering: { opacity: 1, visibility: 'visible' },\n  entered: { opacity: 1, visibility: 'visible' },\n  exiting: { opacity: 0, visibility: 'visible' },\n  exited: { opacity: 0, visibility: 'hidden' },\n};\n"],"names":[],"mappings":"AAAO,MAAM,mBAAsB,GAAA;AAAA,EACjC,UAAY,EAAA,CAAA,uDAAA,CAAA;AAAA,EACZ,OAAS,EAAA,CAAA;AAAA,EACT,UAAY,EAAA,QAAA;AACd,EAAA;AAEO,MAAM,uBAA0B,GAAA;AAAA,EACrC,QAAU,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC9C,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC7C,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC7C,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,QAAS,EAAA;AAC7C;;;;"}

package/dist/components/atoms/Modal/styled.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/styled');
+var reactCore = require('@tecsinapse/react-core');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const ModalContainer = styled__default["default"]("div")`
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+  margin: auto;
+  position: fixed;
+  z-index: ${({ theme }) => theme.zIndex.modal};
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  border-radius: ${({ theme }) => theme.borderRadius.micro};
+  padding: ${({ theme }) => theme.spacing.kilo};
+  display: flex;
+  box-shadow: 0 2px 8px
+    ${({ theme }) => reactCore.hex2rgba(theme.miscellaneous.shadow, 0.05)};
+`;
+
+exports.ModalContainer = ModalContainer;
+//# sourceMappingURL=styled.cjs.map

package/dist/components/atoms/Modal/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/atoms/Modal/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const ModalContainer = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  margin: auto;\n  position: fixed;\n  z-index: ${({ theme }) => theme.zIndex.modal};\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: ${({ theme }) => theme.borderRadius.micro};\n  padding: ${({ theme }) => theme.spacing.kilo};\n  display: flex;\n  box-shadow: 0 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"names":["styled","hex2rgba"],"mappings":";;;;;;;;;;;AAGa,MAAA,cAAA,GAAiBA,2BAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EACpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA;AAAA;AAAA,WAAA,EAG5C,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,MAAO,CAAA,KAAA,CAAA;AAAA;AAAA;AAAA;AAAA,iBAAA,EAItB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,IAGpC,EAAA,CAAC,EAAE,KAAM,EAAA,KAAMC,mBAAS,KAAM,CAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA;;;;"}

package/dist/components/atoms/Modal/styled.mjs

@@ -0,0 +1,20 @@
+import styled from '@emotion/styled';
+import { hex2rgba } from '@tecsinapse/react-core';
+
+const ModalContainer = styled("div")`
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+  margin: auto;
+  position: fixed;
+  z-index: ${({ theme }) => theme.zIndex.modal};
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  border-radius: ${({ theme }) => theme.borderRadius.micro};
+  padding: ${({ theme }) => theme.spacing.kilo};
+  display: flex;
+  box-shadow: 0 2px 8px
+    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};
+`;
+
+export { ModalContainer };
+//# sourceMappingURL=styled.mjs.map

package/dist/components/atoms/Modal/styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.mjs","sources":["../../../../src/components/atoms/Modal/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const ModalContainer = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  margin: auto;\n  position: fixed;\n  z-index: ${({ theme }) => theme.zIndex.modal};\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: ${({ theme }) => theme.borderRadius.micro};\n  padding: ${({ theme }) => theme.spacing.kilo};\n  display: flex;\n  box-shadow: 0 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"names":[],"mappings":";;;AAGa,MAAA,cAAA,GAAiB,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EACpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA;AAAA;AAAA,WAAA,EAG5C,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,MAAO,CAAA,KAAA,CAAA;AAAA;AAAA;AAAA;AAAA,iBAAA,EAItB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,IAGpC,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,SAAS,KAAM,CAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA;;;;"}

package/dist/components/atoms/Overlay/Overlay.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var animations = require('./animations.cjs');
+var styled = require('./styled.cjs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(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;
+};
+const Overlay = ({
+  timeout = 300,
+  open,
+  onClose,
+  zIndex = "default",
+  children
+}) => {
+  return /* @__PURE__ */ React__default["default"].createElement(reactTransitionGroup.Transition, {
+    in: open,
+    timeout
+  }, (state) => /* @__PURE__ */ React__default["default"].createElement(styled.StyledOverlay, {
+    style: __spreadValues(__spreadValues({}, animations.defaultStyleOverlay), animations.transitionStylesOverlay[state]),
+    onClick: open ? onClose : void 0,
+    show: open,
+    zIndex
+  }, children));
+};
+
+module.exports = Overlay;
+//# sourceMappingURL=Overlay.cjs.map

package/dist/components/atoms/Overlay/Overlay.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.cjs","sources":["../../../../src/components/atoms/Overlay/Overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { ZIndex } from '@tecsinapse/react-core';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\nimport { StyledOverlay } from './styled';\n\nexport interface OverlayProps {\n  timeout?: number;\n  open: boolean;\n  onClose: () => void;\n  zIndex: keyof ZIndex;\n}\n\nconst Overlay: React.FC<OverlayProps> = ({\n  timeout = 300,\n  open,\n  onClose,\n  zIndex = 'default',\n  children,\n}) => {\n  return (\n    <Transition in={open} timeout={timeout}>\n      {state => (\n        <StyledOverlay\n          style={{\n            ...defaultStyleOverlay,\n            ...transitionStylesOverlay[state],\n          }}\n          onClick={open ? onClose : undefined}\n          show={open}\n          zIndex={zIndex}\n        >\n          {children}\n        </StyledOverlay>\n      )}\n    </Transition>\n  );\n};\n\nexport default Overlay;\n"],"names":["React","Transition","StyledOverlay","defaultStyleOverlay","transitionStylesOverlay"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,UAAkC,CAAC;AAAA,EACvC,OAAU,GAAA,GAAA;AAAA,EACV,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAS,GAAA,SAAA;AAAA,EACT,QAAA;AACF,CAAM,KAAA;AACJ,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAAC,+BAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAA;AAAA,GAAA,EACnB,2BACED,yBAAA,CAAA,aAAA,CAAAE,oBAAA,EAAA;AAAA,IACC,KAAA,EAAO,cACF,CAAA,cAAA,CAAA,EAAA,EAAAC,8BAAA,CAAA,EACAC,kCAAwB,CAAA,KAAA,CAAA,CAAA;AAAA,IAE7B,OAAA,EAAS,OAAO,OAAU,GAAA,KAAA,CAAA;AAAA,IAC1B,IAAM,EAAA,IAAA;AAAA,IACN,MAAA;AAAA,GAAA,EAEC,QACH,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Overlay/Overlay.mjs

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Transition } from 'react-transition-group';
+import { defaultStyleOverlay, transitionStylesOverlay } from './animations.mjs';
+import { StyledOverlay } from './styled.mjs';
+
+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;
+};
+const Overlay = ({
+  timeout = 300,
+  open,
+  onClose,
+  zIndex = "default",
+  children
+}) => {
+  return /* @__PURE__ */ React.createElement(Transition, {
+    in: open,
+    timeout
+  }, (state) => /* @__PURE__ */ React.createElement(StyledOverlay, {
+    style: __spreadValues(__spreadValues({}, defaultStyleOverlay), transitionStylesOverlay[state]),
+    onClick: open ? onClose : void 0,
+    show: open,
+    zIndex
+  }, children));
+};
+
+export { Overlay as default };
+//# sourceMappingURL=Overlay.mjs.map

package/dist/components/atoms/Overlay/Overlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.mjs","sources":["../../../../src/components/atoms/Overlay/Overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { ZIndex } from '@tecsinapse/react-core';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\nimport { StyledOverlay } from './styled';\n\nexport interface OverlayProps {\n  timeout?: number;\n  open: boolean;\n  onClose: () => void;\n  zIndex: keyof ZIndex;\n}\n\nconst Overlay: React.FC<OverlayProps> = ({\n  timeout = 300,\n  open,\n  onClose,\n  zIndex = 'default',\n  children,\n}) => {\n  return (\n    <Transition in={open} timeout={timeout}>\n      {state => (\n        <StyledOverlay\n          style={{\n            ...defaultStyleOverlay,\n            ...transitionStylesOverlay[state],\n          }}\n          onClick={open ? onClose : undefined}\n          show={open}\n          zIndex={zIndex}\n        >\n          {children}\n        </StyledOverlay>\n      )}\n    </Transition>\n  );\n};\n\nexport default Overlay;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,UAAkC,CAAC;AAAA,EACvC,OAAU,GAAA,GAAA;AAAA,EACV,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAS,GAAA,SAAA;AAAA,EACT,QAAA;AACF,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAA;AAAA,GAAA,EACnB,2BACE,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,KAAA,EAAO,cACF,CAAA,cAAA,CAAA,EAAA,EAAA,mBAAA,CAAA,EACA,uBAAwB,CAAA,KAAA,CAAA,CAAA;AAAA,IAE7B,OAAA,EAAS,OAAO,OAAU,GAAA,KAAA,CAAA;AAAA,IAC1B,IAAM,EAAA,IAAA;AAAA,IACN,MAAA;AAAA,GAAA,EAEC,QACH,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Overlay/animations.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const defaultStyleOverlay = {
+  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,
+  opacity: 0,
+  visibility: "hidden"
+};
+const transitionStylesOverlay = {
+  entering: { opacity: 1, visibility: "visible" },
+  entered: { opacity: 1, visibility: "visible" },
+  exiting: { opacity: 0, visibility: "visible" },
+  exited: { opacity: 0, visibility: "hidden" }
+};
+
+exports.defaultStyleOverlay = defaultStyleOverlay;
+exports.transitionStylesOverlay = transitionStylesOverlay;
+//# sourceMappingURL=animations.cjs.map

package/dist/components/atoms/Overlay/animations.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.cjs","sources":["../../../../src/components/atoms/Overlay/animations.ts"],"sourcesContent":["export const defaultStyleOverlay = {\n  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,\n  opacity: 0,\n  visibility: 'hidden',\n};\n\nexport const transitionStylesOverlay = {\n  entering: { opacity: 1, visibility: 'visible' },\n  entered: { opacity: 1, visibility: 'visible' },\n  exiting: { opacity: 0, visibility: 'visible' },\n  exited: { opacity: 0, visibility: 'hidden' },\n};\n"],"names":[],"mappings":";;;;AAAO,MAAM,mBAAsB,GAAA;AAAA,EACjC,UAAY,EAAA,CAAA,uDAAA,CAAA;AAAA,EACZ,OAAS,EAAA,CAAA;AAAA,EACT,UAAY,EAAA,QAAA;AACd,EAAA;AAEO,MAAM,uBAA0B,GAAA;AAAA,EACrC,QAAU,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC9C,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC7C,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC7C,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,QAAS,EAAA;AAC7C;;;;;"}

package/dist/components/atoms/Overlay/animations.mjs

@@ -0,0 +1,14 @@
+const defaultStyleOverlay = {
+  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,
+  opacity: 0,
+  visibility: "hidden"
+};
+const transitionStylesOverlay = {
+  entering: { opacity: 1, visibility: "visible" },
+  entered: { opacity: 1, visibility: "visible" },
+  exiting: { opacity: 0, visibility: "visible" },
+  exited: { opacity: 0, visibility: "hidden" }
+};
+
+export { defaultStyleOverlay, transitionStylesOverlay };
+//# sourceMappingURL=animations.mjs.map

package/dist/components/atoms/Overlay/animations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.mjs","sources":["../../../../src/components/atoms/Overlay/animations.ts"],"sourcesContent":["export const defaultStyleOverlay = {\n  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,\n  opacity: 0,\n  visibility: 'hidden',\n};\n\nexport const transitionStylesOverlay = {\n  entering: { opacity: 1, visibility: 'visible' },\n  entered: { opacity: 1, visibility: 'visible' },\n  exiting: { opacity: 0, visibility: 'visible' },\n  exited: { opacity: 0, visibility: 'hidden' },\n};\n"],"names":[],"mappings":"AAAO,MAAM,mBAAsB,GAAA;AAAA,EACjC,UAAY,EAAA,CAAA,uDAAA,CAAA;AAAA,EACZ,OAAS,EAAA,CAAA;AAAA,EACT,UAAY,EAAA,QAAA;AACd,EAAA;AAEO,MAAM,uBAA0B,GAAA;AAAA,EACrC,QAAU,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC9C,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC7C,OAAS,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,SAAU,EAAA;AAAA,EAC7C,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,YAAY,QAAS,EAAA;AAC7C;;;;"}

package/dist/components/atoms/Overlay/styled.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/styled');
+var reactCore = require('@tecsinapse/react-core');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledOverlay = styled__default["default"]("div")`
+  background: ${({ theme }) => reactCore.hex2rgba(theme.miscellaneous.overlay, 0.5)};
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  z-index: ${({ theme, zIndex }) => theme.zIndex[zIndex]};
+  cursor: ${({ show }) => show ? "pointer" : "default"};
+  position: fixed;
+  align-items: center;
+  justify-content: center;
+`;
+
+exports.StyledOverlay = StyledOverlay;
+//# sourceMappingURL=styled.cjs.map

package/dist/components/atoms/Overlay/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/atoms/Overlay/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps, ZIndex } from '@tecsinapse/react-core';\n\ntype InjectedProps = { show: boolean; zIndex: keyof ZIndex };\n\nexport const StyledOverlay = styled('div')<Partial<StyleProps> & InjectedProps>`\n  background: ${({ theme }: StyleProps) =>\n    hex2rgba(theme.miscellaneous.overlay, 0.5)};\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: ${({ theme, zIndex }: StyleProps & InjectedProps) =>\n    theme.zIndex[zIndex]};\n  cursor: ${({ show }) => (show ? 'pointer' : 'default')};\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n`;\n"],"names":["styled","hex2rgba"],"mappings":";;;;;;;;;;;AAKa,MAAA,aAAA,GAAgBA,2BAAO,KAAK,CAAA,CAAA;AAAA,cACzB,EAAA,CAAC,EAAE,KAAM,EAAA,KACrBC,mBAAS,KAAM,CAAA,aAAA,CAAc,SAAS,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAMhC,CAAC,EAAE,KAAA,EAAO,MAAO,EAAA,KAC1B,MAAM,MAAO,CAAA,MAAA,CAAA,CAAA;AAAA,UAAA,EACL,CAAC,EAAE,IAAK,EAAA,KAAO,OAAO,SAAY,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/components/atoms/Overlay/styled.mjs

@@ -0,0 +1,19 @@
+import styled from '@emotion/styled';
+import { hex2rgba } from '@tecsinapse/react-core';
+
+const StyledOverlay = styled("div")`
+  background: ${({ theme }) => hex2rgba(theme.miscellaneous.overlay, 0.5)};
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  z-index: ${({ theme, zIndex }) => theme.zIndex[zIndex]};
+  cursor: ${({ show }) => show ? "pointer" : "default"};
+  position: fixed;
+  align-items: center;
+  justify-content: center;
+`;
+
+export { StyledOverlay };
+//# sourceMappingURL=styled.mjs.map

package/dist/components/atoms/Overlay/styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.mjs","sources":["../../../../src/components/atoms/Overlay/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps, ZIndex } from '@tecsinapse/react-core';\n\ntype InjectedProps = { show: boolean; zIndex: keyof ZIndex };\n\nexport const StyledOverlay = styled('div')<Partial<StyleProps> & InjectedProps>`\n  background: ${({ theme }: StyleProps) =>\n    hex2rgba(theme.miscellaneous.overlay, 0.5)};\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: ${({ theme, zIndex }: StyleProps & InjectedProps) =>\n    theme.zIndex[zIndex]};\n  cursor: ${({ show }) => (show ? 'pointer' : 'default')};\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n`;\n"],"names":[],"mappings":";;;AAKa,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA,cACzB,EAAA,CAAC,EAAE,KAAM,EAAA,KACrB,SAAS,KAAM,CAAA,aAAA,CAAc,SAAS,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAMhC,CAAC,EAAE,KAAA,EAAO,MAAO,EAAA,KAC1B,MAAM,MAAO,CAAA,MAAA,CAAA,CAAA;AAAA,UAAA,EACL,CAAC,EAAE,IAAK,EAAA,KAAO,OAAO,SAAY,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/components/atoms/Skeleton/Skeleton.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+var React = require('react');
+var styled = require('./styled.cjs');
+var reactNativeWeb = require('react-native-web');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(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 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__default["default"].createElement(styled.Wrapper, __spreadValues({
+    width,
+    height,
+    animation,
+    active,
+    radius
+  }, rest), /* @__PURE__ */ React__default["default"].createElement(reactNativeWeb.View, {
+    style: { opacity: active ? 0 : 1 },
+    pointerEvents: active ? "none" : "auto"
+  }, children));
+};
+
+module.exports = Skeleton;
+//# sourceMappingURL=Skeleton.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.cjs","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":["React","Wrapper","View"],"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,uBACGA,yBAAA,CAAA,aAAA,CAAAC,cAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,GAAA,EACI,uBAEHD,yBAAA,CAAA,aAAA,CAAAE,mBAAA,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/components/atoms/Skeleton/Skeleton.mjs

@@ -0,0 +1,67 @@
+import React from 'react';
+import { Wrapper } from './styled.mjs';
+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.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.mjs","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/components/atoms/Skeleton/styled.cjs

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@emotion/react');
+var styled = require('@emotion/styled');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const pulseKf = react.keyframes`
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.1;
+  }
+  100% {
+    opacity: 1;
+  }
+`;
+const waveKf = react.keyframes`
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+`;
+const waveAnim = 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 = react.css`
+  animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;
+`;
+const Wrapper = styled__default["default"]("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};
+`;
+
+exports.Wrapper = Wrapper;
+//# sourceMappingURL=styled.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","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":["keyframes","css","styled"],"mappings":";;;;;;;;;;;AAKA,MAAM,OAAU,GAAAA,eAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYhB,MAAM,MAAS,GAAAA,eAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYf,MAAM,QAAW,GAAAC,SAAA,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,GAAAA,SAAA,CAAA;AAAA,aACH,EAAA,OAAA,CAAA;AAAA,CAAA,CAAA;AAGF,MAAA,OAAA,GAAUC,2BAAO,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/components/atoms/Skeleton/styled.mjs

@@ -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.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.mjs","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/components/atoms/Table/Body/TBody.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(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__default["default"].createElement("tbody", __spreadValues({}, rest), children);
+};
+
+module.exports = TBody;
+//# sourceMappingURL=TBody.cjs.map