@tecsinapse/react-web-kit 1.21.3 → 1.22.0

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

@@ -1,78 +1,125 @@
-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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import { Hint, InputContainer, useInputFocus } from '@tecsinapse/react-core';
+import { useInputFocus, InputContainer, Hint } 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 = _objectWithoutProperties(_ref, _excluded);
-
-  var _hint = hintComponent || React.createElement(Hint, {
-    text: hint,
-    variant: variant
-  });
+import { View } from 'react-native-web';
+import { StyledWebTextInputMask } from './styled.js';
 
-  var _useInputFocus = useInputFocus(onFocus, onBlur, !disabled),
-      focused = _useInputFocus.focused,
-      handleBlur = _useInputFocus.handleBlur,
-      handleFocus = _useInputFocus.handleFocus;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const InputMask = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      label,
+      labelColor,
+      labelColorVariant,
+      labelColorTone,
+      labelTypography,
+      labelStack,
+      labelWeight,
+      leftComponent,
+      rightComponent,
+      disabled,
+      style,
+      borderColor,
+      borderColorGradation,
+      inputContainerStyle,
+      variant = "default",
+      hintComponent,
+      hint,
+      onFocus,
+      onBlur,
+      value,
+      placeholder
+    } = _b, rest = __objRest(_b, [
+      "label",
+      "labelColor",
+      "labelColorVariant",
+      "labelColorTone",
+      "labelTypography",
+      "labelStack",
+      "labelWeight",
+      "leftComponent",
+      "rightComponent",
+      "disabled",
+      "style",
+      "borderColor",
+      "borderColorGradation",
+      "inputContainerStyle",
+      "variant",
+      "hintComponent",
+      "hint",
+      "onFocus",
+      "onBlur",
+      "value",
+      "placeholder"
+    ]);
+    const _hint = hintComponent || /* @__PURE__ */ React.createElement(Hint, {
+      text: hint,
+      variant
+    });
+    const { focused, handleBlur, handleFocus } = useInputFocus(
+      onFocus,
+      onBlur,
+      !disabled
+    );
+    const onlyLabel = label && !placeholder;
+    return /* @__PURE__ */ React.createElement(View, {
+      style
+    }, /* @__PURE__ */ React.createElement(InputContainer, {
+      label: String(value) ? label : void 0,
+      labelColor,
+      labelColorVariant,
+      labelColorTone,
+      labelTypography,
+      labelStack,
+      labelWeight,
+      leftComponent,
+      rightComponent,
+      borderColor,
+      borderColorGradation,
+      inputContainerStyle,
+      focused,
+      disabled,
+      variant
+    }, /* @__PURE__ */ React.createElement(StyledWebTextInputMask, __spreadProps(__spreadValues({}, rest), {
+      placeholder: onlyLabel ? label : placeholder,
+      value,
+      ref,
+      disabled,
+      onFocus: handleFocus,
+      onBlur: handleBlur
+    }))), hint && _hint);
+  }
+);
+InputMask.displayName = "InputMask";
 
-  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
+export { InputMask as default };
+//# sourceMappingURL=InputMask.js.map

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

@@ -1 +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"}
+{"version":3,"file":"InputMask.js","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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,YAAmC,KAAM,CAAA,UAAA;AAAA,EAC7C,CACE,IAwBA,GACG,KAAA;AAzBH,IACE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAU,GAAA,SAAA;AAAA,MACV,aAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,KArCN,GAgBI,EAsBK,EAAA,IAAA,GAAA,SAAA,CAtBL,EAsBK,EAAA;AAAA,MArBH,OAAA;AAAA,MACA,YAAA;AAAA,MACA,mBAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,eAAA;AAAA,MACA,gBAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,MACA,sBAAA;AAAA,MACA,qBAAA;AAAA,MACA,SAAA;AAAA,MACA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,KAAA,CAAA,CAAA;AAKF,IAAM,MAAA,KAAA,GAAQ,iCAAkB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,IAAM,EAAA,IAAA;AAAA,MAAM,OAAA;AAAA,KAAkB,CAAA,CAAA;AACnE,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,KAAA;AAAA,KAAA,kBACH,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,MACC,KAAO,EAAA,MAAA,CAAO,KAAK,CAAA,GAAI,KAAQ,GAAA,KAAA,CAAA;AAAA,MAC/B,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,KAEA,kBAAA,KAAA,CAAA,aAAA,CAAC,yDACK,IADL,CAAA,EAAA;AAAA,MAEC,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,MACjC,KAAA;AAAA,MACA,GAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,MAAQ,EAAA,UAAA;AAAA,KACV,CAAA,CACF,CACC,EAAA,IAAA,IAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,SAAA,CAAU,WAAc,GAAA,WAAA;;;;"}

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

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

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

@@ -1 +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,wHAA5B"}
+{"version":3,"file":"styled.js","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"],"names":["styled"],"mappings":";;;AAGa,MAAA,sBAAA,GAAyBA,aAAO,gBAAgB,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

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

@@ -1,43 +1,60 @@
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import { 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 = _objectWithoutProperties(_ref, _excluded);
-
-  return React.createElement(React.Fragment, null, React.createElement(Overlay, {
-    open: open,
-    onClose: onClose,
+import Overlay from '../Overlay/Overlay.js';
+import { ModalContainer } from './styled.js';
+import { defaultStyleOverlay, transitionStylesOverlay } from './animations.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 Modal = (_a) => {
+  var _b = _a, {
+    children,
+    open,
+    onClose,
+    style
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "open",
+    "onClose",
+    "style"
+  ]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Overlay, {
+    open,
+    onClose,
     zIndex: "modal"
-  }), React.createElement(Transition, {
-    "in": open,
+  }), /* @__PURE__ */ React.createElement(Transition, {
+    in: open,
     timeout: 400
-  }, function (state) {
-    return React.createElement(ModalContainer, _extends({
-      style: _objectSpread(_objectSpread(_objectSpread({}, style), defaultStyleOverlay), transitionStylesOverlay[state])
-    }, rest), children);
-  }));
+  }, (state) => /* @__PURE__ */ React.createElement(ModalContainer, __spreadValues({
+    style: __spreadValues(__spreadValues(__spreadValues({}, style), defaultStyleOverlay), transitionStylesOverlay[state])
+  }, rest), children)));
 };
 
-export default Modal;
-//# sourceMappingURL=Modal.js.map
+export { Modal as default };
+//# sourceMappingURL=Modal.js.map

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

@@ -1 +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,gDACAF,KADA,GAEAN,mBAFA,GAGAC,uBAAuB,CAACO,KAAD,CAHvB;IADP,GAMMD,IANN,GAQGJ,QARH,CADI;EAAA,CADR,CAFF,CADF;AAmBD,CA1BD;;AA4BA,eAAeD,KAAf"}
+{"version":3,"file":"Modal.js","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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWM,MAAA,KAAA,GAA8B,CAAC,EAM/B,KAAA;AAN+B,EACnC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,GAfF,GAWqC,EAKhC,EAAA,IAAA,GAAA,SAAA,CALgC,EAKhC,EAAA;AAAA,IAJH,UAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,IAAA;AAAA,IAAY,OAAA;AAAA,IAAkB,MAAO,EAAA,OAAA;AAAA,GAAQ,mBACrD,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAS,EAAA,GAAA;AAAA,GAAA,EAC5B,2BACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,KACA,CAAA,EAAA,mBAAA,CAAA,EACA,uBAAwB,CAAA,KAAA,CAAA,CAAA;AAAA,GAEzB,EAAA,IAAA,CAAA,EAEH,QACH,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,24 +1,14 @@
-export var defaultStyleOverlay = {
-  transition: "opacity 800ms ease-in-out, visibility 600ms ease-in-out",
+const defaultStyleOverlay = {
+  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,
   opacity: 0,
-  visibility: 'hidden'
+  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'
-  }
+const 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
+
+export { defaultStyleOverlay, transitionStylesOverlay };
+//# sourceMappingURL=animations.js.map

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

@@ -1 +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"}
+{"version":3,"file":"animations.js","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/esm/components/atoms/Modal/styled.js

@@ -1,23 +1,20 @@
-var _templateObject;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import styled from '@emotion/styled';
 import { hex2rgba } from '@tecsinapse/react-core';
-export var ModalContainer = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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
+
+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.js.map

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

@@ -1 +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,0TACL;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"}
+{"version":3,"file":"styled.js","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/esm/components/atoms/Overlay/Overlay.js

@@ -1,34 +1,41 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React from 'react';
 import { Transition } from 'react-transition-group';
-import { defaultStyleOverlay, transitionStylesOverlay } from "./animations";
-import { StyledOverlay } from "./styled";
+import { defaultStyleOverlay, transitionStylesOverlay } from './animations.js';
+import { StyledOverlay } from './styled.js';
 
-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: _objectSpread(_objectSpread({}, defaultStyleOverlay), transitionStylesOverlay[state]),
-      onClick: open ? onClose : undefined,
-      show: open,
-      zIndex: zIndex
-    }, children);
-  });
+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 default Overlay;
-//# sourceMappingURL=Overlay.js.map
+export { Overlay as default };
+//# sourceMappingURL=Overlay.js.map

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

@@ -1 +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,kCACAT,mBADA,GAEAC,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"}
+{"version":3,"file":"Overlay.js","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/esm/components/atoms/Overlay/animations.js

@@ -1,24 +1,14 @@
-export var defaultStyleOverlay = {
-  transition: "opacity 800ms ease-in-out, visibility 600ms ease-in-out",
+const defaultStyleOverlay = {
+  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,
   opacity: 0,
-  visibility: 'hidden'
+  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'
-  }
+const 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
+
+export { defaultStyleOverlay, transitionStylesOverlay };
+//# sourceMappingURL=animations.js.map

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

@@ -1 +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"}
+{"version":3,"file":"animations.js","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;;;;"}