@tecsinapse/react-web-kit 1.19.0 → 1.20.2

package/esm/components/atoms/Input/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledWebTextInput: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;

package/esm/components/atoms/Input/styled.js

@@ -0,0 +1,8 @@
+var _templateObject;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import styled from '@emotion/native';
+import { InputElement } from '@tecsinapse/react-core';
+export var StyledWebTextInput = styled(InputElement)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  &:focus-visible {\n    outline-width: 0;\n  }\n"])));
+//# sourceMappingURL=styled.js.map

package/esm/components/atoms/Input/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","InputElement","StyledWebTextInput"],"sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledWebTextInput = styled(InputElement)<Partial<StyleProps>>`\n  &:focus-visible {\n    outline-width: 0;\n  }\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,YAAT,QAAyC,wBAAzC;AAEA,OAAO,IAAMC,kBAAkB,GAAGF,MAAM,CAACC,YAAD,CAAT,6HAAxB"}

package/esm/components/atoms/InputMask/InputMask.d.ts

@@ -0,0 +1,7 @@
+import { InputContainerProps, InputMaskElementProps } from '@tecsinapse/react-core';
+import React, { FC } from 'react';
+export declare type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> & InputContainerProps & {
+    ref?: React.Ref<HTMLInputElement | undefined>;
+};
+declare const InputMask: FC<InputMaskWebProps>;
+export default InputMask;

package/esm/components/atoms/InputMask/InputMask.js

@@ -0,0 +1,76 @@
+var _excluded = ["label", "labelColor", "labelColorVariant", "labelColorTone", "labelTypography", "labelStack", "labelWeight", "leftComponent", "rightComponent", "disabled", "style", "borderColor", "borderColorGradation", "inputContainerStyle", "variant", "hintComponent", "hint", "onFocus", "onBlur", "value", "placeholder"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { Hint, InputContainer, useInputFocus } from '@tecsinapse/react-core';
+import React from 'react';
+import { View } from "react-native-web";
+import { StyledWebTextInputMask } from "./styled";
+var InputMask = React.forwardRef(function (_ref, ref) {
+  var label = _ref.label,
+      labelColor = _ref.labelColor,
+      labelColorVariant = _ref.labelColorVariant,
+      labelColorTone = _ref.labelColorTone,
+      labelTypography = _ref.labelTypography,
+      labelStack = _ref.labelStack,
+      labelWeight = _ref.labelWeight,
+      leftComponent = _ref.leftComponent,
+      rightComponent = _ref.rightComponent,
+      disabled = _ref.disabled,
+      style = _ref.style,
+      borderColor = _ref.borderColor,
+      borderColorGradation = _ref.borderColorGradation,
+      inputContainerStyle = _ref.inputContainerStyle,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+      hintComponent = _ref.hintComponent,
+      hint = _ref.hint,
+      onFocus = _ref.onFocus,
+      onBlur = _ref.onBlur,
+      value = _ref.value,
+      placeholder = _ref.placeholder,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _hint = hintComponent || React.createElement(Hint, {
+    text: hint,
+    variant: variant
+  });
+
+  var _useInputFocus = useInputFocus(onFocus, onBlur, !disabled),
+      focused = _useInputFocus.focused,
+      handleBlur = _useInputFocus.handleBlur,
+      handleFocus = _useInputFocus.handleFocus;
+
+  var onlyLabel = label && !placeholder;
+  return React.createElement(View, {
+    style: style
+  }, React.createElement(InputContainer, {
+    label: String(value) ? label : undefined,
+    labelColor: labelColor,
+    labelColorVariant: labelColorVariant,
+    labelColorTone: labelColorTone,
+    labelTypography: labelTypography,
+    labelStack: labelStack,
+    labelWeight: labelWeight,
+    leftComponent: leftComponent,
+    rightComponent: rightComponent,
+    borderColor: borderColor,
+    borderColorGradation: borderColorGradation,
+    inputContainerStyle: inputContainerStyle,
+    focused: focused,
+    disabled: disabled,
+    variant: variant
+  }, React.createElement(StyledWebTextInputMask, _extends({}, rest, {
+    placeholder: onlyLabel ? label : placeholder,
+    value: value,
+    ref: ref,
+    disabled: disabled,
+    onFocus: handleFocus,
+    onBlur: handleBlur
+  }))), hint && _hint);
+});
+InputMask.displayName = 'InputMask';
+export default InputMask;
+//# sourceMappingURL=InputMask.js.map

package/esm/components/atoms/InputMask/InputMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputMask.js","names":["Hint","InputContainer","useInputFocus","React","View","StyledWebTextInputMask","InputMask","forwardRef","ref","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","placeholder","rest","_hint","focused","handleBlur","handleFocus","onlyLabel","String","undefined","displayName"],"sources":["../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputMaskElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledWebTextInputMask } from './styled';\n\nexport type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> &\n  InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };\n\nconst InputMask: FC<InputMaskWebProps> = React.forwardRef(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\n      style,\n      borderColor,\n      borderColorGradation,\n      inputContainerStyle,\n      variant = 'default',\n      hintComponent,\n      hint,\n      onFocus,\n      onBlur,\n      value,\n      placeholder,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || <Hint text={hint} variant={variant} />;\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    const onlyLabel = label && !placeholder;\n\n    return (\n      <View style={style}>\n        <InputContainer\n          label={String(value) ? label : undefined}\n          labelColor={labelColor}\n          labelColorVariant={labelColorVariant}\n          labelColorTone={labelColorTone}\n          labelTypography={labelTypography}\n          labelStack={labelStack}\n          labelWeight={labelWeight}\n          leftComponent={leftComponent}\n          rightComponent={rightComponent}\n          borderColor={borderColor}\n          borderColorGradation={borderColorGradation}\n          inputContainerStyle={inputContainerStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledWebTextInputMask\n            {...rest}\n            placeholder={onlyLabel ? label : placeholder}\n            value={value}\n            ref={ref as React.Ref<TextInput>}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </InputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"mappings":";;;;;;AAAA,SACEA,IADF,EAEEC,cAFF,EAKEC,aALF,QAMO,wBANP;AAOA,OAAOC,KAAP,MAA0B,OAA1B;AACA,SAAoBC,IAApB;AACA,SAASC,sBAAT;AAKA,IAAMC,SAAgC,GAAGH,KAAK,CAACI,UAAN,CACvC,gBAyBEC,GAzBF,EA0BK;EAAA,IAxBDC,KAwBC,QAxBDA,KAwBC;EAAA,IAvBDC,UAuBC,QAvBDA,UAuBC;EAAA,IAtBDC,iBAsBC,QAtBDA,iBAsBC;EAAA,IArBDC,cAqBC,QArBDA,cAqBC;EAAA,IApBDC,eAoBC,QApBDA,eAoBC;EAAA,IAnBDC,UAmBC,QAnBDA,UAmBC;EAAA,IAlBDC,WAkBC,QAlBDA,WAkBC;EAAA,IAjBDC,aAiBC,QAjBDA,aAiBC;EAAA,IAhBDC,cAgBC,QAhBDA,cAgBC;EAAA,IAfDC,QAeC,QAfDA,QAeC;EAAA,IAdDC,KAcC,QAdDA,KAcC;EAAA,IAbDC,WAaC,QAbDA,WAaC;EAAA,IAZDC,oBAYC,QAZDA,oBAYC;EAAA,IAXDC,mBAWC,QAXDA,mBAWC;EAAA,wBAVDC,OAUC;EAAA,IAVDA,OAUC,6BAVS,SAUT;EAAA,IATDC,aASC,QATDA,aASC;EAAA,IARDC,IAQC,QARDA,IAQC;EAAA,IAPDC,OAOC,QAPDA,OAOC;EAAA,IANDC,MAMC,QANDA,MAMC;EAAA,IALDC,KAKC,QALDA,KAKC;EAAA,IAJDC,WAIC,QAJDA,WAIC;EAAA,IAHEC,IAGF;;EACH,IAAMC,KAAK,GAAGP,aAAa,IAAI,oBAAC,IAAD;IAAM,IAAI,EAAEC,IAAZ;IAAkB,OAAO,EAAEF;EAA3B,EAA/B;;EACA,qBAA6CrB,aAAa,CACxDwB,OADwD,EAExDC,MAFwD,EAGxD,CAACT,QAHuD,CAA1D;EAAA,IAAQc,OAAR,kBAAQA,OAAR;EAAA,IAAiBC,UAAjB,kBAAiBA,UAAjB;EAAA,IAA6BC,WAA7B,kBAA6BA,WAA7B;;EAMA,IAAMC,SAAS,GAAG1B,KAAK,IAAI,CAACoB,WAA5B;EAEA,OACE,oBAAC,IAAD;IAAM,KAAK,EAAEV;EAAb,GACE,oBAAC,cAAD;IACE,KAAK,EAAEiB,MAAM,CAACR,KAAD,CAAN,GAAgBnB,KAAhB,GAAwB4B,SADjC;IAEE,UAAU,EAAE3B,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,aAAa,EAAEC,aARjB;IASE,cAAc,EAAEC,cATlB;IAUE,WAAW,EAAEG,WAVf;IAWE,oBAAoB,EAAEC,oBAXxB;IAYE,mBAAmB,EAAEC,mBAZvB;IAaE,OAAO,EAAEU,OAbX;IAcE,QAAQ,EAAEd,QAdZ;IAeE,OAAO,EAAEK;EAfX,GAiBE,oBAAC,sBAAD,eACMO,IADN;IAEE,WAAW,EAAEK,SAAS,GAAG1B,KAAH,GAAWoB,WAFnC;IAGE,KAAK,EAAED,KAHT;IAIE,GAAG,EAAEpB,GAJP;IAKE,QAAQ,EAAEU,QALZ;IAME,OAAO,EAAEgB,WANX;IAOE,MAAM,EAAED;EAPV,GAjBF,CADF,EA4BGR,IAAI,IAAIM,KA5BX,CADF;AAgCD,CArEsC,CAAzC;AAwEAzB,SAAS,CAACgC,WAAV,GAAwB,WAAxB;AAEA,eAAehC,SAAf"}

package/esm/components/atoms/InputMask/index.d.ts

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

package/esm/components/atoms/InputMask/index.js

@@ -0,0 +1,2 @@
+export { default as InputMask } from "./InputMask";
+//# sourceMappingURL=index.js.map

package/esm/components/atoms/InputMask/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","InputMask"],"sources":["../../../../src/components/atoms/InputMask/index.ts"],"sourcesContent":["export { default as InputMask } from './InputMask';\nexport type { InputMaskWebProps } from './InputMask';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAApB"}

package/esm/components/atoms/InputMask/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledWebTextInputMask: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;

package/esm/components/atoms/InputMask/styled.js

@@ -0,0 +1,8 @@
+var _templateObject;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import styled from '@emotion/native';
+import { InputMaskElement } from '@tecsinapse/react-core';
+export var StyledWebTextInputMask = styled(InputMaskElement)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  &:focus-visible {\n    outline-width: 0;\n  }\n"])));
+//# sourceMappingURL=styled.js.map

package/esm/components/atoms/InputMask/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","InputMaskElement","StyledWebTextInputMask"],"sources":["../../../../src/components/atoms/InputMask/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputMaskElement, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledWebTextInputMask = styled(InputMaskElement)<\n  Partial<StyleProps>\n>`\n  &:focus-visible {\n    outline-width: 0;\n  }\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,gBAAT,QAA6C,wBAA7C;AAEA,OAAO,IAAMC,sBAAsB,GAAGF,MAAM,CAACC,gBAAD,CAAT,6HAA5B"}

package/esm/components/atoms/Modal/Modal.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+    onClose: () => void;
+}
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

package/esm/components/atoms/Modal/Modal.js

@@ -0,0 +1,35 @@
+var _excluded = ["children", "open", "onClose", "style"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import { Transition } from 'react-transition-group';
+import { Overlay } from "../Overlay";
+import { ModalContainer } from "./styled";
+import { defaultStyleOverlay, transitionStylesOverlay } from "./animations";
+
+var Modal = function Modal(_ref) {
+  var children = _ref.children,
+      open = _ref.open,
+      onClose = _ref.onClose,
+      style = _ref.style,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return React.createElement(React.Fragment, null, React.createElement(Overlay, {
+    open: open,
+    onClose: onClose,
+    zIndex: "modal"
+  }), React.createElement(Transition, {
+    "in": open,
+    timeout: 400
+  }, function (state) {
+    return React.createElement(ModalContainer, _extends({
+      style: _extends({}, style, defaultStyleOverlay, transitionStylesOverlay[state])
+    }, rest), children);
+  }));
+};
+
+export default Modal;
+//# sourceMappingURL=Modal.js.map

package/esm/components/atoms/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","names":["React","Transition","Overlay","ModalContainer","defaultStyleOverlay","transitionStylesOverlay","Modal","children","open","onClose","style","rest","state"],"sources":["../../../../src/components/atoms/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { Overlay } from '../Overlay';\nimport { ModalContainer } from './styled';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n}\n\nconst Modal: React.FC<ModalProps> = ({\n  children,\n  open,\n  onClose,\n  style,\n  ...rest\n}) => {\n  return (\n    <>\n      <Overlay open={open} onClose={onClose} zIndex=\"modal\" />\n      <Transition in={open} timeout={400}>\n        {state => (\n          <ModalContainer\n            style={{\n              ...style,\n              ...defaultStyleOverlay,\n              ...transitionStylesOverlay[state],\n            }}\n            {...rest}\n          >\n            {children}\n          </ModalContainer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Modal;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,wBAA3B;AACA,SAASC,OAAT;AACA,SAASC,cAAT;AACA,SAASC,mBAAT,EAA8BC,uBAA9B;;AAOA,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,OAM9B;EAAA,IALJC,QAKI,QALJA,QAKI;EAAA,IAJJC,IAII,QAJJA,IAII;EAAA,IAHJC,OAGI,QAHJA,OAGI;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,IADDC,IACC;;EACJ,OACE,0CACE,oBAAC,OAAD;IAAS,IAAI,EAAEH,IAAf;IAAqB,OAAO,EAAEC,OAA9B;IAAuC,MAAM,EAAC;EAA9C,EADF,EAEE,oBAAC,UAAD;IAAY,MAAID,IAAhB;IAAsB,OAAO,EAAE;EAA/B,GACG,UAAAI,KAAK;IAAA,OACJ,oBAAC,cAAD;MACE,KAAK,eACAF,KADA,EAEAN,mBAFA,EAGAC,uBAAuB,CAACO,KAAD,CAHvB;IADP,GAMMD,IANN,GAQGJ,QARH,CADI;EAAA,CADR,CAFF,CADF;AAmBD,CA1BD;;AA4BA,eAAeD,KAAf"}

package/esm/components/atoms/Modal/animations.d.ts

@@ -0,0 +1,23 @@
+export declare const defaultStyleOverlay: {
+    transition: string;
+    opacity: number;
+    visibility: string;
+};
+export declare const transitionStylesOverlay: {
+    entering: {
+        opacity: number;
+        visibility: string;
+    };
+    entered: {
+        opacity: number;
+        visibility: string;
+    };
+    exiting: {
+        opacity: number;
+        visibility: string;
+    };
+    exited: {
+        opacity: number;
+        visibility: string;
+    };
+};

package/esm/components/atoms/Modal/animations.js

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

package/esm/components/atoms/Modal/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.js","names":["defaultStyleOverlay","transition","opacity","visibility","transitionStylesOverlay","entering","entered","exiting","exited"],"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"],"mappings":"AAAA,OAAO,IAAMA,mBAAmB,GAAG;EACjCC,UAAU,2DADuB;EAEjCC,OAAO,EAAE,CAFwB;EAGjCC,UAAU,EAAE;AAHqB,CAA5B;AAMP,OAAO,IAAMC,uBAAuB,GAAG;EACrCC,QAAQ,EAAE;IAAEH,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAD2B;EAErCG,OAAO,EAAE;IAAEJ,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAF4B;EAGrCI,OAAO,EAAE;IAAEL,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAH4B;EAIrCK,MAAM,EAAE;IAAEN,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B;AAJ6B,CAAhC"}

package/esm/components/atoms/Modal/index.d.ts

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

package/esm/components/atoms/Modal/index.js

@@ -0,0 +1,2 @@
+export { default as Modal } from "./Modal";
+//# sourceMappingURL=index.js.map

package/esm/components/atoms/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Modal"],"sources":["../../../../src/components/atoms/Modal/index.ts"],"sourcesContent":["export { default as Modal } from './Modal';\nexport type { ModalProps } from './Modal';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAApB"}

package/esm/components/atoms/Modal/styled.d.ts

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

package/esm/components/atoms/Modal/styled.js

@@ -0,0 +1,23 @@
+var _templateObject;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import styled from '@emotion/styled';
+import { hex2rgba } from '@tecsinapse/react-core';
+export var ModalContainer = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  margin: auto;\n  position: fixed;\n  z-index: ", ";\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: ", ";\n  padding: ", ";\n  display: flex;\n  box-shadow: 0 2px 8px\n    ", ";\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.miscellaneous.surfaceColor;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.zIndex.modal;
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.borderRadius.micro;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.spacing.kilo;
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return hex2rgba(theme.miscellaneous.shadow, 0.05);
+});
+//# sourceMappingURL=styled.js.map

package/esm/components/atoms/Modal/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","hex2rgba","ModalContainer","theme","miscellaneous","surfaceColor","zIndex","modal","borderRadius","micro","spacing","kilo","shadow"],"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"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,QAAT,QAAqC,wBAArC;AAEA,OAAO,IAAMC,cAAc,GAAGF,MAAM,CAAC,KAAD,CAAT,+TACL;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAnC;AAAA,CADK,EAId;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACG,MAAN,CAAaC,KAA5B;AAAA,CAJc,EAQR;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACK,YAAN,CAAmBC,KAAlC;AAAA,CARQ,EASd;EAAA,IAAGN,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACO,OAAN,CAAcC,IAA7B;AAAA,CATc,EAYrB;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeF,QAAQ,CAACE,KAAK,CAACC,aAAN,CAAoBQ,MAArB,EAA6B,IAA7B,CAAvB;AAAA,CAZqB,CAApB"}

package/esm/components/atoms/Overlay/Overlay.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ZIndex } from '@tecsinapse/react-core';
+export interface OverlayProps {
+    timeout?: number;
+    open: boolean;
+    onClose: () => void;
+    zIndex: keyof ZIndex;
+}
+declare const Overlay: React.FC<OverlayProps>;
+export default Overlay;

package/esm/components/atoms/Overlay/Overlay.js

@@ -0,0 +1,30 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { Transition } from 'react-transition-group';
+import { defaultStyleOverlay, transitionStylesOverlay } from "./animations";
+import { StyledOverlay } from "./styled";
+
+var Overlay = function Overlay(_ref) {
+  var _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
+      open = _ref.open,
+      onClose = _ref.onClose,
+      _ref$zIndex = _ref.zIndex,
+      zIndex = _ref$zIndex === void 0 ? 'default' : _ref$zIndex,
+      children = _ref.children;
+  return React.createElement(Transition, {
+    "in": open,
+    timeout: timeout
+  }, function (state) {
+    return React.createElement(StyledOverlay, {
+      style: _extends({}, defaultStyleOverlay, transitionStylesOverlay[state]),
+      onClick: open ? onClose : undefined,
+      show: open,
+      zIndex: zIndex
+    }, children);
+  });
+};
+
+export default Overlay;
+//# sourceMappingURL=Overlay.js.map

package/esm/components/atoms/Overlay/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","names":["React","Transition","defaultStyleOverlay","transitionStylesOverlay","StyledOverlay","Overlay","timeout","open","onClose","zIndex","children","state","undefined"],"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"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,wBAA3B;AAEA,SAASC,mBAAT,EAA8BC,uBAA9B;AACA,SAASC,aAAT;;AASA,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAMlC;EAAA,wBALJC,OAKI;EAAA,IALJA,OAKI,6BALM,GAKN;EAAA,IAJJC,IAII,QAJJA,IAII;EAAA,IAHJC,OAGI,QAHJA,OAGI;EAAA,uBAFJC,MAEI;EAAA,IAFJA,MAEI,4BAFK,SAEL;EAAA,IADJC,QACI,QADJA,QACI;EACJ,OACE,oBAAC,UAAD;IAAY,MAAIH,IAAhB;IAAsB,OAAO,EAAED;EAA/B,GACG,UAAAK,KAAK;IAAA,OACJ,oBAAC,aAAD;MACE,KAAK,eACAT,mBADA,EAEAC,uBAAuB,CAACQ,KAAD,CAFvB,CADP;MAKE,OAAO,EAAEJ,IAAI,GAAGC,OAAH,GAAaI,SAL5B;MAME,IAAI,EAAEL,IANR;MAOE,MAAM,EAAEE;IAPV,GASGC,QATH,CADI;EAAA,CADR,CADF;AAiBD,CAxBD;;AA0BA,eAAeL,OAAf"}

package/esm/components/atoms/Overlay/animations.d.ts

@@ -0,0 +1,23 @@
+export declare const defaultStyleOverlay: {
+    transition: string;
+    opacity: number;
+    visibility: string;
+};
+export declare const transitionStylesOverlay: {
+    entering: {
+        opacity: number;
+        visibility: string;
+    };
+    entered: {
+        opacity: number;
+        visibility: string;
+    };
+    exiting: {
+        opacity: number;
+        visibility: string;
+    };
+    exited: {
+        opacity: number;
+        visibility: string;
+    };
+};

package/esm/components/atoms/Overlay/animations.js

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

package/esm/components/atoms/Overlay/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.js","names":["defaultStyleOverlay","transition","opacity","visibility","transitionStylesOverlay","entering","entered","exiting","exited"],"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"],"mappings":"AAAA,OAAO,IAAMA,mBAAmB,GAAG;EACjCC,UAAU,2DADuB;EAEjCC,OAAO,EAAE,CAFwB;EAGjCC,UAAU,EAAE;AAHqB,CAA5B;AAMP,OAAO,IAAMC,uBAAuB,GAAG;EACrCC,QAAQ,EAAE;IAAEH,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAD2B;EAErCG,OAAO,EAAE;IAAEJ,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAF4B;EAGrCI,OAAO,EAAE;IAAEL,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAH4B;EAIrCK,MAAM,EAAE;IAAEN,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B;AAJ6B,CAAhC"}

package/esm/components/atoms/Overlay/index.d.ts

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

package/esm/components/atoms/Overlay/index.js

@@ -0,0 +1,2 @@
+export { default as Overlay } from "./Overlay";
+//# sourceMappingURL=index.js.map

package/esm/components/atoms/Overlay/index.js.map

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

package/esm/components/atoms/Overlay/styled.d.ts

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

package/esm/components/atoms/Overlay/styled.js

@@ -0,0 +1,18 @@
+var _templateObject;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import styled from '@emotion/styled';
+import { hex2rgba } from '@tecsinapse/react-core';
+export var StyledOverlay = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: ", ";\n  cursor: ", ";\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return hex2rgba(theme.miscellaneous.overlay, 0.5);
+}, function (_ref2) {
+  var theme = _ref2.theme,
+      zIndex = _ref2.zIndex;
+  return theme.zIndex[zIndex];
+}, function (_ref3) {
+  var show = _ref3.show;
+  return show ? 'pointer' : 'default';
+});
+//# sourceMappingURL=styled.js.map

package/esm/components/atoms/Overlay/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","hex2rgba","StyledOverlay","theme","miscellaneous","overlay","zIndex","show"],"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"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,QAAT,QAA6C,wBAA7C;AAIA,OAAO,IAAMC,aAAa,GAAGF,MAAM,CAAC,KAAD,CAAT,iRACV;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OACZF,QAAQ,CAACE,KAAK,CAACC,aAAN,CAAoBC,OAArB,EAA8B,GAA9B,CADI;AAAA,CADU,EAQb;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,IAAUG,MAAV,SAAUA,MAAV;EAAA,OACTH,KAAK,CAACG,MAAN,CAAaA,MAAb,CADS;AAAA,CARa,EAUd;EAAA,IAAGC,IAAH,SAAGA,IAAH;EAAA,OAAeA,IAAI,GAAG,SAAH,GAAe,SAAlC;AAAA,CAVc,CAAnB"}

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

@@ -0,0 +1,41 @@
+var _excluded = ["children", "width", "height", "animation", "active", "radius"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import { Wrapper } from "./styled";
+import { View } from "react-native-web";
+
+var Skeleton = function Skeleton(_ref) {
+  var children = _ref.children,
+      width = _ref.width,
+      height = _ref.height,
+      _ref$animation = _ref.animation,
+      animation = _ref$animation === void 0 ? 'wave' : _ref$animation,
+      _ref$active = _ref.active,
+      active = _ref$active === void 0 ? true : _ref$active,
+      radius = _ref.radius,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  if (!width && !height && !children) {
+    throw new Error('[Skeleton] You should provide children or specify width and height');
+  }
+
+  return React.createElement(Wrapper, _extends({
+    width: width,
+    height: height,
+    animation: animation,
+    active: active,
+    radius: radius
+  }, rest), React.createElement(View, {
+    style: {
+      opacity: active ? 0 : 1
+    },
+    pointerEvents: active ? 'none' : 'auto'
+  }, children));
+};
+
+export default Skeleton;
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","names":["React","Wrapper","View","Skeleton","children","width","height","animation","active","radius","rest","Error","opacity"],"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"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAT;AAEA,SAASC,IAAT;;AAUA,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAQpC;EAAA,IAPJC,QAOI,QAPJA,QAOI;EAAA,IANJC,KAMI,QANJA,KAMI;EAAA,IALJC,MAKI,QALJA,MAKI;EAAA,0BAJJC,SAII;EAAA,IAJJA,SAII,+BAJQ,MAIR;EAAA,uBAHJC,MAGI;EAAA,IAHJA,MAGI,4BAHK,IAGL;EAAA,IAFJC,MAEI,QAFJA,MAEI;EAAA,IADDC,IACC;;EACJ,IAAI,CAACL,KAAD,IAAU,CAACC,MAAX,IAAqB,CAACF,QAA1B,EAAoC;IAClC,MAAM,IAAIO,KAAJ,CACJ,oEADI,CAAN;EAGD;;EAED,OACE,oBAAC,OAAD;IACE,KAAK,EAAEN,KADT;IAEE,MAAM,EAAEC,MAFV;IAGE,SAAS,EAAEC,SAHb;IAIE,MAAM,EAAEC,MAJV;IAKE,MAAM,EAAEC;EALV,GAMMC,IANN,GAQE,oBAAC,IAAD;IACE,KAAK,EAAE;MAAEE,OAAO,EAAEJ,MAAM,GAAG,CAAH,GAAO;IAAxB,CADT;IAEE,aAAa,EAAEA,MAAM,GAAG,MAAH,GAAY;EAFnC,GAIGJ,QAJH,CARF,CADF;AAiBD,CAhCD;;AAkCA,eAAeD,QAAf"}

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

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

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

@@ -0,0 +1,2 @@
+export { default as Skeleton } from "./Skeleton";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,35 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import { css, keyframes } from '@emotion/react';
+import styled from '@emotion/styled';
+var pulseKf = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.1;\n  }\n  100% {\n    opacity: 1;\n  }\n"])));
+var waveKf = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  0% {\n    transform: translateX(-100%);\n  }\n  50% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n"])));
+var waveAnim = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  overflow: hidden;\n  &::after {\n    animation: ", " 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"])), waveKf);
+var pulseAnim = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  animation: ", " 1.5s ease-in-out 0.5s infinite;\n"])), pulseKf);
+export var Wrapper = styled('div')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  border-radius: ", ";\n  ", ";\n"])), function (_ref) {
+  var theme = _ref.theme,
+      animation = _ref.animation,
+      active = _ref.active;
+  return !active ? undefined : animation === 'pulse' ? theme.miscellaneous.bodyColor : theme.miscellaneous.surfaceColor;
+}, function (_ref2) {
+  var _ref3;
+
+  var width = _ref2.width;
+  return (_ref3 = width + "px") != null ? _ref3 : '100%';
+}, function (_ref4) {
+  var _ref5;
+
+  var height = _ref4.height;
+  return (_ref5 = height + "px") != null ? _ref5 : 'auto';
+}, function (_ref6) {
+  var theme = _ref6.theme,
+      radius = _ref6.radius;
+  return radius ? theme.borderRadius[radius] : 'unset';
+}, function (_ref7) {
+  var animation = _ref7.animation,
+      active = _ref7.active;
+  return !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim;
+});
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["css","keyframes","styled","pulseKf","waveKf","waveAnim","pulseAnim","Wrapper","theme","animation","active","undefined","miscellaneous","bodyColor","surfaceColor","width","height","radius","borderRadius"],"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"],"mappings":";;;;AAAA,SAASA,GAAT,EAAcC,SAAd,QAA+B,gBAA/B;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAIA,IAAMC,OAAO,GAAGF,SAAH,2KAAb;AAYA,IAAMG,MAAM,GAAGH,SAAH,+NAAZ;AAYA,IAAMI,QAAQ,GAAGL,GAAH,icAIGI,MAJH,CAAd;AAqBA,IAAME,SAAS,GAAGN,GAAH,kIACAG,OADA,CAAf;AAIA,OAAO,IAAMI,OAAO,GAAGL,MAAM,CAAC,KAAD,CAAT,4KACE;EAAA,IAClBM,KADkB,QAClBA,KADkB;EAAA,IAElBC,SAFkB,QAElBA,SAFkB;EAAA,IAGlBC,MAHkB,QAGlBA,MAHkB;EAAA,OAKlB,CAACA,MAAD,GACIC,SADJ,GAEIF,SAAS,KAAK,OAAd,GACAD,KAAK,CAACI,aAAN,CAAoBC,SADpB,GAEAL,KAAK,CAACI,aAAN,CAAoBE,YATN;AAAA,CADF,EAWT;EAAA;;EAAA,IAAGC,KAAH,SAAGA,KAAH;EAAA,gBAAkBA,KAAlB,2BAA+B,MAA/B;AAAA,CAXS,EAYR;EAAA;;EAAA,IAAGC,MAAH,SAAGA,MAAH;EAAA,gBAAmBA,MAAnB,2BAAiC,MAAjC;AAAA,CAZQ,EAaD;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,IAAUS,MAAV,SAAUA,MAAV;EAAA,OACfA,MAAM,GAAGT,KAAK,CAACU,YAAN,CAAmBD,MAAnB,CAAH,GAAgC,OADvB;AAAA,CAbC,EAehB;EAAA,IAAGR,SAAH,SAAGA,SAAH;EAAA,IAAcC,MAAd,SAAcA,MAAd;EAAA,OACA,CAACA,MAAD,GAAUC,SAAV,GAAsBF,SAAS,KAAK,OAAd,GAAwBH,SAAxB,GAAoCD,QAD1D;AAAA,CAfgB,CAAb"}

package/esm/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/esm/components/atoms/Table/Body/TBody.js

@@ -0,0 +1,13 @@
+var _excluded = ["children"];
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+export var TBody = function TBody(_ref) {
+  var children = _ref.children,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return React.createElement("tbody", rest, children);
+};
+export default TBody;
+//# sourceMappingURL=TBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TBody.js","names":["React","TBody","children","rest"],"sources":["../../../../../src/components/atoms/Table/Body/TBody.tsx"],"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"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,IAAMC,KAA8D,GAAG,SAAjEA,KAAiE,OAGxE;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,IACC;;EACJ,OAAO,6BAAWA,IAAX,EAAkBD,QAAlB,CAAP;AACD,CALM;AAOP,eAAeD,KAAf"}

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

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

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

@@ -0,0 +1,2 @@
+export { default as TBody } from "./TBody";
+//# sourceMappingURL=index.js.map

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

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