@tecsinapse/react-core 1.20.0 → 1.21.0

package/dist/utils/ResponsiveFontSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveFontSize.js","names":["STANDARD_SCREEN_HEIGHT","RFPercentage","percent","Platform","OS","height","width","Dimensions","get","standardLength","offset","StatusBar","currentHeight","deviceHeight","isIphoneX","heightPercent","Math","round","RFValue","fontSize","standardScreenHeight","RFValueStr","_fontSize","extractNumbersFromString"],"sources":["../../src/utils/ResponsiveFontSize.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\nimport { extractNumbersFromString } from './extractNumbersFromString';\nimport { isIphoneX } from './IPhoneXHelper';\n\nconst STANDARD_SCREEN_HEIGHT = 680;\n\n/**\n * Use this function when you want to scale a percentage number\n * to a reasonable value that will fit better on most of devices.\n *\n * @param percent\n * @returns\n */\nexport const RFPercentage = (percent: number) => {\n  if (Platform.OS === 'web') return percent;\n  const { height, width } = Dimensions.get('window');\n  const standardLength = width > height ? width : height;\n  const offset =\n    width > height\n      ? 0\n      : Platform.OS === 'ios'\n      ? 78\n      : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n  const deviceHeight =\n    isIphoneX() || Platform.OS === 'android'\n      ? standardLength - offset\n      : standardLength;\n  const heightPercent = (percent * deviceHeight) / 100;\n  return Math.round(heightPercent);\n};\n\n/**\n * Use this function when you want to scale a font size based on pixel unit\n * to a reasonable value that will fit better on most of devices.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValue = (\n  fontSize: number,\n  standardScreenHeight: number = STANDARD_SCREEN_HEIGHT\n) => {\n  if (Platform.OS === 'web') return fontSize;\n  const { height, width } = Dimensions.get('window');\n  const standardLength = width > height ? width : height;\n  const offset =\n    width > height\n      ? 0\n      : Platform.OS === 'ios'\n      ? 78\n      : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n  const deviceHeight =\n    isIphoneX() || Platform.OS === 'android'\n      ? standardLength - offset\n      : standardLength;\n  const heightPercent = (fontSize * deviceHeight) / standardScreenHeight;\n  return Math.round(heightPercent);\n};\n\n/**\n * Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValueStr = (fontSize: string, standardScreenHeight?: number) => {\n  const _fontSize = extractNumbersFromString(fontSize);\n  return `${RFValue(_fontSize, standardScreenHeight)}px`;\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA,MAAMA,sBAAsB,GAAG,GAA/B;;AASO,MAAMC,YAAY,GAAIC,OAAD,IAAqB;EAC/C,IAAIC,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B,OAAOF,OAAP;;EAC3B,MAAM;IAAEG,MAAF;IAAUC;EAAV,IAAoBC,uBAAA,CAAWC,GAAX,CAAe,QAAf,CAA1B;;EACA,MAAMC,cAAc,GAAGH,KAAK,GAAGD,MAAR,GAAiBC,KAAjB,GAAyBD,MAAhD;EACA,MAAMK,MAAM,GACVJ,KAAK,GAAGD,MAAR,GACI,CADJ,GAEIF,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GACA,EADA,GAEAO,sBAAA,CAAUC,aAAV,IAA2B,CALjC;EAMA,MAAMC,YAAY,GAChB,IAAAC,wBAAA,OAAeX,qBAAA,CAASC,EAAT,KAAgB,SAA/B,GACIK,cAAc,GAAGC,MADrB,GAEID,cAHN;EAIA,MAAMM,aAAa,GAAIb,OAAO,GAAGW,YAAX,GAA2B,GAAjD;EACA,OAAOG,IAAI,CAACC,KAAL,CAAWF,aAAX,CAAP;AACD,CAhBM;;;;AA0BA,MAAMG,OAAO,GAAG,UACrBC,QADqB,EAGlB;EAAA,IADHC,oBACG,uEAD4BpB,sBAC5B;EACH,IAAIG,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B,OAAOe,QAAP;;EAC3B,MAAM;IAAEd,MAAF;IAAUC;EAAV,IAAoBC,uBAAA,CAAWC,GAAX,CAAe,QAAf,CAA1B;;EACA,MAAMC,cAAc,GAAGH,KAAK,GAAGD,MAAR,GAAiBC,KAAjB,GAAyBD,MAAhD;EACA,MAAMK,MAAM,GACVJ,KAAK,GAAGD,MAAR,GACI,CADJ,GAEIF,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GACA,EADA,GAEAO,sBAAA,CAAUC,aAAV,IAA2B,CALjC;EAMA,MAAMC,YAAY,GAChB,IAAAC,wBAAA,OAAeX,qBAAA,CAASC,EAAT,KAAgB,SAA/B,GACIK,cAAc,GAAGC,MADrB,GAEID,cAHN;EAIA,MAAMM,aAAa,GAAII,QAAQ,GAAGN,YAAZ,GAA4BO,oBAAlD;EACA,OAAOJ,IAAI,CAACC,KAAL,CAAWF,aAAX,CAAP;AACD,CAnBM;;;;AA4BA,MAAMM,UAAU,GAAG,CAACF,QAAD,EAAmBC,oBAAnB,KAAqD;EAC7E,MAAME,SAAS,GAAG,IAAAC,kDAAA,EAAyBJ,QAAzB,CAAlB;;EACA,iBAAUD,OAAO,CAACI,SAAD,EAAYF,oBAAZ,CAAjB;AACD,CAHM"}
+{"version":3,"file":"ResponsiveFontSize.js","sources":["../../src/utils/ResponsiveFontSize.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\nimport { extractNumbersFromString } from './extractNumbersFromString';\nimport { isIphoneX } from './IPhoneXHelper';\n\nconst STANDARD_SCREEN_HEIGHT = 680;\n\n/**\n * Use this function when you want to scale a percentage number\n * to a reasonable value that will fit better on most of devices.\n *\n * @param percent\n * @returns\n */\nexport const RFPercentage = (percent: number) => {\n  if (Platform.OS === 'web') return percent;\n  const { height, width } = Dimensions.get('window');\n  const standardLength = width > height ? width : height;\n  const offset =\n    width > height\n      ? 0\n      : Platform.OS === 'ios'\n      ? 78\n      : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n  const deviceHeight =\n    isIphoneX() || Platform.OS === 'android'\n      ? standardLength - offset\n      : standardLength;\n  const heightPercent = (percent * deviceHeight) / 100;\n  return Math.round(heightPercent);\n};\n\n/**\n * Use this function when you want to scale a font size based on pixel unit\n * to a reasonable value that will fit better on most of devices.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValue = (\n  fontSize: number,\n  standardScreenHeight: number = STANDARD_SCREEN_HEIGHT\n) => {\n  if (Platform.OS === 'web') return fontSize;\n  const { height, width } = Dimensions.get('window');\n  const standardLength = width > height ? width : height;\n  const offset =\n    width > height\n      ? 0\n      : Platform.OS === 'ios'\n      ? 78\n      : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n  const deviceHeight =\n    isIphoneX() || Platform.OS === 'android'\n      ? standardLength - offset\n      : standardLength;\n  const heightPercent = (fontSize * deviceHeight) / standardScreenHeight;\n  return Math.round(heightPercent);\n};\n\n/**\n * Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValueStr = (fontSize: string, standardScreenHeight?: number) => {\n  const _fontSize = extractNumbersFromString(fontSize);\n  return `${RFValue(_fontSize, standardScreenHeight)}px`;\n};\n"],"names":["Platform","Dimensions","StatusBar","isIphoneX","extractNumbersFromString"],"mappings":";;;;;;;;AAIA,MAAM,sBAAyB,GAAA,GAAA,CAAA;AASlB,MAAA,YAAA,GAAe,CAAC,OAAoB,KAAA;AAC/C,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,OAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,UAAU,YAAgB,GAAA,GAAA,CAAA;AACjD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AAUO,MAAM,OAAU,GAAA,CACrB,QACA,EAAA,oBAAA,GAA+B,sBAC5B,KAAA;AACH,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,QAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,WAAW,YAAgB,GAAA,oBAAA,CAAA;AAClD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AASa,MAAA,UAAA,GAAa,CAAC,QAAA,EAAkB,oBAAkC,KAAA;AAC7E,EAAM,MAAA,SAAA,GAAYI,kDAAyB,QAAQ,CAAA,CAAA;AACnD,EAAO,OAAA,CAAA,EAAG,OAAQ,CAAA,SAAA,EAAW,oBAAoB,CAAA,CAAA,EAAA,CAAA,CAAA;AACnD;;;;;;"}

package/dist/utils/extractNumbersFromString.js

@@ -1,15 +1,10 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extractNumbersFromString = exports.extractDigitsFromString = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const extractNumbersFromString = value => Number(extractDigitsFromString(value));
-
-exports.extractNumbersFromString = extractNumbersFromString;
-
-const extractDigitsFromString = value => value.replace(/[^0-9]/g, '');
+const extractNumbersFromString = (value) => Number(extractDigitsFromString(value));
+const extractDigitsFromString = (value) => value.replace(/[^0-9]/g, "");
 
 exports.extractDigitsFromString = extractDigitsFromString;
-//# sourceMappingURL=extractNumbersFromString.js.map
+exports.extractNumbersFromString = extractNumbersFromString;
+//# sourceMappingURL=extractNumbersFromString.js.map

package/dist/utils/extractNumbersFromString.js.map

@@ -1 +1 @@
-{"version":3,"file":"extractNumbersFromString.js","names":["extractNumbersFromString","value","Number","extractDigitsFromString","replace"],"sources":["../../src/utils/extractNumbersFromString.ts"],"sourcesContent":["export const extractNumbersFromString = (value: string): number =>\n  Number(extractDigitsFromString(value));\n\nexport const extractDigitsFromString = (value: string): string =>\n  value.replace(/[^0-9]/g, '');\n"],"mappings":";;;;;;;AAAO,MAAMA,wBAAwB,GAAIC,KAAD,IACtCC,MAAM,CAACC,uBAAuB,CAACF,KAAD,CAAxB,CADD;;;;AAGA,MAAME,uBAAuB,GAAIF,KAAD,IACrCA,KAAK,CAACG,OAAN,CAAc,SAAd,EAAyB,EAAzB,CADK"}
+{"version":3,"file":"extractNumbersFromString.js","sources":["../../src/utils/extractNumbersFromString.ts"],"sourcesContent":["export const extractNumbersFromString = (value: string): number =>\n  Number(extractDigitsFromString(value));\n\nexport const extractDigitsFromString = (value: string): string =>\n  value.replace(/[^0-9]/g, '');\n"],"names":[],"mappings":";;;;AAAO,MAAM,2BAA2B,CAAC,KAAA,KACvC,MAAO,CAAA,uBAAA,CAAwB,KAAK,CAAC,EAAA;AAEhC,MAAM,0BAA0B,CAAC,KAAA,KACtC,KAAM,CAAA,OAAA,CAAQ,WAAW,EAAE;;;;;"}

package/dist/utils/formatWithMask.js

@@ -1,31 +1,34 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.formatWithMask = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _Input = require("../components/atoms/Input");
+require('react');
+require('../components/atoms/Text/styled.js');
+require('../components/atoms/Input/styled.js');
+var useNumberMask = require('../components/atoms/Input/hooks/useNumberMask.js');
+var useStringMask = require('../components/atoms/Input/hooks/useStringMask.js');
+require('../components/atoms/Input/InputElement/InputElement.js');
+require('../components/atoms/Input/InputMaskElement/InputMaskElement.js');
+require('../components/atoms/Input/PressableInputContainer/styled.js');
+var currency = require('currency.js');
 
-var _currency = _interopRequireDefault(require("currency.js"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var currency__default = /*#__PURE__*/_interopDefaultLegacy(currency);
 
 const formatWithMask = (mask, value) => {
-  if (Array.isArray(mask) || typeof mask === 'function') {
-    const selectedMask = (0, _Input.getMask)(mask, String(value));
-    const {
-      formatted
-    } = (0, _Input.mergeMask)(String(value), selectedMask);
-    return formatted || '';
+  if (Array.isArray(mask) || typeof mask === "function") {
+    const selectedMask = useStringMask.getMask(mask, String(value));
+    const { formatted } = useStringMask.mergeMask(String(value), selectedMask);
+    return formatted || "";
   } else {
-    const {
-      internalNumber,
-      mergedOptions
-    } = (0, _Input.getInternalNumberAndMask)(value, mask);
-    return (0, _currency.default)(internalNumber).format(mergedOptions);
+    const { internalNumber, mergedOptions } = useNumberMask.getInternalNumberAndMask(
+      value,
+      mask
+    );
+    return currency__default["default"](internalNumber).format(mergedOptions);
   }
 };
 
 exports.formatWithMask = formatWithMask;
-//# sourceMappingURL=formatWithMask.js.map
+//# sourceMappingURL=formatWithMask.js.map

package/dist/utils/formatWithMask.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatWithMask.js","names":["formatWithMask","mask","value","Array","isArray","selectedMask","getMask","String","formatted","mergeMask","internalNumber","mergedOptions","getInternalNumberAndMask","currency","format"],"sources":["../../src/utils/formatWithMask.ts"],"sourcesContent":["import {\n  MaskType,\n  CurrencyOptions,\n  getMask,\n  mergeMask,\n  getInternalNumberAndMask,\n} from '../components/atoms/Input';\nimport currency from 'currency.js';\n\nexport const formatWithMask = (\n  mask: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions,\n  value: string | number\n): string | number => {\n  if (Array.isArray(mask) || typeof mask === 'function') {\n    const selectedMask = getMask(mask, String(value));\n    const { formatted } = mergeMask(String(value), selectedMask);\n    return formatted || '';\n  } else {\n    const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n      value,\n      mask\n    );\n    return currency(internalNumber).format(mergedOptions);\n  }\n};\n"],"mappings":";;;;;;;AAAA;;AAOA;;;;AAEO,MAAMA,cAAc,GAAG,CAC5BC,IAD4B,EAE5BC,KAF4B,KAGR;EACpB,IAAIC,KAAK,CAACC,OAAN,CAAcH,IAAd,KAAuB,OAAOA,IAAP,KAAgB,UAA3C,EAAuD;IACrD,MAAMI,YAAY,GAAG,IAAAC,cAAA,EAAQL,IAAR,EAAcM,MAAM,CAACL,KAAD,CAApB,CAArB;IACA,MAAM;MAAEM;IAAF,IAAgB,IAAAC,gBAAA,EAAUF,MAAM,CAACL,KAAD,CAAhB,EAAyBG,YAAzB,CAAtB;IACA,OAAOG,SAAS,IAAI,EAApB;EACD,CAJD,MAIO;IACL,MAAM;MAAEE,cAAF;MAAkBC;IAAlB,IAAoC,IAAAC,+BAAA,EACxCV,KADwC,EAExCD,IAFwC,CAA1C;IAIA,OAAO,IAAAY,iBAAA,EAASH,cAAT,EAAyBI,MAAzB,CAAgCH,aAAhC,CAAP;EACD;AACF,CAfM"}
+{"version":3,"file":"formatWithMask.js","sources":["../../src/utils/formatWithMask.ts"],"sourcesContent":["import {\n  MaskType,\n  CurrencyOptions,\n  getMask,\n  mergeMask,\n  getInternalNumberAndMask,\n} from '../components/atoms/Input';\nimport currency from 'currency.js';\n\nexport const formatWithMask = (\n  mask: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions,\n  value: string | number\n): string | number => {\n  if (Array.isArray(mask) || typeof mask === 'function') {\n    const selectedMask = getMask(mask, String(value));\n    const { formatted } = mergeMask(String(value), selectedMask);\n    return formatted || '';\n  } else {\n    const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n      value,\n      mask\n    );\n    return currency(internalNumber).format(mergedOptions);\n  }\n};\n"],"names":["getMask","mergeMask","getInternalNumberAndMask","currency"],"mappings":";;;;;;;;;;;;;;;;;;AASa,MAAA,cAAA,GAAiB,CAC5B,IAAA,EACA,KACoB,KAAA;AACpB,EAAA,IAAI,MAAM,OAAQ,CAAA,IAAI,CAAK,IAAA,OAAO,SAAS,UAAY,EAAA;AACrD,IAAA,MAAM,YAAe,GAAAA,qBAAA,CAAQ,IAAM,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAChD,IAAA,MAAM,EAAE,SAAU,EAAA,GAAIC,wBAAU,MAAO,CAAA,KAAK,GAAG,YAAY,CAAA,CAAA;AAC3D,IAAA,OAAO,SAAa,IAAA,EAAA,CAAA;AAAA,GACf,MAAA;AACL,IAAM,MAAA,EAAE,cAAgB,EAAA,aAAA,EAAkB,GAAAC,sCAAA;AAAA,MACxC,KAAA;AAAA,MACA,IAAA;AAAA,KACF,CAAA;AACA,IAAA,OAAOC,4BAAS,CAAA,cAAc,CAAE,CAAA,MAAA,CAAO,aAAa,CAAA,CAAA;AAAA,GACtD;AACF;;;;"}

package/dist/utils/lightenDarkenColor.js

@@ -1,27 +1,31 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.lightenDarkenColor = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
 const lightenDarkenColor = (color, variation) => {
   let usePound = false;
-
-  if (color[0] == '#') {
+  if (color[0] == "#") {
     color = color.slice(1);
     usePound = true;
   }
-
   const num = parseInt(color, 16);
   let r = (num >> 16) + variation;
-  if (r > 255) r = 255;else if (r < 0) r = 0;
-  let b = (num >> 8 & 0x00ff) + variation;
-  if (b > 255) b = 255;else if (b < 0) b = 0;
-  let g = (num & 0x0000ff) + variation;
-  if (g > 255) g = 255;else if (g < 0) g = 0;
-  return (usePound ? '#' : '') + (g | b << 8 | r << 16).toString(16);
+  if (r > 255)
+    r = 255;
+  else if (r < 0)
+    r = 0;
+  let b = (num >> 8 & 255) + variation;
+  if (b > 255)
+    b = 255;
+  else if (b < 0)
+    b = 0;
+  let g = (num & 255) + variation;
+  if (g > 255)
+    g = 255;
+  else if (g < 0)
+    g = 0;
+  return (usePound ? "#" : "") + (g | b << 8 | r << 16).toString(16);
 };
 
 exports.lightenDarkenColor = lightenDarkenColor;
-//# sourceMappingURL=lightenDarkenColor.js.map
+//# sourceMappingURL=lightenDarkenColor.js.map

package/dist/utils/lightenDarkenColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"lightenDarkenColor.js","names":["lightenDarkenColor","color","variation","usePound","slice","num","parseInt","r","b","g","toString"],"sources":["../../src/utils/lightenDarkenColor.ts"],"sourcesContent":["export const lightenDarkenColor = (color: string, variation: number) => {\n  let usePound = false;\n\n  if (color[0] == '#') {\n    color = color.slice(1);\n    usePound = true;\n  }\n\n  const num = parseInt(color, 16);\n\n  let r = (num >> 16) + variation;\n  if (r > 255) r = 255;\n  else if (r < 0) r = 0;\n\n  let b = ((num >> 8) & 0x00ff) + variation;\n  if (b > 255) b = 255;\n  else if (b < 0) b = 0;\n\n  let g = (num & 0x0000ff) + variation;\n  if (g > 255) g = 255;\n  else if (g < 0) g = 0;\n\n  return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"mappings":";;;;;;;AAAO,MAAMA,kBAAkB,GAAG,CAACC,KAAD,EAAgBC,SAAhB,KAAsC;EACtE,IAAIC,QAAQ,GAAG,KAAf;;EAEA,IAAIF,KAAK,CAAC,CAAD,CAAL,IAAY,GAAhB,EAAqB;IACnBA,KAAK,GAAGA,KAAK,CAACG,KAAN,CAAY,CAAZ,CAAR;IACAD,QAAQ,GAAG,IAAX;EACD;;EAED,MAAME,GAAG,GAAGC,QAAQ,CAACL,KAAD,EAAQ,EAAR,CAApB;EAEA,IAAIM,CAAC,GAAG,CAACF,GAAG,IAAI,EAAR,IAAcH,SAAtB;EACA,IAAIK,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;EAEhB,IAAIC,CAAC,GAAG,CAAEH,GAAG,IAAI,CAAR,GAAa,MAAd,IAAwBH,SAAhC;EACA,IAAIM,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;EAEhB,IAAIC,CAAC,GAAG,CAACJ,GAAG,GAAG,QAAP,IAAmBH,SAA3B;EACA,IAAIO,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;EAEhB,OAAO,CAACN,QAAQ,GAAG,GAAH,GAAS,EAAlB,IAAwB,CAACM,CAAC,GAAID,CAAC,IAAI,CAAV,GAAgBD,CAAC,IAAI,EAAtB,EAA2BG,QAA3B,CAAoC,EAApC,CAA/B;AACD,CAvBM"}
+{"version":3,"file":"lightenDarkenColor.js","sources":["../../src/utils/lightenDarkenColor.ts"],"sourcesContent":["export const lightenDarkenColor = (color: string, variation: number) => {\n  let usePound = false;\n\n  if (color[0] == '#') {\n    color = color.slice(1);\n    usePound = true;\n  }\n\n  const num = parseInt(color, 16);\n\n  let r = (num >> 16) + variation;\n  if (r > 255) r = 255;\n  else if (r < 0) r = 0;\n\n  let b = ((num >> 8) & 0x00ff) + variation;\n  if (b > 255) b = 255;\n  else if (b < 0) b = 0;\n\n  let g = (num & 0x0000ff) + variation;\n  if (g > 255) g = 255;\n  else if (g < 0) g = 0;\n\n  return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"names":[],"mappings":";;;;AAAa,MAAA,kBAAA,GAAqB,CAAC,KAAA,EAAe,SAAsB,KAAA;AACtE,EAAA,IAAI,QAAW,GAAA,KAAA,CAAA;AAEf,EAAI,IAAA,KAAA,CAAM,MAAM,GAAK,EAAA;AACnB,IAAQ,KAAA,GAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AACrB,IAAW,QAAA,GAAA,IAAA,CAAA;AAAA,GACb;AAEA,EAAM,MAAA,GAAA,GAAM,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AAE9B,EAAI,IAAA,CAAA,GAAA,CAAK,OAAO,EAAM,IAAA,SAAA,CAAA;AACtB,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAM,GAAO,IAAA,CAAA,GAAK,GAAU,IAAA,SAAA,CAAA;AAChC,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAK,MAAM,GAAY,IAAA,SAAA,CAAA;AAC3B,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAQ,OAAA,CAAA,QAAA,GAAW,MAAM,EAAO,IAAA,CAAA,CAAA,GAAK,KAAK,CAAM,GAAA,CAAA,IAAK,EAAK,EAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AACvE;;;;"}

package/dist/utils/masks.js

@@ -1,26 +1,24 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Masks = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extractNumbersFromString = require("./extractNumbersFromString");
+var extractNumbersFromString = require('./extractNumbersFromString.js');
 
 const Masks = {
-  CPF: ['999.999.999-99'],
-  CNPJ: ['99.999.999/9999-99'],
-  DATE: ['99/99/9999'],
-  MONTH_YEAR: ['99/9999'],
-  CEP: ['99999-999'],
-  PHONE: ['(99) 9999-9999'],
-  PHONE_EXTENDED: ['(99) 99999-9999'],
-  COMBINED_PHONE: value => {
-    const onlyNumbers = (0, _extractNumbersFromString.extractDigitsFromString)(value);
+  CPF: ["999.999.999-99"],
+  CNPJ: ["99.999.999/9999-99"],
+  DATE: ["99/99/9999"],
+  MONTH_YEAR: ["99/9999"],
+  CEP: ["99999-999"],
+  PHONE: ["(99) 9999-9999"],
+  PHONE_EXTENDED: ["(99) 99999-9999"],
+  COMBINED_PHONE: (value) => {
+    const onlyNumbers = extractNumbersFromString.extractDigitsFromString(value);
     const isCellPhoneExtended = onlyNumbers.length === 11;
-    return (value === null || value === void 0 ? void 0 : value.length) <= 14 && !isCellPhoneExtended ? Masks.PHONE : Masks.PHONE_EXTENDED;
+    return (value == null ? void 0 : value.length) <= 14 && !isCellPhoneExtended ? Masks.PHONE : Masks.PHONE_EXTENDED;
   },
-  COMBINED_CPF_CNPJ: value => (value === null || value === void 0 ? void 0 : value.length) <= 14 ? Masks.CPF : Masks.CNPJ
+  COMBINED_CPF_CNPJ: (value) => (value == null ? void 0 : value.length) <= 14 ? Masks.CPF : Masks.CNPJ
 };
+
 exports.Masks = Masks;
-//# sourceMappingURL=masks.js.map
+//# sourceMappingURL=masks.js.map

package/dist/utils/masks.js.map

@@ -1 +1 @@
-{"version":3,"file":"masks.js","names":["Masks","CPF","CNPJ","DATE","MONTH_YEAR","CEP","PHONE","PHONE_EXTENDED","COMBINED_PHONE","value","onlyNumbers","extractDigitsFromString","isCellPhoneExtended","length","COMBINED_CPF_CNPJ"],"sources":["../../src/utils/masks.ts"],"sourcesContent":["// NOTE: Add here all individually utils, then you can use it on input components everywhere.\nimport { extractDigitsFromString } from './extractNumbersFromString';\n\nexport const Masks = {\n  CPF: ['999.999.999-99'],\n  CNPJ: ['99.999.999/9999-99'],\n  DATE: ['99/99/9999'],\n  MONTH_YEAR: ['99/9999'],\n  CEP: ['99999-999'],\n  PHONE: ['(99) 9999-9999'],\n  PHONE_EXTENDED: ['(99) 99999-9999'],\n  COMBINED_PHONE: (value: string) => {\n    const onlyNumbers = extractDigitsFromString(value);\n    // Value is number extended, but without mask.\n    const isCellPhoneExtended = onlyNumbers.length === 11;\n\n    // Value in formatted mode\n    return value?.length <= 14 && !isCellPhoneExtended\n      ? Masks.PHONE\n      : Masks.PHONE_EXTENDED;\n  },\n  COMBINED_CPF_CNPJ: (value: string) =>\n    value?.length <= 14 ? Masks.CPF : Masks.CNPJ,\n};\n"],"mappings":";;;;;;;AACA;;AAEO,MAAMA,KAAK,GAAG;EACnBC,GAAG,EAAE,CAAC,gBAAD,CADc;EAEnBC,IAAI,EAAE,CAAC,oBAAD,CAFa;EAGnBC,IAAI,EAAE,CAAC,YAAD,CAHa;EAInBC,UAAU,EAAE,CAAC,SAAD,CAJO;EAKnBC,GAAG,EAAE,CAAC,WAAD,CALc;EAMnBC,KAAK,EAAE,CAAC,gBAAD,CANY;EAOnBC,cAAc,EAAE,CAAC,iBAAD,CAPG;EAQnBC,cAAc,EAAGC,KAAD,IAAmB;IACjC,MAAMC,WAAW,GAAG,IAAAC,iDAAA,EAAwBF,KAAxB,CAApB;IAEA,MAAMG,mBAAmB,GAAGF,WAAW,CAACG,MAAZ,KAAuB,EAAnD;IAGA,OAAO,CAAAJ,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEI,MAAP,KAAiB,EAAjB,IAAuB,CAACD,mBAAxB,GACHZ,KAAK,CAACM,KADH,GAEHN,KAAK,CAACO,cAFV;EAGD,CAjBkB;EAkBnBO,iBAAiB,EAAGL,KAAD,IACjB,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEI,MAAP,KAAiB,EAAjB,GAAsBb,KAAK,CAACC,GAA5B,GAAkCD,KAAK,CAACE;AAnBvB,CAAd"}
+{"version":3,"file":"masks.js","sources":["../../src/utils/masks.ts"],"sourcesContent":["// NOTE: Add here all individually utils, then you can use it on input components everywhere.\nimport { extractDigitsFromString } from './extractNumbersFromString';\n\nexport const Masks = {\n  CPF: ['999.999.999-99'],\n  CNPJ: ['99.999.999/9999-99'],\n  DATE: ['99/99/9999'],\n  MONTH_YEAR: ['99/9999'],\n  CEP: ['99999-999'],\n  PHONE: ['(99) 9999-9999'],\n  PHONE_EXTENDED: ['(99) 99999-9999'],\n  COMBINED_PHONE: (value: string) => {\n    const onlyNumbers = extractDigitsFromString(value);\n    // Value is number extended, but without mask.\n    const isCellPhoneExtended = onlyNumbers.length === 11;\n\n    // Value in formatted mode\n    return value?.length <= 14 && !isCellPhoneExtended\n      ? Masks.PHONE\n      : Masks.PHONE_EXTENDED;\n  },\n  COMBINED_CPF_CNPJ: (value: string) =>\n    value?.length <= 14 ? Masks.CPF : Masks.CNPJ,\n};\n"],"names":["extractDigitsFromString"],"mappings":";;;;;;AAGO,MAAM,KAAQ,GAAA;AAAA,EACnB,GAAA,EAAK,CAAC,gBAAgB,CAAA;AAAA,EACtB,IAAA,EAAM,CAAC,oBAAoB,CAAA;AAAA,EAC3B,IAAA,EAAM,CAAC,YAAY,CAAA;AAAA,EACnB,UAAA,EAAY,CAAC,SAAS,CAAA;AAAA,EACtB,GAAA,EAAK,CAAC,WAAW,CAAA;AAAA,EACjB,KAAA,EAAO,CAAC,gBAAgB,CAAA;AAAA,EACxB,cAAA,EAAgB,CAAC,iBAAiB,CAAA;AAAA,EAClC,cAAA,EAAgB,CAAC,KAAkB,KAAA;AACjC,IAAM,MAAA,WAAA,GAAcA,iDAAwB,KAAK,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,YAAY,MAAW,KAAA,EAAA,CAAA;AAGnD,IAAA,OAAA,CAAO,+BAAO,MAAU,KAAA,EAAA,IAAM,CAAC,mBAC3B,GAAA,KAAA,CAAM,QACN,KAAM,CAAA,cAAA,CAAA;AAAA,GACZ;AAAA,EACA,iBAAA,EAAmB,CAAC,KAClB,KAAA,CAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,WAAU,EAAK,GAAA,KAAA,CAAM,MAAM,KAAM,CAAA,IAAA;AAC5C;;;;"}

package/dist/utils/variantComplement.js

@@ -1,37 +1,36 @@
-"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fontColorVC = exports.colorVC = exports.colorGradationVC = exports.borderColorVC = exports.borderColorGradationVC = void 0;
 const fontColorVC = {
-  filled: 'light',
-  outlined: 'orange',
-  text: 'orange'
+  filled: "light",
+  outlined: "orange",
+  text: "orange"
 };
-exports.fontColorVC = fontColorVC;
 const colorVC = {
-  filled: 'primary',
-  outlined: 'primary',
-  text: 'primary'
+  filled: "primary",
+  outlined: "primary",
+  text: "primary"
 };
-exports.colorVC = colorVC;
 const colorGradationVC = {
-  filled: 'dark',
-  outlined: 'dark',
-  text: 'dark'
+  filled: "dark",
+  outlined: "dark",
+  text: "dark"
 };
-exports.colorGradationVC = colorGradationVC;
 const borderColorVC = {
-  filled: 'primary',
-  outlined: 'primary',
-  text: 'primary'
+  filled: "primary",
+  outlined: "primary",
+  text: "primary"
 };
-exports.borderColorVC = borderColorVC;
 const borderColorGradationVC = {
-  filled: 'dark',
-  outlined: 'dark',
-  text: 'dark'
+  filled: "dark",
+  outlined: "dark",
+  text: "dark"
 };
+
 exports.borderColorGradationVC = borderColorGradationVC;
-//# sourceMappingURL=variantComplement.js.map
+exports.borderColorVC = borderColorVC;
+exports.colorGradationVC = colorGradationVC;
+exports.colorVC = colorVC;
+exports.fontColorVC = fontColorVC;
+//# sourceMappingURL=variantComplement.js.map

package/dist/utils/variantComplement.js.map

@@ -1 +1 @@
-{"version":3,"file":"variantComplement.js","names":["fontColorVC","filled","outlined","text","colorVC","colorGradationVC","borderColorVC","borderColorGradationVC"],"sources":["../../src/utils/variantComplement.ts"],"sourcesContent":["import {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  VariantType,\n} from '../types/defaults';\n\nexport const fontColorVC: Record<VariantType, FontColorType> = {\n  filled: 'light',\n  outlined: 'orange',\n  text: 'orange',\n};\n\nexport const colorVC: Record<VariantType, ColorType> = {\n  filled: 'primary',\n  outlined: 'primary',\n  text: 'primary',\n};\n\nexport const colorGradationVC: Record<VariantType, ColorGradationType> = {\n  filled: 'dark',\n  outlined: 'dark',\n  text: 'dark',\n};\n\nexport const borderColorVC: Record<VariantType, ColorType> = {\n  filled: 'primary',\n  outlined: 'primary',\n  text: 'primary',\n};\n\nexport const borderColorGradationVC: Record<VariantType, ColorGradationType> = {\n  filled: 'dark',\n  outlined: 'dark',\n  text: 'dark',\n};\n"],"mappings":";;;;;;AAOO,MAAMA,WAA+C,GAAG;EAC7DC,MAAM,EAAE,OADqD;EAE7DC,QAAQ,EAAE,QAFmD;EAG7DC,IAAI,EAAE;AAHuD,CAAxD;;AAMA,MAAMC,OAAuC,GAAG;EACrDH,MAAM,EAAE,SAD6C;EAErDC,QAAQ,EAAE,SAF2C;EAGrDC,IAAI,EAAE;AAH+C,CAAhD;;AAMA,MAAME,gBAAyD,GAAG;EACvEJ,MAAM,EAAE,MAD+D;EAEvEC,QAAQ,EAAE,MAF6D;EAGvEC,IAAI,EAAE;AAHiE,CAAlE;;AAMA,MAAMG,aAA6C,GAAG;EAC3DL,MAAM,EAAE,SADmD;EAE3DC,QAAQ,EAAE,SAFiD;EAG3DC,IAAI,EAAE;AAHqD,CAAtD;;AAMA,MAAMI,sBAA+D,GAAG;EAC7EN,MAAM,EAAE,MADqE;EAE7EC,QAAQ,EAAE,MAFmE;EAG7EC,IAAI,EAAE;AAHuE,CAAxE"}
+{"version":3,"file":"variantComplement.js","sources":["../../src/utils/variantComplement.ts"],"sourcesContent":["import {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  VariantType,\n} from '../types/defaults';\n\nexport const fontColorVC: Record<VariantType, FontColorType> = {\n  filled: 'light',\n  outlined: 'orange',\n  text: 'orange',\n};\n\nexport const colorVC: Record<VariantType, ColorType> = {\n  filled: 'primary',\n  outlined: 'primary',\n  text: 'primary',\n};\n\nexport const colorGradationVC: Record<VariantType, ColorGradationType> = {\n  filled: 'dark',\n  outlined: 'dark',\n  text: 'dark',\n};\n\nexport const borderColorVC: Record<VariantType, ColorType> = {\n  filled: 'primary',\n  outlined: 'primary',\n  text: 'primary',\n};\n\nexport const borderColorGradationVC: Record<VariantType, ColorGradationType> = {\n  filled: 'dark',\n  outlined: 'dark',\n  text: 'dark',\n};\n"],"names":[],"mappings":";;;;AAOO,MAAM,WAAkD,GAAA;AAAA,EAC7D,MAAQ,EAAA,OAAA;AAAA,EACR,QAAU,EAAA,QAAA;AAAA,EACV,IAAM,EAAA,QAAA;AACR,EAAA;AAEO,MAAM,OAA0C,GAAA;AAAA,EACrD,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,gBAA4D,GAAA;AAAA,EACvE,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR,EAAA;AAEO,MAAM,aAAgD,GAAA;AAAA,EAC3D,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,sBAAkE,GAAA;AAAA,EAC7E,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR;;;;;;;;"}

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

@@ -10,5 +10,5 @@ export interface AvatarProps {
     size?: keyof SizeAvatar;
     TextComponent?: FC<TextProps>;
 }
-export declare const Avatar: React.FC<AvatarProps>;
+declare const Avatar: React.FC<AvatarProps>;
 export default Avatar;

package/esm/components/atoms/Avatar/Avatar.js

@@ -1,50 +1,32 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import React from 'react';
-import { Text } from '../Text';
-import { getIniciais } from './helpers';
-import { ContainerButtonAvatar, getStyledTextComponent, StyledAvatar, StyledBackground } from './styled';
-export var Avatar = function Avatar(_ref) {
-  var source = _ref.source,
-      name = _ref.name,
-      onPress = _ref.onPress,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'mega' : _ref$size,
-      _ref$TextComponent = _ref.TextComponent,
-      TextComponent = _ref$TextComponent === void 0 ? Text : _ref$TextComponent;
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      hasError = _React$useState2[0],
-      setHasError = _React$useState2[1];
-
-  React.useEffect(function () {
+import React__default from 'react';
+import Text from '../Text/Text.js';
+import { getIniciais } from './helpers.js';
+import { getStyledTextComponent, ContainerButtonAvatar, StyledAvatar, StyledBackground } from './styled.js';
+
+const Avatar = ({
+  source,
+  name,
+  onPress,
+  size = "mega",
+  TextComponent = Text
+}) => {
+  const [hasError, setHasError] = React__default.useState(false);
+  React__default.useEffect(() => {
     setHasError(false);
   }, [source]);
-  var StyledText = getStyledTextComponent(TextComponent);
-  return React.createElement(ContainerButtonAvatar, {
+  const StyledText = getStyledTextComponent(TextComponent);
+  return /* @__PURE__ */ React__default.createElement(ContainerButtonAvatar, {
     effect: "none",
-    onPress: onPress,
-    size: size
-  }, source && !hasError ? React.createElement(StyledAvatar, {
-    source: source,
-    onError: function onError() {
-      return setHasError(true);
-    }
-  }) : React.createElement(StyledBackground, null, React.createElement(StyledText, {
+    onPress,
+    size
+  }, source && !hasError ? /* @__PURE__ */ React__default.createElement(StyledAvatar, {
+    source,
+    onError: () => setHasError(true)
+  }) : /* @__PURE__ */ React__default.createElement(StyledBackground, null, /* @__PURE__ */ React__default.createElement(StyledText, {
     fontWeight: "bold",
     fontColor: "light"
   }, getIniciais(name))));
 };
-export default Avatar;
-//# sourceMappingURL=Avatar.js.map
+
+export { Avatar as default };
+//# sourceMappingURL=Avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["React","Text","getIniciais","ContainerButtonAvatar","getStyledTextComponent","StyledAvatar","StyledBackground","Avatar","source","name","onPress","size","TextComponent","useState","hasError","setHasError","useEffect","StyledText"],"sources":["../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\nimport { IconSize } from '../../../types/defaults';\nimport { Text, TextProps } from '../Text';\nimport { getIniciais } from './helpers';\nimport {\n  ContainerButtonAvatar,\n  getStyledTextComponent,\n  StyledAvatar,\n  StyledBackground,\n} from './styled';\n\nexport type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;\n\nexport interface AvatarProps {\n  /** This property should follow react-native spec. If the asset is remote, use `{ uri: 'https://example.com/logo.png' }`.\n   * For local assets, you shold use `require('./logo.png')`. */\n  source?: ImageSourcePropType;\n  name: string;\n  onPress?: () => void;\n  size?: keyof SizeAvatar;\n  TextComponent?: FC<TextProps>;\n}\n\nexport const Avatar: React.FC<AvatarProps> = ({\n  source,\n  name,\n  onPress,\n  size = 'mega',\n  TextComponent = Text,\n}) => {\n  const [hasError, setHasError] = React.useState<boolean>(false);\n\n  // If the source changes in runtime, this prevents error from being true always (fallback)\n  React.useEffect(() => {\n    setHasError(false);\n  }, [source]);\n\n  const StyledText = getStyledTextComponent(TextComponent);\n\n  return (\n    <ContainerButtonAvatar effect=\"none\" onPress={onPress} size={size}>\n      {source && !hasError ? (\n        <StyledAvatar source={source} onError={() => setHasError(true)} />\n      ) : (\n        <StyledBackground>\n          <StyledText fontWeight=\"bold\" fontColor=\"light\">\n            {getIniciais(name)}\n          </StyledText>\n        </StyledBackground>\n      )}\n    </ContainerButtonAvatar>\n  );\n};\n\nexport default Avatar;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAA0B,OAA1B;AAGA,SAASC,IAAT,QAAgC,SAAhC;AACA,SAASC,WAAT,QAA4B,WAA5B;AACA,SACEC,qBADF,EAEEC,sBAFF,EAGEC,YAHF,EAIEC,gBAJF,QAKO,UALP;AAmBA,OAAO,IAAMC,MAA6B,GAAG,SAAhCA,MAAgC,OAMvC;EAAA,IALJC,MAKI,QALJA,MAKI;EAAA,IAJJC,IAII,QAJJA,IAII;EAAA,IAHJC,OAGI,QAHJA,OAGI;EAAA,qBAFJC,IAEI;EAAA,IAFJA,IAEI,0BAFG,MAEH;EAAA,8BADJC,aACI;EAAA,IADJA,aACI,mCADYX,IACZ;;EACJ,sBAAgCD,KAAK,CAACa,QAAN,CAAwB,KAAxB,CAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EAGAf,KAAK,CAACgB,SAAN,CAAgB,YAAM;IACpBD,WAAW,CAAC,KAAD,CAAX;EACD,CAFD,EAEG,CAACP,MAAD,CAFH;EAIA,IAAMS,UAAU,GAAGb,sBAAsB,CAACQ,aAAD,CAAzC;EAEA,OACE,oBAAC,qBAAD;IAAuB,MAAM,EAAC,MAA9B;IAAqC,OAAO,EAAEF,OAA9C;IAAuD,IAAI,EAAEC;EAA7D,GACGH,MAAM,IAAI,CAACM,QAAX,GACC,oBAAC,YAAD;IAAc,MAAM,EAAEN,MAAtB;IAA8B,OAAO,EAAE;MAAA,OAAMO,WAAW,CAAC,IAAD,CAAjB;IAAA;EAAvC,EADD,GAGC,oBAAC,gBAAD,QACE,oBAAC,UAAD;IAAY,UAAU,EAAC,MAAvB;IAA8B,SAAS,EAAC;EAAxC,GACGb,WAAW,CAACO,IAAD,CADd,CADF,CAJJ,CADF;AAaD,CA7BM;AA+BP,eAAeF,MAAf"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\nimport { IconSize } from '../../../types/defaults';\nimport { Text, TextProps } from '../Text';\nimport { getIniciais } from './helpers';\nimport {\n  ContainerButtonAvatar,\n  getStyledTextComponent,\n  StyledAvatar,\n  StyledBackground,\n} from './styled';\n\nexport type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;\n\nexport interface AvatarProps {\n  /** This property should follow react-native spec. If the asset is remote, use `{ uri: 'https://example.com/logo.png' }`.\n   * For local assets, you shold use `require('./logo.png')`. */\n  source?: ImageSourcePropType;\n  name: string;\n  onPress?: () => void;\n  size?: keyof SizeAvatar;\n  TextComponent?: FC<TextProps>;\n}\n\nconst Avatar: React.FC<AvatarProps> = ({\n  source,\n  name,\n  onPress,\n  size = 'mega',\n  TextComponent = Text,\n}) => {\n  const [hasError, setHasError] = React.useState<boolean>(false);\n\n  // If the source changes in runtime, this prevents error from being true always (fallback)\n  React.useEffect(() => {\n    setHasError(false);\n  }, [source]);\n\n  const StyledText = getStyledTextComponent(TextComponent);\n\n  return (\n    <ContainerButtonAvatar effect=\"none\" onPress={onPress} size={size}>\n      {source && !hasError ? (\n        <StyledAvatar source={source} onError={() => setHasError(true)} />\n      ) : (\n        <StyledBackground>\n          <StyledText fontWeight=\"bold\" fontColor=\"light\">\n            {getIniciais(name)}\n          </StyledText>\n        </StyledBackground>\n      )}\n    </ContainerButtonAvatar>\n  );\n};\n\nexport default Avatar;\n"],"names":["React"],"mappings":";;;;;AAwBA,MAAM,SAAgC,CAAC;AAAA,EACrC,MAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAO,GAAA,MAAA;AAAA,EACP,aAAgB,GAAA,IAAA;AAClB,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAAA,cAAA,CAAM,SAAkB,KAAK,CAAA,CAAA;AAG7D,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,GACnB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAM,MAAA,UAAA,GAAa,uBAAuB,aAAa,CAAA,CAAA;AAEvD,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,qBAAA,EAAA;AAAA,IAAsB,MAAO,EAAA,MAAA;AAAA,IAAO,OAAA;AAAA,IAAkB,IAAA;AAAA,GACpD,EAAA,MAAA,IAAU,CAAC,QAAA,mBACTA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,IAAa,MAAA;AAAA,IAAgB,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,CAAA;AAAA,GAAG,CAAA,mBAE/DA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,UAAW,EAAA,MAAA;AAAA,IAAO,SAAU,EAAA,OAAA;AAAA,GAAA,EACrC,WAAY,CAAA,IAAI,CACnB,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/esm/components/atoms/Avatar/helpers.js

@@ -1,12 +1,10 @@
-export var getIniciais = function getIniciais(name) {
-  var nameSplit = name.split(' ');
-
+const getIniciais = (name) => {
+  const nameSplit = name.split(" ");
   if (nameSplit.length > 1) {
-    return nameSplit.slice(0, 2).map(function (name) {
-      return name[0];
-    }).join('');
+    return nameSplit.slice(0, 2).map((name2) => name2[0]).join("");
   }
-
   return name[0];
 };
-//# sourceMappingURL=helpers.js.map
+
+export { getIniciais };
+//# sourceMappingURL=helpers.js.map

package/esm/components/atoms/Avatar/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["getIniciais","name","nameSplit","split","length","slice","map","join"],"sources":["../../../../src/components/atoms/Avatar/helpers.ts"],"sourcesContent":["export const getIniciais = (name: string): string => {\n  const nameSplit = name.split(' ');\n  if (nameSplit.length > 1) {\n    return nameSplit\n      .slice(0, 2)\n      .map(name => name[0])\n      .join('');\n  }\n  return name[0];\n};\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAA0B;EACnD,IAAMC,SAAS,GAAGD,IAAI,CAACE,KAAL,CAAW,GAAX,CAAlB;;EACA,IAAID,SAAS,CAACE,MAAV,GAAmB,CAAvB,EAA0B;IACxB,OAAOF,SAAS,CACbG,KADI,CACE,CADF,EACK,CADL,EAEJC,GAFI,CAEA,UAAAL,IAAI;MAAA,OAAIA,IAAI,CAAC,CAAD,CAAR;IAAA,CAFJ,EAGJM,IAHI,CAGC,EAHD,CAAP;EAID;;EACD,OAAON,IAAI,CAAC,CAAD,CAAX;AACD,CATM"}
+{"version":3,"file":"helpers.js","sources":["../../../../src/components/atoms/Avatar/helpers.ts"],"sourcesContent":["export const getIniciais = (name: string): string => {\n  const nameSplit = name.split(' ');\n  if (nameSplit.length > 1) {\n    return nameSplit\n      .slice(0, 2)\n      .map(name => name[0])\n      .join('');\n  }\n  return name[0];\n};\n"],"names":["name"],"mappings":"AAAa,MAAA,WAAA,GAAc,CAAC,IAAyB,KAAA;AACnD,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAChC,EAAI,IAAA,SAAA,CAAU,SAAS,CAAG,EAAA;AACxB,IAAA,OAAO,SACJ,CAAA,KAAA,CAAM,CAAG,EAAA,CAAC,CACV,CAAA,GAAA,CAAI,CAAAA,KAAAA,KAAQA,KAAK,CAAA,CAAA,CAAE,CACnB,CAAA,IAAA,CAAK,EAAE,CAAA,CAAA;AAAA,GACZ;AACA,EAAA,OAAO,IAAK,CAAA,CAAA,CAAA,CAAA;AACd;;;;"}

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

@@ -1,33 +1,35 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-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/native';
 import { Image, View } from 'react-native';
-import { PressableSurface } from '../PressableSurface';
-export var ContainerButtonAvatar = styled(PressableSurface)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", ";\n  height: ", ";\n"])), function (_ref) {
-  var theme = _ref.theme,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'mega' : _ref$size;
-  return theme.iconSize[size];
-}, function (_ref2) {
-  var theme = _ref2.theme,
-      _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? 'mega' : _ref2$size;
-  return theme.iconSize[size];
-});
-export var StyledAvatar = styled(Image)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n"])), function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.borderRadius.pill;
-});
-export var StyledBackground = styled(View)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  background-color: ", ";\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n"])), function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.borderRadius.pill;
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.color.secondary.dark;
-});
-export var getStyledTextComponent = function getStyledTextComponent(component) {
-  return styled(component)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    text-transform: uppercase;\n    text-align: center;\n    align-self: center;\n    flex: 1;\n  "])));
+import PressableSurface from '../PressableSurface/PressableSurface.js';
+
+const ContainerButtonAvatar = styled(PressableSurface)`
+  width: ${({ theme, size = "mega" }) => theme.iconSize[size]};
+  height: ${({ theme, size = "mega" }) => theme.iconSize[size]};
+`;
+const StyledAvatar = styled(Image)`
+  border-radius: ${({ theme }) => theme.borderRadius.pill};
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+`;
+const StyledBackground = styled(View)`
+  border-radius: ${({ theme }) => theme.borderRadius.pill};
+  background-color: ${({ theme }) => theme.color.secondary.dark};
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: row;
+`;
+const getStyledTextComponent = (component) => {
+  return styled(component)`
+    text-transform: uppercase;
+    text-align: center;
+    align-self: center;
+    flex: 1;
+  `;
 };
-//# sourceMappingURL=styled.js.map
+
+export { ContainerButtonAvatar, StyledAvatar, StyledBackground, getStyledTextComponent };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","Image","View","PressableSurface","ContainerButtonAvatar","theme","size","iconSize","StyledAvatar","borderRadius","pill","StyledBackground","color","secondary","dark","getStyledTextComponent","component"],"sources":["../../../../src/components/atoms/Avatar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n  Partial<StyleProps & AvatarProps>\n>`\n  width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n  height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n  return styled(component)`\n    text-transform: uppercase;\n    text-align: center;\n    align-self: center;\n    flex: 1;\n  `;\n};\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASC,KAAT,EAAgBC,IAAhB,QAA4B,cAA5B;AAEA,SAASC,gBAAT,QAAiC,qBAAjC;AAIA,OAAO,IAAMC,qBAAqB,GAAGJ,MAAM,CAACG,gBAAD,CAAT,yGAGvB;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,qBAAUC,IAAV;EAAA,IAAUA,IAAV,0BAAiB,MAAjB;EAAA,OACPD,KAAK,CAACE,QAAN,CAAeD,IAAf,CADO;AAAA,CAHuB,EAKtB;EAAA,IAAGD,KAAH,SAAGA,KAAH;EAAA,uBAAUC,IAAV;EAAA,IAAUA,IAAV,2BAAiB,MAAjB;EAAA,OACRD,KAAK,CAACE,QAAN,CAAeD,IAAf,CADQ;AAAA,CALsB,CAA3B;AASP,OAAO,IAAME,YAAY,GAAGR,MAAM,CAACC,KAAD,CAAT,wJACN;EAAA,IAAGI,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACI,YAAN,CAAmBC,IAA9C;AAAA,CADM,CAAlB;AAOP,OAAO,IAAMC,gBAAgB,GAAGX,MAAM,CAACE,IAAD,CAAT,4PACV;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACI,YAAN,CAAmBC,IAA9C;AAAA,CADU,EAEP;EAAA,IAAGL,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACO,KAAN,CAAYC,SAAZ,CAAsBC,IAAjD;AAAA,CAFO,CAAtB;AAWP,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,SAAD,EAA8B;EAClE,OAAOhB,MAAM,CAACgB,SAAD,CAAb;AAMD,CAPM"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Avatar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n  Partial<StyleProps & AvatarProps>\n>`\n  width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n  height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n  return styled(component)`\n    text-transform: uppercase;\n    text-align: center;\n    align-self: center;\n    flex: 1;\n  `;\n};\n"],"names":[],"mappings":";;;;AAQa,MAAA,qBAAA,GAAwB,OAAO,gBAAgB,CAAA,CAAA;AAAA,SAAA,EAGjD,CAAC,EAAE,KAAA,EAAO,OAAO,MAAO,EAAA,KAC/B,MAAM,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA,UAAA,EACP,CAAC,EAAE,KAAA,EAAO,OAAO,MAAO,EAAA,KAChC,MAAM,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA,EAAA;AAGN,MAAA,YAAA,GAAe,OAAO,KAAK,CAAA,CAAA;AAAA,iBAAA,EACrB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMpD,MAAA,gBAAA,GAAmB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EACxB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC3C,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS1D,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAMzB;;;;"}

package/esm/components/atoms/Badge/Badge.js

@@ -1,20 +1,19 @@
-import React from 'react';
-import { BadgeStyle, ViewStyled } from './styled';
+import React__default from 'react';
+import { ViewStyled, BadgeStyle } from './styled.js';
 
-var Badge = function Badge(_ref) {
-  var children = _ref.children,
-      style = _ref.style,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'primary' : _ref$color,
-      _ref$tone = _ref.tone,
-      tone = _ref$tone === void 0 ? 'medium' : _ref$tone,
-      value = _ref.value;
-  return React.createElement(ViewStyled, null, children, React.createElement(BadgeStyle, {
-    style: style,
-    color: color,
-    tone: tone
+const Badge = ({
+  children,
+  style,
+  color = "primary",
+  tone = "medium",
+  value
+}) => {
+  return /* @__PURE__ */ React__default.createElement(ViewStyled, null, children, /* @__PURE__ */ React__default.createElement(BadgeStyle, {
+    style,
+    color,
+    tone
   }, value));
 };
 
-export default Badge;
-//# sourceMappingURL=Badge.js.map
+export { Badge as default };
+//# sourceMappingURL=Badge.js.map