@tecsinapse/react-core 1.22.8 → 2.0.0

package/dist/cjs/components/atoms/Icon/MaterialCommunity.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaterialCommunity.js","sources":["../../../../../src/components/atoms/Icon/MaterialCommunity.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/MaterialCommunityIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst MaterialCommunity = ({\n  size,\n  color,\n  name,\n  ...rest\n}: IconInternalProps) => {\n  const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default MaterialCommunity;\n"],"names":["getStyledIcon","MaterialCommunityRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,oBAAoB,CAAC;AAAA,EACzB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAyB,KAAA;AACvB,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,yCAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
+{"version":3,"file":"MaterialCommunity.js","sources":["../../../../../src/components/atoms/Icon/MaterialCommunity.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/MaterialCommunityIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst MaterialCommunity = ({\n  size,\n  color,\n  name,\n  ...rest\n}: IconInternalProps) => {\n  const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default MaterialCommunity;\n"],"names":["getStyledIcon"],"mappings":";;;;;;AAKA,MAAM,oBAAoB,CAAC;AAAA,EACzB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAyB,KAAA;AACvB,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}

package/dist/cjs/components/atoms/Icon/Octicon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const Octicon: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default Octicon;

package/dist/cjs/components/atoms/Icon/Octicon.js

@@ -4,18 +4,9 @@ var React = require('react');
 var MaterialCommunityRNVI = require('react-native-vector-icons/dist/Octicons');
 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 MaterialCommunityRNVI__default = /*#__PURE__*/_interopDefaultLegacy(MaterialCommunityRNVI);
-
 const Octicon = ({ size, color, name, ...rest }) => {
-  const Icon = styled.getStyledIcon(MaterialCommunityRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    ...rest,
-    name,
-    color
-  });
+  const Icon = styled.getStyledIcon(MaterialCommunityRNVI, size);
+  return /* @__PURE__ */ React.createElement(Icon, { ...rest, name, color });
 };
 
 module.exports = Octicon;

package/dist/cjs/components/atoms/Icon/Octicon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Octicon.js","sources":["../../../../../src/components/atoms/Icon/Octicon.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/Octicons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Octicon = ({ size, color, name, ...rest }: IconInternalProps) => {\n  const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Octicon;\n"],"names":["getStyledIcon","MaterialCommunityRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,UAAU,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACrE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,yCAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
+{"version":3,"file":"Octicon.js","sources":["../../../../../src/components/atoms/Icon/Octicon.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/Octicons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Octicon = ({ size, color, name, ...rest }: IconInternalProps) => {\n  const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Octicon;\n"],"names":["getStyledIcon"],"mappings":";;;;;;AAKM,MAAA,OAAA,GAAU,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACrE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}

package/dist/cjs/components/atoms/Icon/SimpleLine.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const SimpleLine: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default SimpleLine;

package/dist/cjs/components/atoms/Icon/SimpleLine.js

@@ -4,18 +4,9 @@ var React = require('react');
 var MaterialCommunityRNVI = require('react-native-vector-icons/dist/SimpleLineIcons');
 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 MaterialCommunityRNVI__default = /*#__PURE__*/_interopDefaultLegacy(MaterialCommunityRNVI);
-
 const SimpleLine = ({ size, color, name, ...rest }) => {
-  const Icon = styled.getStyledIcon(MaterialCommunityRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    ...rest,
-    name,
-    color
-  });
+  const Icon = styled.getStyledIcon(MaterialCommunityRNVI, size);
+  return /* @__PURE__ */ React.createElement(Icon, { ...rest, name, color });
 };
 
 module.exports = SimpleLine;

package/dist/cjs/components/atoms/Icon/SimpleLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleLine.js","sources":["../../../../../src/components/atoms/Icon/SimpleLine.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/SimpleLineIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst SimpleLine = ({ size, color, name, ...rest }: IconInternalProps) => {\n  const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default SimpleLine;\n"],"names":["getStyledIcon","MaterialCommunityRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,aAAa,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACxE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,yCAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
+{"version":3,"file":"SimpleLine.js","sources":["../../../../../src/components/atoms/Icon/SimpleLine.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/SimpleLineIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst SimpleLine = ({ size, color, name, ...rest }: IconInternalProps) => {\n  const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default SimpleLine;\n"],"names":["getStyledIcon"],"mappings":";;;;;;AAKM,MAAA,UAAA,GAAa,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACxE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}

package/dist/cjs/components/atoms/Icon/Zocial.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const Zocial: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default Zocial;

package/dist/cjs/components/atoms/Icon/Zocial.js

@@ -4,18 +4,9 @@ var React = require('react');
 var MaterialCommunityRNVI = require('react-native-vector-icons/dist/Zocial');
 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 MaterialCommunityRNVI__default = /*#__PURE__*/_interopDefaultLegacy(MaterialCommunityRNVI);
-
 const Zocial = ({ size, color, name, ...rest }) => {
-  const Icon = styled.getStyledIcon(MaterialCommunityRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    ...rest,
-    name,
-    color
-  });
+  const Icon = styled.getStyledIcon(MaterialCommunityRNVI, size);
+  return /* @__PURE__ */ React.createElement(Icon, { ...rest, name, color });
 };
 
 module.exports = Zocial;

package/dist/cjs/components/atoms/Icon/Zocial.js.map

@@ -1 +1 @@
-{"version":3,"file":"Zocial.js","sources":["../../../../../src/components/atoms/Icon/Zocial.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/Zocial';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Zocial = ({ size, color, name, ...rest }: IconInternalProps) => {\n  const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Zocial;\n"],"names":["getStyledIcon","MaterialCommunityRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,SAAS,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACpE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,yCAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
+{"version":3,"file":"Zocial.js","sources":["../../../../../src/components/atoms/Icon/Zocial.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/Zocial';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Zocial = ({ size, color, name, ...rest }: IconInternalProps) => {\n  const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Zocial;\n"],"names":["getStyledIcon"],"mappings":";;;;;;AAKM,MAAA,MAAA,GAAS,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACpE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}

package/dist/cjs/components/atoms/Icon/functions.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var Material = require('./Material.js');
 var Fontisto = require('./Fontisto.js');
 var AntDesign = require('./AntDesign.js');

package/dist/cjs/components/atoms/Icon/functions.js.map

@@ -1 +1 @@
-{"version":3,"file":"functions.js","sources":["../../../../../src/components/atoms/Icon/functions.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { IconInternalProps } from './types';\nimport Material from './Material';\nimport Fontisto from './Fontisto';\nimport AntDesign from './AntDesign';\nimport Feather from './Feather';\nimport SimpleLine from './SimpleLine';\nimport FontAwesomeFive from './FontAwesomeFive';\nimport FontAwesome from './FontAwesome';\nimport Entypo from './Entypo';\nimport Evil from './Evil';\nimport Foundation from './Foundation';\nimport Ionicon from './Ionicon';\nimport MaterialCommunity from './MaterialCommunity';\nimport Octicon from './Octicon';\nimport Zocial from './Zocial';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nexport const getIconComponent = (\n  type: IconType\n): ComponentType<IconInternalProps> => {\n  switch (type) {\n    case 'zocial':\n      return Zocial;\n    case 'octicon':\n      return Octicon;\n    case 'material':\n      return Material;\n    case 'material-community':\n      return MaterialCommunity;\n    case 'ionicon':\n      return Ionicon;\n    case 'foundation':\n      return Foundation;\n    case 'evilicon':\n      return Evil;\n    case 'entypo':\n      return Entypo;\n    case 'font-awesome':\n      return FontAwesome;\n    case 'font-awesome-5':\n      return FontAwesomeFive;\n    case 'simple-line-icon':\n      return SimpleLine;\n    case 'feather':\n      return Feather;\n    case 'antdesign':\n    case 'ant-design':\n      return AntDesign;\n    case 'fontisto':\n      return Fontisto;\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return customIcons[type];\n      }\n      return Material;\n  }\n};\n/* eslint-enable */\nexport const getIconColor = (\n  colorVariant: ColorType | undefined,\n  colorGradation: ColorGradationType | undefined,\n  fontColor: FontColorType,\n  theme: ThemeProp\n): string => {\n  if (colorVariant && colorGradation) {\n    return theme.color[colorVariant][colorGradation];\n  }\n  return theme.font.color[fontColor];\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAyBA,MAAM,cAAmB,EAAC,CAAA;AAMb,MAAA,gBAAA,GAAmB,CAC9B,IACqC,KAAA;AACrC,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT,KAAK,oBAAA;AACH,MAAO,OAAA,iBAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,YAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,IAAA,CAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAA;AAAA,IACT,KAAK,cAAA;AACH,MAAO,OAAA,WAAA,CAAA;AAAA,IACT,KAAK,gBAAA;AACH,MAAO,OAAA,eAAA,CAAA;AAAA,IACT,KAAK,kBAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,WAAA,CAAA;AAAA,IACL,KAAK,YAAA;AACH,MAAO,OAAA,SAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT;AACE,MAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,WAAA,EAAa,IAAI,CAAG,EAAA;AAC3D,QAAA,OAAO,WAAY,CAAA,IAAA,CAAA,CAAA;AAAA,OACrB;AACA,MAAO,OAAA,QAAA,CAAA;AAAA,GACX;AACF,EAAA;AAEO,MAAM,YAAe,GAAA,CAC1B,YACA,EAAA,cAAA,EACA,WACA,KACW,KAAA;AACX,EAAA,IAAI,gBAAgB,cAAgB,EAAA;AAClC,IAAO,OAAA,KAAA,CAAM,MAAM,YAAc,CAAA,CAAA,cAAA,CAAA,CAAA;AAAA,GACnC;AACA,EAAO,OAAA,KAAA,CAAM,KAAK,KAAM,CAAA,SAAA,CAAA,CAAA;AAC1B;;;;;"}
+{"version":3,"file":"functions.js","sources":["../../../../../src/components/atoms/Icon/functions.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { IconInternalProps } from './types';\nimport Material from './Material';\nimport Fontisto from './Fontisto';\nimport AntDesign from './AntDesign';\nimport Feather from './Feather';\nimport SimpleLine from './SimpleLine';\nimport FontAwesomeFive from './FontAwesomeFive';\nimport FontAwesome from './FontAwesome';\nimport Entypo from './Entypo';\nimport Evil from './Evil';\nimport Foundation from './Foundation';\nimport Ionicon from './Ionicon';\nimport MaterialCommunity from './MaterialCommunity';\nimport Octicon from './Octicon';\nimport Zocial from './Zocial';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nexport const getIconComponent = (\n  type: IconType\n): ComponentType<IconInternalProps> => {\n  switch (type) {\n    case 'zocial':\n      return Zocial;\n    case 'octicon':\n      return Octicon;\n    case 'material':\n      return Material;\n    case 'material-community':\n      return MaterialCommunity;\n    case 'ionicon':\n      return Ionicon;\n    case 'foundation':\n      return Foundation;\n    case 'evilicon':\n      return Evil;\n    case 'entypo':\n      return Entypo;\n    case 'font-awesome':\n      return FontAwesome;\n    case 'font-awesome-5':\n      return FontAwesomeFive;\n    case 'simple-line-icon':\n      return SimpleLine;\n    case 'feather':\n      return Feather;\n    case 'antdesign':\n    case 'ant-design':\n      return AntDesign;\n    case 'fontisto':\n      return Fontisto;\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return customIcons[type];\n      }\n      return Material;\n  }\n};\n/* eslint-enable */\nexport const getIconColor = (\n  colorVariant: ColorType | undefined,\n  colorGradation: ColorGradationType | undefined,\n  fontColor: FontColorType,\n  theme: ThemeProp\n): string => {\n  if (colorVariant && colorGradation) {\n    return theme.color[colorVariant][colorGradation];\n  }\n  return theme.font.color[fontColor];\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAyBA,MAAM,cAAmB,EAAC,CAAA;AAMb,MAAA,gBAAA,GAAmB,CAC9B,IACqC,KAAA;AACrC,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT,KAAK,oBAAA;AACH,MAAO,OAAA,iBAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,YAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,IAAA,CAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAA;AAAA,IACT,KAAK,cAAA;AACH,MAAO,OAAA,WAAA,CAAA;AAAA,IACT,KAAK,gBAAA;AACH,MAAO,OAAA,eAAA,CAAA;AAAA,IACT,KAAK,kBAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,WAAA,CAAA;AAAA,IACL,KAAK,YAAA;AACH,MAAO,OAAA,SAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT;AACE,MAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,WAAA,EAAa,IAAI,CAAG,EAAA;AAC3D,QAAA,OAAO,YAAY,IAAI,CAAA,CAAA;AAAA,OACzB;AACA,MAAO,OAAA,QAAA,CAAA;AAAA,GACX;AACF,EAAA;AAEO,MAAM,YAAe,GAAA,CAC1B,YACA,EAAA,cAAA,EACA,WACA,KACW,KAAA;AACX,EAAA,IAAI,gBAAgB,cAAgB,EAAA;AAClC,IAAA,OAAO,KAAM,CAAA,KAAA,CAAM,YAAY,CAAA,CAAE,cAAc,CAAA,CAAA;AAAA,GACjD;AACA,EAAO,OAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACnC;;;;;"}

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

@@ -1,14 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var styled = require('@emotion/native');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const getStyledIcon = (Component, size) => styled__default["default"](Component)`
+const getStyledIcon = (Component, size) => styled(Component)`
   font-size: ${({ theme }) => theme?.iconSize[size]};
   text-align: center;
 `;

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Icon/styled.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport { IconRNVIProps } from './types';\nimport { IconSizeType, StyleProps } from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\nexport const getStyledIcon = (\n  Component: ComponentType<IconRNVIProps>,\n  size: IconSizeType\n) => styled(Component)<Partial<StyleProps>>`\n  font-size: ${({ theme }: StyleProps) => theme?.iconSize[size]};\n  text-align: center;\n`;\n"],"names":["styled"],"mappings":";;;;;;;;;;AAKO,MAAM,aAAgB,GAAA,CAC3B,SACA,EAAA,IAAA,KACGA,2BAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EACN,CAAC,EAAE,KAAM,EAAA,KAAkB,OAAO,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Icon/styled.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport { IconRNVIProps } from './types';\nimport { IconSizeType, StyleProps } from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\nexport const getStyledIcon = (\n  Component: ComponentType<IconRNVIProps>,\n  size: IconSizeType\n) => styled(Component)<Partial<StyleProps>>`\n  font-size: ${({ theme }: StyleProps) => theme?.iconSize[size]};\n  text-align: center;\n`;\n"],"names":[],"mappings":";;;;AAKO,MAAM,aAAgB,GAAA,CAC3B,SACA,EAAA,IAAA,KACG,OAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EACN,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,EAAO,SAAS,IAAI,CAAA,CAAA;AAAA;AAAA;;;;"}

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

@@ -4,10 +4,6 @@ var React = require('react');
 var Text = require('../Text/Text.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);
-
 const Hint = ({ variant, text, TextComponent = Text }) => {
   let color;
   let icon;
@@ -24,15 +20,15 @@ const Hint = ({ variant, text, TextComponent = Text }) => {
       icon = "checkmark-circle-outline";
       break;
   }
-  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledHintContainer, null, icon && /* @__PURE__ */ React__default["default"].createElement(styled.StyledHintIcon, {
-    name: icon,
-    type: "ionicon",
-    size: "centi",
-    colorVariant: color
-  }), /* @__PURE__ */ React__default["default"].createElement(TextComponent, {
-    typography: "label",
-    colorVariant: color
-  }, text));
+  return /* @__PURE__ */ React.createElement(styled.StyledHintContainer, null, icon && /* @__PURE__ */ React.createElement(
+    styled.StyledHintIcon,
+    {
+      name: icon,
+      type: "ionicon",
+      size: "centi",
+      colorVariant: color
+    }
+  ), /* @__PURE__ */ React.createElement(TextComponent, { typography: "label", colorVariant: color }, text));
 };
 
 module.exports = Hint;

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

@@ -1 +1 @@
-{"version":3,"file":"Hint.js","sources":["../../../../../src/components/atoms/Input/Hint.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ColorType } from '../../../types/defaults';\nimport { InputVariantType } from '../Input';\nimport { Text, TextProps } from '../Text';\nimport { StyledHintContainer, StyledHintIcon } from './styled';\n\ninterface HintProps {\n  text?: string;\n  variant: InputVariantType;\n  TextComponent?: FC<TextProps>;\n}\n\nconst Hint: FC<HintProps> = ({ variant, text, TextComponent = Text }) => {\n  let color: ColorType;\n  let icon;\n\n  switch (variant) {\n    case 'default':\n      color = 'secondary';\n      break;\n    case 'error':\n      color = 'error';\n      icon = 'close-circle-outline';\n      break;\n    case 'success':\n      color = 'success';\n      icon = 'checkmark-circle-outline';\n      break;\n  }\n\n  return (\n    <StyledHintContainer>\n      {icon && (\n        <StyledHintIcon\n          name={icon}\n          type=\"ionicon\"\n          size=\"centi\"\n          colorVariant={color}\n        />\n      )}\n      <TextComponent typography=\"label\" colorVariant={color}>\n        {text}\n      </TextComponent>\n    </StyledHintContainer>\n  );\n};\n\nexport default Hint;\n"],"names":["React","StyledHintContainer","StyledHintIcon"],"mappings":";;;;;;;;;;AAYA,MAAM,OAAsB,CAAC,EAAE,SAAS,IAAM,EAAA,aAAA,GAAgB,MAAW,KAAA;AACvE,EAAI,IAAA,KAAA,CAAA;AACJ,EAAI,IAAA,IAAA,CAAA;AAEJ,EAAA,QAAQ,OAAS;AAAA,IACf,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,WAAA,CAAA;AACR,MAAA,MAAA;AAAA,IACF,KAAK,OAAA;AACH,MAAQ,KAAA,GAAA,OAAA,CAAA;AACR,MAAO,IAAA,GAAA,sBAAA,CAAA;AACP,MAAA,MAAA;AAAA,IACF,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,SAAA,CAAA;AACR,MAAO,IAAA,GAAA,0BAAA,CAAA;AACP,MAAA,MAAA;AAAA,GACJ;AAEA,EACE,uBAAAA,yBAAA,CAAA,aAAA,CAACC,0BACE,EAAA,IAAA,EAAA,IAAA,oBACED,yBAAA,CAAA,aAAA,CAAAE,qBAAA,EAAA;AAAA,IACC,IAAM,EAAA,IAAA;AAAA,IACN,IAAK,EAAA,SAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,IACL,YAAc,EAAA,KAAA;AAAA,GAChB,mBAEDF,yBAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IAAc,UAAW,EAAA,OAAA;AAAA,IAAQ,YAAc,EAAA,KAAA;AAAA,GAAA,EAC7C,IACH,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Hint.js","sources":["../../../../../src/components/atoms/Input/Hint.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ColorType } from '../../../types/defaults';\nimport { InputVariantType } from '../Input';\nimport { Text, TextProps } from '../Text';\nimport { StyledHintContainer, StyledHintIcon } from './styled';\n\ninterface HintProps {\n  text?: string;\n  variant: InputVariantType;\n  TextComponent?: FC<TextProps>;\n}\n\nconst Hint: FC<HintProps> = ({ variant, text, TextComponent = Text }) => {\n  let color: ColorType;\n  let icon;\n\n  switch (variant) {\n    case 'default':\n      color = 'secondary';\n      break;\n    case 'error':\n      color = 'error';\n      icon = 'close-circle-outline';\n      break;\n    case 'success':\n      color = 'success';\n      icon = 'checkmark-circle-outline';\n      break;\n  }\n\n  return (\n    <StyledHintContainer>\n      {icon && (\n        <StyledHintIcon\n          name={icon}\n          type=\"ionicon\"\n          size=\"centi\"\n          colorVariant={color}\n        />\n      )}\n      <TextComponent typography=\"label\" colorVariant={color}>\n        {text}\n      </TextComponent>\n    </StyledHintContainer>\n  );\n};\n\nexport default Hint;\n"],"names":["StyledHintContainer","StyledHintIcon"],"mappings":";;;;;;AAYA,MAAM,OAAsB,CAAC,EAAE,SAAS,IAAM,EAAA,aAAA,GAAgB,MAAW,KAAA;AACvE,EAAI,IAAA,KAAA,CAAA;AACJ,EAAI,IAAA,IAAA,CAAA;AAEJ,EAAA,QAAQ,OAAS;AAAA,IACf,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,WAAA,CAAA;AACR,MAAA,MAAA;AAAA,IACF,KAAK,OAAA;AACH,MAAQ,KAAA,GAAA,OAAA,CAAA;AACR,MAAO,IAAA,GAAA,sBAAA,CAAA;AACP,MAAA,MAAA;AAAA,IACF,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,SAAA,CAAA;AACR,MAAO,IAAA,GAAA,0BAAA,CAAA;AACP,MAAA,MAAA;AAAA,GACJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,kCACE,IACC,oBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,IAAA;AAAA,MACN,IAAK,EAAA,SAAA;AAAA,MACL,IAAK,EAAA,OAAA;AAAA,MACL,YAAc,EAAA,KAAA;AAAA,KAAA;AAAA,GAChB,sCAED,aAAc,EAAA,EAAA,UAAA,EAAW,SAAQ,YAAc,EAAA,KAAA,EAAA,EAC7C,IACH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Input/InputContainer/InputContainer.d.ts

@@ -3,7 +3,7 @@ import { StyleProp, ViewStyle } from 'react-native';
 import { InputElementProps } from '..';
 import { ColorGradationType, ColorType, FontColorType, FontStackType, FontWeightType, TypographyVariationType } from '@tecsinapse/react-core';
 import { TextProps } from '../../Text';
-export declare type InputVariantType = 'default' | 'error' | 'success';
+export type InputVariantType = 'default' | 'error' | 'success';
 export interface InputContainerProps {
     label?: string;
     labelColor?: FontColorType;

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

@@ -4,10 +4,6 @@ var React = require('react');
 var Text = require('../../Text/Text.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);
-
 const InputContainer = ({
   label,
   labelColor = "medium",
@@ -33,26 +29,45 @@ const InputContainer = ({
     _defaultLabelColor = "success";
   const _labelColorVariant = disabled ? "secondary" : _defaultLabelColor;
   const _labelColorTone = disabled ? "light" : labelColorTone;
-  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledInputContainer, {
-    ...rest,
-    style: inputContainerStyle,
-    focused,
-    disabled
-  }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledBorderKeeper, {
-    focused,
-    disabled,
-    borderColor: _defaultLabelColor
-  }), leftComponent && /* @__PURE__ */ React__default["default"].createElement(styled.StyledIconContent, null, leftComponent), /* @__PURE__ */ React__default["default"].createElement(styled.StyledLabelContainer, {
-    leftComponent,
-    rightComponent
-  }, label && /* @__PURE__ */ React__default["default"].createElement(LabelComponent, {
-    fontColor: labelColor,
-    colorTone: _labelColorTone,
-    colorVariant: _labelColorVariant,
-    typography: labelTypography,
-    fontWeight: labelWeight,
-    fontStack: labelStack
-  }, label), children), rightComponent && /* @__PURE__ */ React__default["default"].createElement(styled.StyledIconContent, null, rightComponent));
+  return /* @__PURE__ */ React.createElement(
+    styled.StyledInputContainer,
+    {
+      ...rest,
+      style: inputContainerStyle,
+      focused,
+      disabled
+    },
+    /* @__PURE__ */ React.createElement(
+      styled.StyledBorderKeeper,
+      {
+        focused,
+        disabled,
+        borderColor: _defaultLabelColor
+      }
+    ),
+    leftComponent && /* @__PURE__ */ React.createElement(styled.StyledIconContent, null, leftComponent),
+    /* @__PURE__ */ React.createElement(
+      styled.StyledLabelContainer,
+      {
+        leftComponent,
+        rightComponent
+      },
+      label && /* @__PURE__ */ React.createElement(
+        LabelComponent,
+        {
+          fontColor: labelColor,
+          colorTone: _labelColorTone,
+          colorVariant: _labelColorVariant,
+          typography: labelTypography,
+          fontWeight: labelWeight,
+          fontStack: labelStack
+        },
+        label
+      ),
+      children
+    ),
+    rightComponent && /* @__PURE__ */ React.createElement(styled.StyledIconContent, null, rightComponent)
+  );
 };
 
 module.exports = InputContainer;

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

@@ -1 +1 @@
-{"version":3,"file":"InputContainer.js","sources":["../../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { InputElementProps } from '..';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { Text, TextProps } from '../../Text';\nimport {\n  StyledBorderKeeper,\n  StyledIconContent,\n  StyledInputContainer,\n  StyledLabelContainer,\n} from '../styled';\n\nexport type InputVariantType = 'default' | 'error' | 'success';\n\nexport interface InputContainerProps {\n  label?: string;\n  labelColor?: FontColorType;\n  labelColorVariant?: ColorType;\n  labelColorTone?: ColorGradationType;\n  labelTypography?: TypographyVariationType;\n  labelStack?: FontStackType;\n  LabelComponent?: FC<TextProps>;\n  labelWeight?: FontWeightType;\n  leftComponent?: JSX.Element;\n  rightComponent?: JSX.Element;\n  borderColor?: ColorType;\n  borderColorGradation?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  inputContainerStyle?: StyleProp<ViewStyle>;\n  focused?: boolean;\n  disabled?: boolean;\n  variant?: InputVariantType;\n  hint?: string;\n  hintComponent?: JSX.Element;\n}\n\nconst InputContainer: FC<InputContainerProps & Partial<InputElementProps>> = ({\n  label,\n  labelColor = 'medium',\n  labelColorTone,\n  labelColorVariant,\n  labelTypography = 'label',\n  labelStack = 'default',\n  labelWeight = 'bold',\n  LabelComponent = Text,\n  leftComponent,\n  rightComponent,\n  inputContainerStyle,\n  disabled,\n  focused,\n  variant,\n  children,\n  ...rest\n}): JSX.Element => {\n  let _defaultLabelColor = labelColorVariant;\n  if (variant === 'error') _defaultLabelColor = 'error';\n  if (variant === 'success') _defaultLabelColor = 'success';\n  const _labelColorVariant = disabled ? 'secondary' : _defaultLabelColor;\n  const _labelColorTone = disabled ? 'light' : labelColorTone;\n\n  return (\n    <StyledInputContainer\n      {...rest}\n      style={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n    >\n      <StyledBorderKeeper\n        focused={focused}\n        disabled={disabled}\n        borderColor={_defaultLabelColor}\n      />\n\n      {leftComponent && <StyledIconContent>{leftComponent}</StyledIconContent>}\n\n      <StyledLabelContainer\n        leftComponent={leftComponent}\n        rightComponent={rightComponent}\n      >\n        {label && (\n          <LabelComponent\n            fontColor={labelColor}\n            colorTone={_labelColorTone}\n            colorVariant={_labelColorVariant}\n            typography={labelTypography}\n            fontWeight={labelWeight}\n            fontStack={labelStack}\n          >\n            {label}\n          </LabelComponent>\n        )}\n        {children}\n      </StyledLabelContainer>\n\n      {rightComponent && (\n        <StyledIconContent>{rightComponent}</StyledIconContent>\n      )}\n    </StyledInputContainer>\n  );\n};\n\nexport default InputContainer;\n"],"names":["React","StyledInputContainer","StyledBorderKeeper","StyledIconContent","StyledLabelContainer"],"mappings":";;;;;;;;;;AA2CA,MAAM,iBAAuE,CAAC;AAAA,EAC5E,KAAA;AAAA,EACA,UAAa,GAAA,QAAA;AAAA,EACb,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAkB,GAAA,OAAA;AAAA,EAClB,UAAa,GAAA,SAAA;AAAA,EACb,WAAc,GAAA,MAAA;AAAA,EACd,cAAiB,GAAA,IAAA;AAAA,EACjB,aAAA;AAAA,EACA,cAAA;AAAA,EACA,mBAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAmB,KAAA;AACjB,EAAA,IAAI,kBAAqB,GAAA,iBAAA,CAAA;AACzB,EAAA,IAAI,OAAY,KAAA,OAAA;AAAS,IAAqB,kBAAA,GAAA,OAAA,CAAA;AAC9C,EAAA,IAAI,OAAY,KAAA,SAAA;AAAW,IAAqB,kBAAA,GAAA,SAAA,CAAA;AAChD,EAAM,MAAA,kBAAA,GAAqB,WAAW,WAAc,GAAA,kBAAA,CAAA;AACpD,EAAM,MAAA,eAAA,GAAkB,WAAW,OAAU,GAAA,cAAA,CAAA;AAE7C,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAAC,2BAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,KAAO,EAAA,mBAAA;AAAA,IACP,OAAA;AAAA,IACA,QAAA;AAAA,GAAA,kBAECD,yBAAA,CAAA,aAAA,CAAAE,yBAAA,EAAA;AAAA,IACC,OAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAa,EAAA,kBAAA;AAAA,GACf,GAEC,aAAiB,oBAAAF,yBAAA,CAAA,aAAA,CAACG,wBAAmB,EAAA,IAAA,EAAA,aAAc,mBAEnDH,yBAAA,CAAA,aAAA,CAAAI,2BAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,cAAA;AAAA,GAAA,EAEC,yBACEJ,yBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,SAAW,EAAA,UAAA;AAAA,IACX,SAAW,EAAA,eAAA;AAAA,IACX,YAAc,EAAA,kBAAA;AAAA,IACd,UAAY,EAAA,eAAA;AAAA,IACZ,UAAY,EAAA,WAAA;AAAA,IACZ,SAAW,EAAA,UAAA;AAAA,GAEV,EAAA,KACH,GAED,QACH,CAAA,EAEC,kCACEA,yBAAA,CAAA,aAAA,CAAAG,wBAAA,EAAA,IAAA,EAAmB,cAAe,CAEvC,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"InputContainer.js","sources":["../../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { InputElementProps } from '..';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { Text, TextProps } from '../../Text';\nimport {\n  StyledBorderKeeper,\n  StyledIconContent,\n  StyledInputContainer,\n  StyledLabelContainer,\n} from '../styled';\n\nexport type InputVariantType = 'default' | 'error' | 'success';\n\nexport interface InputContainerProps {\n  label?: string;\n  labelColor?: FontColorType;\n  labelColorVariant?: ColorType;\n  labelColorTone?: ColorGradationType;\n  labelTypography?: TypographyVariationType;\n  labelStack?: FontStackType;\n  LabelComponent?: FC<TextProps>;\n  labelWeight?: FontWeightType;\n  leftComponent?: JSX.Element;\n  rightComponent?: JSX.Element;\n  borderColor?: ColorType;\n  borderColorGradation?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  inputContainerStyle?: StyleProp<ViewStyle>;\n  focused?: boolean;\n  disabled?: boolean;\n  variant?: InputVariantType;\n  hint?: string;\n  hintComponent?: JSX.Element;\n}\n\nconst InputContainer: FC<InputContainerProps & Partial<InputElementProps>> = ({\n  label,\n  labelColor = 'medium',\n  labelColorTone,\n  labelColorVariant,\n  labelTypography = 'label',\n  labelStack = 'default',\n  labelWeight = 'bold',\n  LabelComponent = Text,\n  leftComponent,\n  rightComponent,\n  inputContainerStyle,\n  disabled,\n  focused,\n  variant,\n  children,\n  ...rest\n}): JSX.Element => {\n  let _defaultLabelColor = labelColorVariant;\n  if (variant === 'error') _defaultLabelColor = 'error';\n  if (variant === 'success') _defaultLabelColor = 'success';\n  const _labelColorVariant = disabled ? 'secondary' : _defaultLabelColor;\n  const _labelColorTone = disabled ? 'light' : labelColorTone;\n\n  return (\n    <StyledInputContainer\n      {...rest}\n      style={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n    >\n      <StyledBorderKeeper\n        focused={focused}\n        disabled={disabled}\n        borderColor={_defaultLabelColor}\n      />\n\n      {leftComponent && <StyledIconContent>{leftComponent}</StyledIconContent>}\n\n      <StyledLabelContainer\n        leftComponent={leftComponent}\n        rightComponent={rightComponent}\n      >\n        {label && (\n          <LabelComponent\n            fontColor={labelColor}\n            colorTone={_labelColorTone}\n            colorVariant={_labelColorVariant}\n            typography={labelTypography}\n            fontWeight={labelWeight}\n            fontStack={labelStack}\n          >\n            {label}\n          </LabelComponent>\n        )}\n        {children}\n      </StyledLabelContainer>\n\n      {rightComponent && (\n        <StyledIconContent>{rightComponent}</StyledIconContent>\n      )}\n    </StyledInputContainer>\n  );\n};\n\nexport default InputContainer;\n"],"names":["StyledInputContainer","StyledBorderKeeper","StyledIconContent","StyledLabelContainer"],"mappings":";;;;;;AA2CA,MAAM,iBAAuE,CAAC;AAAA,EAC5E,KAAA;AAAA,EACA,UAAa,GAAA,QAAA;AAAA,EACb,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAkB,GAAA,OAAA;AAAA,EAClB,UAAa,GAAA,SAAA;AAAA,EACb,WAAc,GAAA,MAAA;AAAA,EACd,cAAiB,GAAA,IAAA;AAAA,EACjB,aAAA;AAAA,EACA,cAAA;AAAA,EACA,mBAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAmB,KAAA;AACjB,EAAA,IAAI,kBAAqB,GAAA,iBAAA,CAAA;AACzB,EAAA,IAAI,OAAY,KAAA,OAAA;AAAS,IAAqB,kBAAA,GAAA,OAAA,CAAA;AAC9C,EAAA,IAAI,OAAY,KAAA,SAAA;AAAW,IAAqB,kBAAA,GAAA,SAAA,CAAA;AAChD,EAAM,MAAA,kBAAA,GAAqB,WAAW,WAAc,GAAA,kBAAA,CAAA;AACpD,EAAM,MAAA,eAAA,GAAkB,WAAW,OAAU,GAAA,cAAA,CAAA;AAE7C,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,2BAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,KAAO,EAAA,mBAAA;AAAA,MACP,OAAA;AAAA,MACA,QAAA;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAACC,yBAAA;AAAA,MAAA;AAAA,QACC,OAAA;AAAA,QACA,QAAA;AAAA,QACA,WAAa,EAAA,kBAAA;AAAA,OAAA;AAAA,KACf;AAAA,IAEC,aAAA,oBAAkB,KAAA,CAAA,aAAA,CAAAC,wBAAA,EAAA,IAAA,EAAmB,aAAc,CAAA;AAAA,oBAEpD,KAAA,CAAA,aAAA;AAAA,MAACC,2BAAA;AAAA,MAAA;AAAA,QACC,aAAA;AAAA,QACA,cAAA;AAAA,OAAA;AAAA,MAEC,KACC,oBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,SAAW,EAAA,UAAA;AAAA,UACX,SAAW,EAAA,eAAA;AAAA,UACX,YAAc,EAAA,kBAAA;AAAA,UACd,UAAY,EAAA,eAAA;AAAA,UACZ,UAAY,EAAA,WAAA;AAAA,UACZ,SAAW,EAAA,UAAA;AAAA,SAAA;AAAA,QAEV,KAAA;AAAA,OACH;AAAA,MAED,QAAA;AAAA,KACH;AAAA,IAEC,cAAA,oBACE,KAAA,CAAA,aAAA,CAAAD,wBAAA,EAAA,IAAA,EAAmB,cAAe,CAAA;AAAA,GAEvC,CAAA;AAEJ;;;;"}

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

@@ -4,11 +4,7 @@ var react = require('@emotion/react');
 var React = require('react');
 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);
-
-const InputElement = React__default["default"].forwardRef(
+const InputElement = React.forwardRef(
   ({
     onChange,
     placeholder,
@@ -19,16 +15,19 @@ const InputElement = React__default["default"].forwardRef(
   }, ref) => {
     const theme = react.useTheme();
     const _placeholderColor = placeholderTextColor || theme.font.color.dark;
-    return /* @__PURE__ */ React__default["default"].createElement(styled.StyledInputElement, {
-      ...rest,
-      ref,
-      onChangeText: onChange,
-      value,
-      placeholder,
-      placeholderTextColor: _placeholderColor,
-      disabled,
-      editable: !disabled
-    });
+    return /* @__PURE__ */ React.createElement(
+      styled.StyledInputElement,
+      {
+        ...rest,
+        ref,
+        onChangeText: onChange,
+        value,
+        placeholder,
+        placeholderTextColor: _placeholderColor,
+        disabled,
+        editable: !disabled
+      }
+    );
   }
 );
 InputElement.displayName = "InputElement";

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

@@ -1 +1 @@
-{"version":3,"file":"InputElement.js","sources":["../../../../../../src/components/atoms/Input/InputElement/InputElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\n\nexport interface InputElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputElement = React.forwardRef<TextInput, InputElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChange}\n        value={value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputElement.displayName = 'InputElement';\n\nexport default InputElement;\n"],"names":["React","useTheme","StyledInputElement"],"mappings":";;;;;;;;;;AAiBA,MAAM,eAAeA,yBAAM,CAAA,UAAA;AAAA,EACzB,CACE;AAAA,IACE,QAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,oBAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACgB,KAAA;AAChB,IAAA,MAAM,QAAQC,cAAS,EAAA,CAAA;AACvB,IAAA,MAAM,iBAAoB,GAAA,oBAAA,IAAwB,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAA;AAEnE,IAAA,uBACGD,yBAAA,CAAA,aAAA,CAAAE,yBAAA,EAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MACA,YAAc,EAAA,QAAA;AAAA,MACd,KAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAsB,EAAA,iBAAA;AAAA,MACtB,QAAA;AAAA,MACA,UAAU,CAAC,QAAA;AAAA,KACb,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}
+{"version":3,"file":"InputElement.js","sources":["../../../../../../src/components/atoms/Input/InputElement/InputElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\n\nexport interface InputElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputElement = React.forwardRef<TextInput, InputElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChange}\n        value={value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputElement.displayName = 'InputElement';\n\nexport default InputElement;\n"],"names":["useTheme","StyledInputElement"],"mappings":";;;;;;AAiBA,MAAM,eAAe,KAAM,CAAA,UAAA;AAAA,EACzB,CACE;AAAA,IACE,QAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,oBAAA;AAAA,IACA,GAAG,IAAA;AAAA,KAEL,GACgB,KAAA;AAChB,IAAA,MAAM,QAAQA,cAAS,EAAA,CAAA;AACvB,IAAA,MAAM,iBAAoB,GAAA,oBAAA,IAAwB,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAA;AAEnE,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,yBAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QACA,YAAc,EAAA,QAAA;AAAA,QACd,KAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAsB,EAAA,iBAAA;AAAA,QACtB,QAAA;AAAA,QACA,UAAU,CAAC,QAAA;AAAA,OAAA;AAAA,KACb,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}

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

@@ -6,11 +6,7 @@ var styled = require('../styled.js');
 var useStringMask = require('../hooks/useStringMask.js');
 var useNumberMask = require('../hooks/useNumberMask.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const InputMaskElement = React__default["default"].forwardRef(
+const InputMaskElement = React.forwardRef(
   ({
     onChange,
     placeholder,
@@ -58,16 +54,19 @@ const InputMaskElement = React__default["default"].forwardRef(
         onChangeValue(value);
       }
     }, [value]);
-    return /* @__PURE__ */ React__default["default"].createElement(styled.StyledInputElement, {
-      ...rest,
-      ref,
-      onChangeText: onChangeValue,
-      value: _value,
-      placeholder,
-      placeholderTextColor: _placeholderColor,
-      disabled,
-      editable: !disabled
-    });
+    return /* @__PURE__ */ React.createElement(
+      styled.StyledInputElement,
+      {
+        ...rest,
+        ref,
+        onChangeText: onChangeValue,
+        value: _value,
+        placeholder,
+        placeholderTextColor: _placeholderColor,
+        disabled,
+        editable: !disabled
+      }
+    );
   }
 );
 InputMaskElement.displayName = "InputMaskElement";

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

@@ -1 +1 @@
-{"version":3,"file":"InputMaskElement.js","sources":["../../../../../../src/components/atoms/Input/InputMaskElement/InputMaskElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { useCallback, useEffect } from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\nimport { MaskType, useStringMask } from '../hooks/useStringMask';\nimport { CurrencyOptions, useNumberMask } from '../hooks/useNumberMask';\n\nexport interface InputMaskElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string | number;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: any) => void;\n  /**\n   To use mask for strings you have to pass a MaskType[] or ((value: string) => MaskType[])\n   A MaskType can be a string, RegExp, or Array<RegExp>.\n   In case we have a string, '9' represents digits, 'a' represents alphabet characters, and any other character represents fixed characters in the mask.\n   For example a phone mask can be represented as ['(99) \\\\99999-9999'], or ['(99) ', '/[9]/', '9999-9999'], or ['(', /[0-9]/, /[0-9]/, ') ', '/[9]/', '9999-9999'] and many others.\n   To use mask for numbers you have to pass a CurrencyOptions object\n   A CurrencyOptions object contains symbol, separator, decimal, precision. For example {symbol: 'R$ ', separator: '.', decimal: ',', precision: 2,}.\n   **/\n  mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputMaskElement = React.forwardRef<TextInput, InputMaskElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      mask,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    const getInputHook = (value: string | number) => {\n      if (mask !== undefined) {\n        if (Array.isArray(mask) || typeof mask === 'function') {\n          return useStringMask(mask, value);\n        } else {\n          return useNumberMask(mask, value);\n        }\n      } else {\n        return [undefined, undefined];\n      }\n    };\n\n    const [maskValue, setMaskValue] = getInputHook(value ?? '');\n\n    const _value =\n      maskValue === undefined\n        ? value?.toString()\n        : maskValue.formatted\n        ? maskValue.formatted\n        : '';\n\n    useEffect(() => {\n      if (onChange) {\n        onChange(maskValue?.raw);\n      }\n    }, [maskValue]);\n\n    const onChangeValue = useCallback(\n      (value: string | number) => {\n        if (maskValue !== undefined && setMaskValue !== undefined) {\n          setMaskValue(value);\n        } else onChange && onChange(value);\n      },\n      [value]\n    );\n\n    useEffect(() => {\n      /** Used to reinitialize maskValue when the value is updated in the parent component **/\n      if (\n        maskValue !== undefined &&\n        setMaskValue !== undefined &&\n        value !== undefined &&\n        typeof maskValue === 'object'\n      ) {\n        /** Case there is a mask **/\n        if (\n          maskValue.raw !== undefined &&\n          maskValue.raw.toString() !== value.toString()\n        ) {\n          onChangeValue(value);\n        }\n      } else if (maskValue === undefined && value !== undefined) {\n        onChangeValue(value);\n      }\n    }, [value]);\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChangeValue}\n        value={_value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputMaskElement.displayName = 'InputMaskElement';\n\nexport default InputMaskElement;\n"],"names":["React","useTheme","value","useStringMask","useNumberMask","useEffect","useCallback","StyledInputElement"],"mappings":"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"}
+{"version":3,"file":"InputMaskElement.js","sources":["../../../../../../src/components/atoms/Input/InputMaskElement/InputMaskElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { useCallback, useEffect } from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\nimport { MaskType, useStringMask } from '../hooks/useStringMask';\nimport { CurrencyOptions, useNumberMask } from '../hooks/useNumberMask';\n\nexport interface InputMaskElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string | number;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: any) => void;\n  /**\n   To use mask for strings you have to pass a MaskType[] or ((value: string) => MaskType[])\n   A MaskType can be a string, RegExp, or Array<RegExp>.\n   In case we have a string, '9' represents digits, 'a' represents alphabet characters, and any other character represents fixed characters in the mask.\n   For example a phone mask can be represented as ['(99) \\\\99999-9999'], or ['(99) ', '/[9]/', '9999-9999'], or ['(', /[0-9]/, /[0-9]/, ') ', '/[9]/', '9999-9999'] and many others.\n   To use mask for numbers you have to pass a CurrencyOptions object\n   A CurrencyOptions object contains symbol, separator, decimal, precision. For example {symbol: 'R$ ', separator: '.', decimal: ',', precision: 2,}.\n   **/\n  mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputMaskElement = React.forwardRef<TextInput, InputMaskElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      mask,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    const getInputHook = (value: string | number) => {\n      if (mask !== undefined) {\n        if (Array.isArray(mask) || typeof mask === 'function') {\n          return useStringMask(mask, value);\n        } else {\n          return useNumberMask(mask, value);\n        }\n      } else {\n        return [undefined, undefined];\n      }\n    };\n\n    const [maskValue, setMaskValue] = getInputHook(value ?? '');\n\n    const _value =\n      maskValue === undefined\n        ? value?.toString()\n        : maskValue.formatted\n        ? maskValue.formatted\n        : '';\n\n    useEffect(() => {\n      if (onChange) {\n        onChange(maskValue?.raw);\n      }\n    }, [maskValue]);\n\n    const onChangeValue = useCallback(\n      (value: string | number) => {\n        if (maskValue !== undefined && setMaskValue !== undefined) {\n          setMaskValue(value);\n        } else onChange && onChange(value);\n      },\n      [value]\n    );\n\n    useEffect(() => {\n      /** Used to reinitialize maskValue when the value is updated in the parent component **/\n      if (\n        maskValue !== undefined &&\n        setMaskValue !== undefined &&\n        value !== undefined &&\n        typeof maskValue === 'object'\n      ) {\n        /** Case there is a mask **/\n        if (\n          maskValue.raw !== undefined &&\n          maskValue.raw.toString() !== value.toString()\n        ) {\n          onChangeValue(value);\n        }\n      } else if (maskValue === undefined && value !== undefined) {\n        onChangeValue(value);\n      }\n    }, [value]);\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChangeValue}\n        value={_value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputMaskElement.displayName = 'InputMaskElement';\n\nexport default InputMaskElement;\n"],"names":["useTheme","value","useStringMask","useNumberMask","useEffect","useCallback","StyledInputElement"],"mappings":"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"}

package/dist/cjs/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts

@@ -1,10 +1,11 @@
-import * as React from 'react';
 import { PressableStateCallbackType, StyleProp, ViewStyle } from 'react-native';
 import { InputContainerProps } from '../InputContainer/InputContainer';
+import { ReactNode } from 'react';
 export interface PressableInputContainerProps extends Omit<InputContainerProps, 'value' | 'onChange' | 'onChangeText' | 'disabled' | 'style'> {
     onPress?: () => void | never;
     disabled?: boolean;
     style?: StyleProp<ViewStyle> | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
+    children?: ReactNode;
 }
-declare const PressableInputContainer: React.FC<PressableInputContainerProps>;
+declare const PressableInputContainer: ({ onPress, disabled, style, children, ...rest }: PressableInputContainerProps) => JSX.Element;
 export default PressableInputContainer;

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

@@ -4,8 +4,7 @@ var React = require('react');
 var InputContainer = require('../InputContainer/InputContainer.js');
 var styled = require('./styled.js');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -18,11 +17,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const PressableInputContainer = ({
   onPress,
@@ -31,14 +30,7 @@ const PressableInputContainer = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ React__namespace.createElement(styled.StyledPressableSurface, {
-    onPress,
-    disabled,
-    style
-  }, /* @__PURE__ */ React__namespace.createElement(InputContainer, {
-    disabled,
-    ...rest
-  }, children));
+  return /* @__PURE__ */ React__namespace.createElement(styled.StyledPressableSurface, { onPress, disabled, style }, /* @__PURE__ */ React__namespace.createElement(InputContainer, { disabled, ...rest }, children));
 };
 
 module.exports = PressableInputContainer;

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

@@ -1 +1 @@
-{"version":3,"file":"PressableInputContainer.js","sources":["../../../../../../src/components/atoms/Input/PressableInputContainer/PressableInputContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { PressableStateCallbackType, StyleProp, ViewStyle } from 'react-native';\nimport InputContainer, {\n  InputContainerProps,\n} from '../InputContainer/InputContainer';\nimport { StyledPressableSurface } from './styled';\n\nexport interface PressableInputContainerProps\n  extends Omit<\n    InputContainerProps,\n    'value' | 'onChange' | 'onChangeText' | 'disabled' | 'style'\n  > {\n  onPress?: () => void | never;\n  disabled?: boolean;\n  style?:\n    | StyleProp<ViewStyle>\n    | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);\n}\n\nconst PressableInputContainer: React.FC<PressableInputContainerProps> = ({\n  onPress,\n  disabled,\n  style,\n  children,\n  ...rest\n}) => {\n  return (\n    <StyledPressableSurface onPress={onPress} disabled={disabled} style={style}>\n      <InputContainer disabled={disabled} {...rest}>\n        {children}\n      </InputContainer>\n    </StyledPressableSurface>\n  );\n};\n\nexport default PressableInputContainer;\n"],"names":["React","StyledPressableSurface"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,0BAAkE,CAAC;AAAA,EACvE,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBACGA,gBAAA,CAAA,aAAA,CAAAC,6BAAA,EAAA;AAAA,IAAuB,OAAA;AAAA,IAAkB,QAAA;AAAA,IAAoB,KAAA;AAAA,GAAA,kBAC3DD,gBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IAAe,QAAA;AAAA,IAAqB,GAAG,IAAA;AAAA,GAAA,EACrC,QACH,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PressableInputContainer.js","sources":["../../../../../../src/components/atoms/Input/PressableInputContainer/PressableInputContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { PressableStateCallbackType, StyleProp, ViewStyle } from 'react-native';\nimport InputContainer, {\n  InputContainerProps,\n} from '../InputContainer/InputContainer';\nimport { StyledPressableSurface } from './styled';\nimport { ReactNode } from 'react';\n\nexport interface PressableInputContainerProps\n  extends Omit<\n    InputContainerProps,\n    'value' | 'onChange' | 'onChangeText' | 'disabled' | 'style'\n  > {\n  onPress?: () => void | never;\n  disabled?: boolean;\n  style?:\n    | StyleProp<ViewStyle>\n    | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);\n  children?: ReactNode;\n}\n\nconst PressableInputContainer = ({\n  onPress,\n  disabled,\n  style,\n  children,\n  ...rest\n}: PressableInputContainerProps): JSX.Element => {\n  return (\n    <StyledPressableSurface onPress={onPress} disabled={disabled} style={style}>\n      <InputContainer disabled={disabled} {...rest}>\n        {children}\n      </InputContainer>\n    </StyledPressableSurface>\n  );\n};\n\nexport default PressableInputContainer;\n"],"names":["React","StyledPressableSurface"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAiD,KAAA;AAC/C,EACE,uBAAAA,gBAAA,CAAA,aAAA,CAACC,6BAAuB,EAAA,EAAA,OAAA,EAAkB,QAAoB,EAAA,KAAA,EAAA,kBAC3DD,gBAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,QAAqB,EAAA,GAAG,IACrC,EAAA,EAAA,QACH,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,14 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var styled = require('@emotion/native');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledPressableSurface = styled__default["default"].Pressable`
+const StyledPressableSurface = styled.Pressable`
   width: 100%;
 `;
 

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Input/PressableInputContainer/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\n\nexport const StyledPressableSurface = styled.Pressable`\n  width: 100%;\n`;\n"],"names":["styled"],"mappings":";;;;;;;;;;AAEO,MAAM,yBAAyBA,0BAAO,CAAA,SAAA,CAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Input/PressableInputContainer/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\n\nexport const StyledPressableSurface = styled.Pressable`\n  width: 100%;\n`;\n"],"names":[],"mappings":";;;;AAEO,MAAM,yBAAyB,MAAO,CAAA,SAAA,CAAA;AAAA;AAAA;;;;"}

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

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
 const useInputFocus = (onFocus, onBlur, focusEnabled = true) => {

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

@@ -1 +1 @@
-{"version":3,"file":"useInputFocus.js","sources":["../../../../../../src/components/atoms/Input/hooks/useInputFocus.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const useInputFocus = (\n  onFocus?: () => void,\n  onBlur?: () => void,\n  focusEnabled = true\n) => {\n  const [focused, setFocused] = useState<boolean>(false);\n\n  const handleFocus = useCallback(() => {\n    if (focusEnabled) {\n      setFocused(true);\n      onFocus && onFocus();\n    }\n  }, [focusEnabled, setFocused, onFocus]);\n\n  const handleBlur = useCallback(() => {\n    if (focusEnabled) {\n      setFocused(false);\n      onBlur && onBlur();\n    }\n  }, [focusEnabled, setFocused, onBlur]);\n\n  return {\n    focused,\n    handleBlur,\n    handleFocus,\n  };\n};\n"],"names":["useState","useCallback"],"mappings":";;;;;;AAEO,MAAM,aAAgB,GAAA,CAC3B,OACA,EAAA,MAAA,EACA,eAAe,IACZ,KAAA;AACH,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAkB,KAAK,CAAA,CAAA;AAErD,EAAM,MAAA,WAAA,GAAcC,kBAAY,MAAM;AACpC,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,MAAA,OAAA,IAAW,OAAQ,EAAA,CAAA;AAAA,KACrB;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,UAAA,EAAY,OAAO,CAAC,CAAA,CAAA;AAEtC,EAAM,MAAA,UAAA,GAAaA,kBAAY,MAAM;AACnC,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAChB,MAAA,MAAA,IAAU,MAAO,EAAA,CAAA;AAAA,KACnB;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,UAAA,EAAY,MAAM,CAAC,CAAA,CAAA;AAErC,EAAO,OAAA;AAAA,IACL,OAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"useInputFocus.js","sources":["../../../../../../src/components/atoms/Input/hooks/useInputFocus.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const useInputFocus = (\n  onFocus?: () => void,\n  onBlur?: () => void,\n  focusEnabled = true\n) => {\n  const [focused, setFocused] = useState<boolean>(false);\n\n  const handleFocus = useCallback(() => {\n    if (focusEnabled) {\n      setFocused(true);\n      onFocus && onFocus();\n    }\n  }, [focusEnabled, setFocused, onFocus]);\n\n  const handleBlur = useCallback(() => {\n    if (focusEnabled) {\n      setFocused(false);\n      onBlur && onBlur();\n    }\n  }, [focusEnabled, setFocused, onBlur]);\n\n  return {\n    focused,\n    handleBlur,\n    handleFocus,\n  };\n};\n"],"names":["useState","useCallback"],"mappings":";;;;AAEO,MAAM,aAAgB,GAAA,CAC3B,OACA,EAAA,MAAA,EACA,eAAe,IACZ,KAAA;AACH,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAkB,KAAK,CAAA,CAAA;AAErD,EAAM,MAAA,WAAA,GAAcC,kBAAY,MAAM;AACpC,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,MAAA,OAAA,IAAW,OAAQ,EAAA,CAAA;AAAA,KACrB;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,UAAA,EAAY,OAAO,CAAC,CAAA,CAAA;AAEtC,EAAM,MAAA,UAAA,GAAaA,kBAAY,MAAM;AACnC,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAChB,MAAA,MAAA,IAAU,MAAO,EAAA,CAAA;AAAA,KACnB;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,UAAA,EAAY,MAAM,CAAC,CAAA,CAAA;AAErC,EAAO,OAAA;AAAA,IACL,OAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/cjs/components/atoms/Input/hooks/useNumberMask.d.ts

@@ -1,6 +1,6 @@
 import currency from 'currency.js';
 import { MaskValue } from './useStringMask';
-export declare type CurrencyOptions = currency.Options;
+export type CurrencyOptions = currency.Options;
 export declare const getInternalNumberAndMask: (value: string | number, options?: CurrencyOptions) => {
     internalNumber: number;
     mergedOptions: CurrencyOptions;