@tecsinapse/react-web-kit 1.21.3 → 1.22.0

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

@@ -1,88 +1,131 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
+var reactNativeWeb = require('react-native-web');
+var styled = require('./styled.js');
 
-var _reactCore = require("@tecsinapse/react-core");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _react = _interopRequireDefault(require("react"));
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _reactNativeWeb = require("react-native-web");
+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";
 
-var _styled = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-const Input = _react.default.forwardRef((_ref, ref) => {
-  let {
-    label,
-    labelColor,
-    labelColorVariant,
-    labelColorTone,
-    labelTypography,
-    labelStack,
-    labelWeight,
-    leftComponent,
-    rightComponent,
-    disabled,
-    style,
-    borderColor,
-    borderColorGradation,
-    inputContainerStyle,
-    variant = 'default',
-    hintComponent,
-    hint,
-    onFocus,
-    onBlur,
-    placeholder,
-    value,
-    ...rest
-  } = _ref;
-
-  const _hint = hintComponent || _react.default.createElement(_reactCore.Hint, {
-    text: hint,
-    variant: variant
-  });
-
-  const {
-    focused,
-    handleBlur,
-    handleFocus
-  } = (0, _reactCore.useInputFocus)(onFocus, onBlur, !disabled);
-  const onlyLabel = label && !placeholder;
-  return _react.default.createElement(_reactNativeWeb.View, {
-    style: style
-  }, _react.default.createElement(_reactCore.InputContainer, {
-    label: 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.default.createElement(_styled.StyledWebTextInput, _extends({}, rest, {
-    placeholder: onlyLabel ? label : placeholder,
-    value: value,
-    ref: ref,
-    disabled: disabled,
-    onFocus: handleFocus,
-    onBlur: handleBlur
-  }))), hint && _hint);
-});
-
-Input.displayName = 'Input';
-var _default = Input;
-exports.default = _default;
-//# sourceMappingURL=Input.js.map
+module.exports = Input;
+//# sourceMappingURL=Input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["Input","React","forwardRef","ref","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","placeholder","value","rest","_hint","focused","handleBlur","handleFocus","useInputFocus","onlyLabel","undefined","displayName"],"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"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;AACA;;;;;;AAKA,MAAMA,KAAwB,GAAGC,cAAA,CAAMC,UAAN,CAC/B,OAyBEC,GAzBF,KA0BK;EAAA,IAzBH;IACEC,KADF;IAEEC,UAFF;IAGEC,iBAHF;IAIEC,cAJF;IAKEC,eALF;IAMEC,UANF;IAOEC,WAPF;IAQEC,aARF;IASEC,cATF;IAUEC,QAVF;IAWEC,KAXF;IAYEC,WAZF;IAaEC,oBAbF;IAcEC,mBAdF;IAeEC,OAAO,GAAG,SAfZ;IAgBEC,aAhBF;IAiBEC,IAjBF;IAkBEC,OAlBF;IAmBEC,MAnBF;IAoBEC,WApBF;IAqBEC,KArBF;IAsBE,GAAGC;EAtBL,CAyBG;;EACH,MAAMC,KAAK,GAAGP,aAAa,IAAI,6BAAC,eAAD;IAAM,IAAI,EAAEC,IAAZ;IAAkB,OAAO,EAAEF;EAA3B,EAA/B;;EACA,MAAM;IAAES,OAAF;IAAWC,UAAX;IAAuBC;EAAvB,IAAuC,IAAAC,wBAAA,EAC3CT,OAD2C,EAE3CC,MAF2C,EAG3C,CAACT,QAH0C,CAA7C;EAMA,MAAMkB,SAAS,GAAG3B,KAAK,IAAI,CAACmB,WAA5B;EAEA,OACE,6BAAC,oBAAD;IAAM,KAAK,EAAET;EAAb,GACE,6BAAC,yBAAD;IACE,KAAK,EAAEU,KAAK,GAAGpB,KAAH,GAAW4B,SADzB;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,6BAAC,0BAAD,eACMO,IADN;IAEE,WAAW,EAAEM,SAAS,GAAG3B,KAAH,GAAWmB,WAFnC;IAGE,KAAK,EAAEC,KAHT;IAIE,GAAG,EAAErB,GAJP;IAKE,QAAQ,EAAEU,QALZ;IAME,OAAO,EAAEgB,WANX;IAOE,MAAM,EAAED;EAPV,GAjBF,CADF,EA4BGR,IAAI,IAAIM,KA5BX,CADF;AAgCD,CArE8B,CAAjC;;AAwEA1B,KAAK,CAACiC,WAAN,GAAoB,OAApB;eAEejC,K"}
+{"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/components/atoms/Input/styled.js

@@ -1,20 +1,19 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledWebTextInput = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireDefault(require("@emotion/native"));
+var nativeStyled = require('@emotion/native');
+var reactCore = require('@tecsinapse/react-core');
 
-var _reactCore = require("@tecsinapse/react-core");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _templateObject;
+var nativeStyled__default = /*#__PURE__*/_interopDefaultLegacy(nativeStyled);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledWebTextInput = nativeStyled__default["default"](reactCore.InputElement)`
+  &:focus-visible {
+    outline-width: 0;
+  }
+`;
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const StyledWebTextInput = (0, _native.default)(_reactCore.InputElement)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &:focus-visible {\n    outline-width: 0;\n  }\n"])));
 exports.StyledWebTextInput = StyledWebTextInput;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledWebTextInput","styled","InputElement"],"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;;AACA;;;;;;;;AAEO,MAAMA,kBAAkB,GAAG,IAAAC,eAAA,EAAOC,uBAAP,CAAH,wHAAxB"}
+{"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/components/atoms/InputMask/InputMask.js

@@ -1,88 +1,131 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
+var reactNativeWeb = require('react-native-web');
+var styled = require('./styled.js');
 
-var _reactCore = require("@tecsinapse/react-core");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _react = _interopRequireDefault(require("react"));
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _reactNativeWeb = require("react-native-web");
+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";
 
-var _styled = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-const InputMask = _react.default.forwardRef((_ref, ref) => {
-  let {
-    label,
-    labelColor,
-    labelColorVariant,
-    labelColorTone,
-    labelTypography,
-    labelStack,
-    labelWeight,
-    leftComponent,
-    rightComponent,
-    disabled,
-    style,
-    borderColor,
-    borderColorGradation,
-    inputContainerStyle,
-    variant = 'default',
-    hintComponent,
-    hint,
-    onFocus,
-    onBlur,
-    value,
-    placeholder,
-    ...rest
-  } = _ref;
-
-  const _hint = hintComponent || _react.default.createElement(_reactCore.Hint, {
-    text: hint,
-    variant: variant
-  });
-
-  const {
-    focused,
-    handleBlur,
-    handleFocus
-  } = (0, _reactCore.useInputFocus)(onFocus, onBlur, !disabled);
-  const onlyLabel = label && !placeholder;
-  return _react.default.createElement(_reactNativeWeb.View, {
-    style: style
-  }, _react.default.createElement(_reactCore.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.default.createElement(_styled.StyledWebTextInputMask, _extends({}, rest, {
-    placeholder: onlyLabel ? label : placeholder,
-    value: value,
-    ref: ref,
-    disabled: disabled,
-    onFocus: handleFocus,
-    onBlur: handleBlur
-  }))), hint && _hint);
-});
-
-InputMask.displayName = 'InputMask';
-var _default = InputMask;
-exports.default = _default;
-//# sourceMappingURL=InputMask.js.map
+module.exports = InputMask;
+//# sourceMappingURL=InputMask.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputMask.js","names":["InputMask","React","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","useInputFocus","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;;AAOA;;AACA;;AACA;;;;;;AAKA,MAAMA,SAAgC,GAAGC,cAAA,CAAMC,UAAN,CACvC,OAyBEC,GAzBF,KA0BK;EAAA,IAzBH;IACEC,KADF;IAEEC,UAFF;IAGEC,iBAHF;IAIEC,cAJF;IAKEC,eALF;IAMEC,UANF;IAOEC,WAPF;IAQEC,aARF;IASEC,cATF;IAUEC,QAVF;IAWEC,KAXF;IAYEC,WAZF;IAaEC,oBAbF;IAcEC,mBAdF;IAeEC,OAAO,GAAG,SAfZ;IAgBEC,aAhBF;IAiBEC,IAjBF;IAkBEC,OAlBF;IAmBEC,MAnBF;IAoBEC,KApBF;IAqBEC,WArBF;IAsBE,GAAGC;EAtBL,CAyBG;;EACH,MAAMC,KAAK,GAAGP,aAAa,IAAI,6BAAC,eAAD;IAAM,IAAI,EAAEC,IAAZ;IAAkB,OAAO,EAAEF;EAA3B,EAA/B;;EACA,MAAM;IAAES,OAAF;IAAWC,UAAX;IAAuBC;EAAvB,IAAuC,IAAAC,wBAAA,EAC3CT,OAD2C,EAE3CC,MAF2C,EAG3C,CAACT,QAH0C,CAA7C;EAMA,MAAMkB,SAAS,GAAG3B,KAAK,IAAI,CAACoB,WAA5B;EAEA,OACE,6BAAC,oBAAD;IAAM,KAAK,EAAEV;EAAb,GACE,6BAAC,yBAAD;IACE,KAAK,EAAEkB,MAAM,CAACT,KAAD,CAAN,GAAgBnB,KAAhB,GAAwB6B,SADjC;IAEE,UAAU,EAAE5B,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,6BAAC,8BAAD,eACMO,IADN;IAEE,WAAW,EAAEM,SAAS,GAAG3B,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;;AAwEA1B,SAAS,CAACkC,WAAV,GAAwB,WAAxB;eAEelC,S"}
+{"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/components/atoms/InputMask/styled.js

@@ -1,20 +1,19 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledWebTextInputMask = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireDefault(require("@emotion/native"));
+var nativeStyled = require('@emotion/native');
+var reactCore = require('@tecsinapse/react-core');
 
-var _reactCore = require("@tecsinapse/react-core");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _templateObject;
+var nativeStyled__default = /*#__PURE__*/_interopDefaultLegacy(nativeStyled);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledWebTextInputMask = nativeStyled__default["default"](reactCore.InputMaskElement)`
+  &:focus-visible {
+    outline-width: 0;
+  }
+`;
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const StyledWebTextInputMask = (0, _native.default)(_reactCore.InputMaskElement)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &:focus-visible {\n    outline-width: 0;\n  }\n"])));
 exports.StyledWebTextInputMask = StyledWebTextInputMask;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledWebTextInputMask","styled","InputMaskElement"],"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;;AACA;;;;;;;;AAEO,MAAMA,sBAAsB,GAAG,IAAAC,eAAA,EAAOC,2BAAP,CAAH,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","InputMaskElement"],"mappings":";;;;;;;;;;;AAGa,MAAA,sBAAA,GAAyBA,iCAAOC,0BAAgB,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}