@tecsinapse/react-web-kit 1.22.1-beta.4 → 1.22.1-beta.7

package/dist/cjs/components/atoms/Input/Input.js

@@ -0,0 +1,131 @@
+'use strict';
+
+var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
+var reactNativeWeb = require('react-native-web');
+var styled = require('./styled.js');
+
+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 __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 Input = React__default["default"].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,
+      placeholder,
+      value
+    } = _b, rest = __objRest(_b, [
+      "label",
+      "labelColor",
+      "labelColorVariant",
+      "labelColorTone",
+      "labelTypography",
+      "labelStack",
+      "labelWeight",
+      "leftComponent",
+      "rightComponent",
+      "disabled",
+      "style",
+      "borderColor",
+      "borderColorGradation",
+      "inputContainerStyle",
+      "variant",
+      "hintComponent",
+      "hint",
+      "onFocus",
+      "onBlur",
+      "placeholder",
+      "value"
+    ]);
+    const _hint = hintComponent || /* @__PURE__ */ React__default["default"].createElement(reactCore.Hint, {
+      text: hint,
+      variant
+    });
+    const { focused, handleBlur, handleFocus } = reactCore.useInputFocus(
+      onFocus,
+      onBlur,
+      !disabled
+    );
+    const onlyLabel = label && !placeholder;
+    return /* @__PURE__ */ React__default["default"].createElement(reactNativeWeb.View, {
+      style
+    }, /* @__PURE__ */ React__default["default"].createElement(reactCore.InputContainer, {
+      label: value ? label : void 0,
+      labelColor,
+      labelColorVariant,
+      labelColorTone,
+      labelTypography,
+      labelStack,
+      labelWeight,
+      leftComponent,
+      rightComponent,
+      borderColor,
+      borderColorGradation,
+      inputContainerStyle,
+      focused,
+      disabled,
+      variant
+    }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledWebTextInput, __spreadProps(__spreadValues({}, rest), {
+      placeholder: onlyLabel ? label : placeholder,
+      value,
+      ref,
+      disabled,
+      onFocus: handleFocus,
+      onBlur: handleBlur
+    }))), hint && _hint);
+  }
+);
+Input.displayName = "Input";
+
+module.exports = Input;
+//# sourceMappingURL=Input.js.map

package/dist/cjs/components/atoms/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"sourcesContent":["import {\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledWebTextInput } from './styled';\n\nexport type InputWebProps = Omit<InputElementProps, 'style'> &\n  InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };\n\nconst Input: FC<InputWebProps> = 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      placeholder,\n      value,\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={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          <StyledWebTextInput\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\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["React","Hint","useInputFocus","View","InputContainer","StyledWebTextInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,QAA2BA,yBAAM,CAAA,UAAA;AAAA,EACrC,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,WAAA;AAAA,MACA,KAAA;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,aAAA;AAAA,MACA,OAAA;AAAA,KAAA,CAAA,CAAA;AAKF,IAAM,MAAA,KAAA,GAAQ,iCAAkBA,yBAAA,CAAA,aAAA,CAAAC,cAAA,EAAA;AAAA,MAAK,IAAM,EAAA,IAAA;AAAA,MAAM,OAAA;AAAA,KAAkB,CAAA,CAAA;AACnE,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAAC,uBAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IAAA,uBACGF,yBAAA,CAAA,aAAA,CAAAG,mBAAA,EAAA;AAAA,MAAK,KAAA;AAAA,KAAA,kBACHH,yBAAA,CAAA,aAAA,CAAAI,wBAAA,EAAA;AAAA,MACC,KAAA,EAAO,QAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,MACvB,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,kBAAAJ,yBAAA,CAAA,aAAA,CAACK,4DACK,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,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}

package/dist/cjs/components/atoms/Input/styled.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var nativeStyled = require('@emotion/native');
+var reactCore = require('@tecsinapse/react-core');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var nativeStyled__default = /*#__PURE__*/_interopDefaultLegacy(nativeStyled);
+
+const StyledWebTextInput = nativeStyled__default["default"](reactCore.InputElement)`
+  &:focus-visible {
+    outline-width: 0;
+  }
+`;
+
+exports.StyledWebTextInput = StyledWebTextInput;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Input/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","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"],"names":["styled","InputElement"],"mappings":";;;;;;;;;;;AAGa,MAAA,kBAAA,GAAqBA,iCAAOC,sBAAY,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/cjs/components/atoms/InputMask/InputMask.js

@@ -0,0 +1,131 @@
+'use strict';
+
+var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
+var reactNativeWeb = require('react-native-web');
+var styled = require('./styled.js');
+
+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 __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__default["default"].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__default["default"].createElement(reactCore.Hint, {
+      text: hint,
+      variant
+    });
+    const { focused, handleBlur, handleFocus } = reactCore.useInputFocus(
+      onFocus,
+      onBlur,
+      !disabled
+    );
+    const onlyLabel = label && !placeholder;
+    return /* @__PURE__ */ React__default["default"].createElement(reactNativeWeb.View, {
+      style
+    }, /* @__PURE__ */ React__default["default"].createElement(reactCore.InputContainer, {
+      label: String(value) ? label : void 0,
+      labelColor,
+      labelColorVariant,
+      labelColorTone,
+      labelTypography,
+      labelStack,
+      labelWeight,
+      leftComponent,
+      rightComponent,
+      borderColor,
+      borderColorGradation,
+      inputContainerStyle,
+      focused,
+      disabled,
+      variant
+    }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledWebTextInputMask, __spreadProps(__spreadValues({}, rest), {
+      placeholder: onlyLabel ? label : placeholder,
+      value,
+      ref,
+      disabled,
+      onFocus: handleFocus,
+      onBlur: handleBlur
+    }))), hint && _hint);
+  }
+);
+InputMask.displayName = "InputMask";
+
+module.exports = InputMask;
+//# sourceMappingURL=InputMask.js.map

package/dist/cjs/components/atoms/InputMask/InputMask.js.map

@@ -0,0 +1 @@
+{"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":["React","Hint","useInputFocus","View","InputContainer","StyledWebTextInputMask"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,YAAmCA,yBAAM,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,iCAAkBA,yBAAA,CAAA,aAAA,CAAAC,cAAA,EAAA;AAAA,MAAK,IAAM,EAAA,IAAA;AAAA,MAAM,OAAA;AAAA,KAAkB,CAAA,CAAA;AACnE,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAAC,uBAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IAAA,uBACGF,yBAAA,CAAA,aAAA,CAAAG,mBAAA,EAAA;AAAA,MAAK,KAAA;AAAA,KAAA,kBACHH,yBAAA,CAAA,aAAA,CAAAI,wBAAA,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,kBAAAJ,yBAAA,CAAA,aAAA,CAACK,gEACK,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/dist/cjs/components/atoms/InputMask/styled.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var nativeStyled = require('@emotion/native');
+var reactCore = require('@tecsinapse/react-core');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var nativeStyled__default = /*#__PURE__*/_interopDefaultLegacy(nativeStyled);
+
+const StyledWebTextInputMask = nativeStyled__default["default"](reactCore.InputMaskElement)`
+  &:focus-visible {
+    outline-width: 0;
+  }
+`;
+
+exports.StyledWebTextInputMask = StyledWebTextInputMask;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/InputMask/styled.js.map

@@ -0,0 +1 @@
+{"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","InputMaskElement"],"mappings":";;;;;;;;;;;AAGa,MAAA,sBAAA,GAAyBA,iCAAOC,0BAAgB,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,66 @@
+'use strict';
+
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var Overlay = require('../Overlay/Overlay.js');
+var styled = require('./styled.js');
+var animations = require('./animations.js');
+
+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 Modal = (_a) => {
+  var _b = _a, {
+    children,
+    open,
+    onClose,
+    style
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "open",
+    "onClose",
+    "style"
+  ]);
+  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(Overlay, {
+    open,
+    onClose,
+    zIndex: "modal"
+  }), /* @__PURE__ */ React__default["default"].createElement(reactTransitionGroup.Transition, {
+    in: open,
+    timeout: 400
+  }, (state) => /* @__PURE__ */ React__default["default"].createElement(styled.ModalContainer, __spreadValues({
+    style: __spreadValues(__spreadValues(__spreadValues({}, style), animations.defaultStyleOverlay), animations.transitionStylesOverlay[state])
+  }, rest), children)));
+};
+
+module.exports = Modal;
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"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":["React","Transition","ModalContainer","defaultStyleOverlay","transitionStylesOverlay"],"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,yHAEKA,yBAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,IAAA;AAAA,IAAY,OAAA;AAAA,IAAkB,MAAO,EAAA,OAAA;AAAA,GAAQ,mBACrDA,yBAAA,CAAA,aAAA,CAAAC,+BAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAS,EAAA,GAAA;AAAA,GAAA,EAC5B,2BACED,yBAAA,CAAA,aAAA,CAAAE,qBAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,KACA,CAAA,EAAAC,8BAAA,CAAA,EACAC,kCAAwB,CAAA,KAAA,CAAA,CAAA;AAAA,GAEzB,EAAA,IAAA,CAAA,EAEH,QACH,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Modal/animations.js

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

package/dist/cjs/components/atoms/Modal/animations.js.map

@@ -0,0 +1 @@
+{"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/dist/cjs/components/atoms/Modal/styled.js

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

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

@@ -0,0 +1 @@
+{"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":["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/cjs/components/atoms/Overlay/Overlay.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var animations = require('./animations.js');
+var styled = require('./styled.js');
+
+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.js.map

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

@@ -0,0 +1 @@
+{"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":["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/cjs/components/atoms/Overlay/animations.js

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

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

@@ -0,0 +1 @@
+{"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;;;;;"}

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

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

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

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