@tecsinapse/react-core 1.21.1-beta.7 → 1.21.1-beta.8

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

@@ -60,12 +60,11 @@ const Icon = (_a) => {
   ]);
   const theme = react.useTheme();
   const color = helpers.getIconColor(colorVariant, colorTone, fontColor, theme);
-  const RNVIcon = helpers.getIconComponent(type);
+  const RNVIcon = helpers.getIconComponent(type, size);
   return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Suspense, {
     fallback: /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, null, " ")
   }, /* @__PURE__ */ React__default["default"].createElement(RNVIcon, __spreadProps(__spreadValues({}, rest), {
     style,
-    size,
     name,
     color
   })));

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, TextStyle, Text } from 'react-native';\nimport { useTheme } from '@emotion/react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { getIconColor, getIconComponent } from './helpers';\n\nexport interface IconProps {\n  /**  Name of the icon. You must use the same icons from react-native-vector-icons */\n  name: string;\n  /**  Default icon sizes from theme */\n  size?: IconSizeType;\n  /**  Icon family. You must use the same icons from react-native-vector-icons */\n  type: IconType;\n  /** Font theme fill color */\n  fontColor?: FontColorType;\n  /** Palette theme fill color */\n  colorVariant?: ColorType;\n  /** Palette theme gradation fill color */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<TextStyle>;\n}\n\n/** NOTE: When using colors, the order matters if you're trying to merge multiple types. */\nconst Icon: FC<IconProps> = ({\n  name,\n  size = 'centi',\n  type,\n  style,\n  fontColor = 'dark',\n  colorVariant,\n  colorTone = 'medium',\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const color = getIconColor(colorVariant, colorTone, fontColor, theme);\n  const RNVIcon = getIconComponent(type);\n\n  return (\n    <React.Suspense fallback={<Text> </Text>}>\n      <RNVIcon {...rest} style={style} size={size} name={name} color={color} />\n    </React.Suspense>\n  );\n};\n\nexport default Icon;\n"],"names":["useTheme","getIconColor","getIconComponent","React","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BM,MAAA,IAAA,GAAsB,CAAC,EASvB,KAAA;AATuB,EAC3B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,IAAO,GAAA,OAAA;AAAA,IACP,IAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAY,GAAA,MAAA;AAAA,IACZ,YAAA;AAAA,IACA,SAAY,GAAA,QAAA;AAAA,GArCd,GA8B6B,EAQxB,EAAA,IAAA,GAAA,SAAA,CARwB,EAQxB,EAAA;AAAA,IAPH,MAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAQA,cAAS,EAAA,CAAA;AACvB,EAAA,MAAM,KAAQ,GAAAC,oBAAA,CAAa,YAAc,EAAA,SAAA,EAAW,WAAW,KAAK,CAAA,CAAA;AACpE,EAAM,MAAA,OAAA,GAAUC,yBAAiB,IAAI,CAAA,CAAA;AAErC,EACE,uBAAAC,yBAAA,CAAA,aAAA,CAACA,0BAAM,QAAN,EAAA;AAAA,IAAe,QAAA,kBAAWA,yBAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA,IAAA,EAAK,GAAC,CAAA;AAAA,GAC/B,kBAAAD,yBAAA,CAAA,aAAA,CAAC,0CAAY,IAAZ,CAAA,EAAA;AAAA,IAAkB,KAAA;AAAA,IAAc,IAAA;AAAA,IAAY,IAAA;AAAA,IAAY,KAAA;AAAA,GAAA,CAAc,CACzE,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Icon.js","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, TextStyle, Text } from 'react-native';\nimport { useTheme } from '@emotion/react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { getIconColor, getIconComponent } from './helpers';\n\nexport interface IconProps {\n  /**  Name of the icon. You must use the same icons from react-native-vector-icons */\n  name: string;\n  /**  Default icon sizes from theme */\n  size?: IconSizeType;\n  /**  Icon family. You must use the same icons from react-native-vector-icons */\n  type: IconType;\n  /** Font theme fill color */\n  fontColor?: FontColorType;\n  /** Palette theme fill color */\n  colorVariant?: ColorType;\n  /** Palette theme gradation fill color */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<TextStyle>;\n}\n\n/** NOTE: When using colors, the order matters if you're trying to merge multiple types. */\nconst Icon: FC<IconProps> = ({\n  name,\n  size = 'centi',\n  type,\n  style,\n  fontColor = 'dark',\n  colorVariant,\n  colorTone = 'medium',\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const color = getIconColor(colorVariant, colorTone, fontColor, theme);\n  const RNVIcon = getIconComponent(type, size);\n\n  return (\n    <React.Suspense fallback={<Text> </Text>}>\n      <RNVIcon {...rest} style={style} name={name} color={color} />\n    </React.Suspense>\n  );\n};\n\nexport default Icon;\n"],"names":["useTheme","getIconColor","getIconComponent","React","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BM,MAAA,IAAA,GAAsB,CAAC,EASvB,KAAA;AATuB,EAC3B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,IAAO,GAAA,OAAA;AAAA,IACP,IAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAY,GAAA,MAAA;AAAA,IACZ,YAAA;AAAA,IACA,SAAY,GAAA,QAAA;AAAA,GArCd,GA8B6B,EAQxB,EAAA,IAAA,GAAA,SAAA,CARwB,EAQxB,EAAA;AAAA,IAPH,MAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAQA,cAAS,EAAA,CAAA;AACvB,EAAA,MAAM,KAAQ,GAAAC,oBAAA,CAAa,YAAc,EAAA,SAAA,EAAW,WAAW,KAAK,CAAA,CAAA;AACpE,EAAM,MAAA,OAAA,GAAUC,wBAAiB,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAE3C,EACE,uBAAAC,yBAAA,CAAA,aAAA,CAACA,0BAAM,QAAN,EAAA;AAAA,IAAe,QAAA,kBAAWA,yBAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA,IAAA,EAAK,GAAC,CAAA;AAAA,GAC/B,kBAAAD,yBAAA,CAAA,aAAA,CAAC,0CAAY,IAAZ,CAAA,EAAA;AAAA,IAAkB,KAAA;AAAA,IAAc,IAAA;AAAA,IAAY,KAAA;AAAA,GAAA,CAAc,CAC7D,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,6 +1,4 @@
-import { ComponentType } from 'react';
 import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
 export declare const registerCustomIconType: (id: string, customIcon: any) => void;
-export declare const getStyledIcon: (Component: ComponentType, size: IconSizeType) => import("@emotion/native").StyledComponent<any, {}, {}>;
-export declare const getIconComponent: (type: IconType) => any;
+export declare const getIconComponent: (type: IconType, size: IconSizeType) => any;
 export declare const getIconColor: (colorVariant: ColorType | undefined, colorGradation: ColorGradationType | undefined, fontColor: FontColorType, theme: ThemeProp) => string;

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

@@ -7,69 +7,115 @@ var styled = require('@emotion/native');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, 'default': e }); }
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 const customIcons = {};
-const getStyledIcon = (Component, size) => styled__default["default"](Component)`
+const getStyledIcon = (Component, size) => styled__default["default"](
+  Component
+)`
   font-size: ${({ theme }) => theme == null ? void 0 : theme.iconSize[size]};
   text-align: center;
 `;
-const getIconComponent = (type) => {
+const getIconComponent = (type, size) => {
   switch (type) {
     case "zocial":
-      const Zocial = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
-      return Zocial;
+      const Zocial = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Zocial')); })
+      );
+      return getStyledIcon(Zocial, size);
     case "octicon":
-      const Octicons = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
-      return Octicons;
+      const Octicons = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Octicons')); })
+      );
+      return getStyledIcon(Octicons, size);
     case "material":
-      const Material = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
-      return Material;
+      const Material = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialIcons')); })
+      );
+      return getStyledIcon(Material, size);
     case "material-community":
       const MaterialCommunity = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./MaterialCommunity.js')); })
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialCommunityIcons')); })
       );
-      return MaterialCommunity;
+      return getStyledIcon(MaterialCommunity, size);
     case "ionicon":
-      const Ionicons = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
-      return Ionicons;
+      const Ionicons = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Ionicons')); })
+      );
+      return getStyledIcon(Ionicons, size);
     case "foundation":
-      const Foundation = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
-      return Foundation;
+      const Foundation = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Foundation')); })
+      );
+      return getStyledIcon(Foundation, size);
     case "evilicon":
-      const EvilIcons = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
-      return EvilIcons;
+      const EvilIcons = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/EvilIcons')); })
+      );
+      return getStyledIcon(EvilIcons, size);
     case "entypo":
-      const Entypo = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
-      return Entypo;
+      const Entypo = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Entypo')); })
+      );
+      return getStyledIcon(Entypo, size);
     case "font-awesome":
-      const FontAwesome = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./FontAwesome.js')); }));
+      const FontAwesome = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/FontAwesome')); })
+      );
       console.log(FontAwesome);
-      return FontAwesome;
+      return getStyledIcon(FontAwesome, size);
     case "font-awesome-5":
-      const FontAwesome5 = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./FontAwesome.js')); }));
-      return FontAwesome5;
+      const FontAwesome5 = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/FontAwesome5')); })
+      );
+      return getStyledIcon(FontAwesome5, size);
     case "simple-line-icon":
-      const SimpleLineIcons = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
-      return SimpleLineIcons;
+      const SimpleLineIcons = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/SimpleLineIcons')); })
+      );
+      return getStyledIcon(SimpleLineIcons, size);
     case "feather":
-      const Feather = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
-      return Feather;
+      const Feather = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Feather')); })
+      );
+      return getStyledIcon(Feather, size);
     case "antdesign":
     case "ant-design":
-      const AntDesign = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
-      return AntDesign;
+      const AntDesign = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/AntDesign')); })
+      );
+      return getStyledIcon(AntDesign, size);
     case "fontisto":
-      const Fontisto = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
-      return Fontisto;
+      const Fontisto = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Fontisto')); })
+      );
+      return getStyledIcon(Fontisto, size);
     default:
       if (Object.prototype.hasOwnProperty.call(customIcons, type)) {
-        return customIcons[type];
+        return getStyledIcon(customIcons[type], size);
       }
-      const MaterialIcons = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
-      return MaterialIcons;
+      const MaterialIcons = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialIcons')); })
+      );
+      return getStyledIcon(MaterialIcons, size);
   }
 };
 const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
@@ -81,5 +127,4 @@ const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
 
 exports.getIconColor = getIconColor;
 exports.getIconComponent = getIconComponent;
-exports.getStyledIcon = getStyledIcon;
 //# sourceMappingURL=helpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import { ComponentType, lazy } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  StyleProps,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nexport const getStyledIcon = (\n  Component: ComponentType,\n  size: IconSizeType\n) => styled(Component)`\n  font-size: ${({ theme }: StyleProps) => theme?.iconSize[size]};\n  text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType): any => {\n  switch (type) {\n    case 'zocial':\n      const Zocial = lazy(async () => await import('./Material'));\n      return Zocial;\n    case 'octicon':\n      const Octicons = lazy(async () => await import('./Material'));\n      return Octicons;\n    case 'material':\n      const Material = lazy(async () => await import('./Material'));\n      return Material;\n    case 'material-community':\n      const MaterialCommunity = lazy(\n        async () => await import('./MaterialCommunity')\n      );\n      return MaterialCommunity;\n    case 'ionicon':\n      const Ionicons = lazy(async () => await import('./Material'));\n      return Ionicons;\n    case 'foundation':\n      const Foundation = lazy(async () => await import('./Material'));\n      return Foundation;\n    case 'evilicon':\n      const EvilIcons = lazy(async () => await import('./Material'));\n      return EvilIcons;\n    case 'entypo':\n      const Entypo = lazy(async () => await import('./Material'));\n      return Entypo;\n    case 'font-awesome':\n      const FontAwesome = lazy(async () => await import('./FontAwesome'));\n      console.log(FontAwesome);\n      return FontAwesome;\n    case 'font-awesome-5':\n      const FontAwesome5 = lazy(async () => await import('./FontAwesome'));\n      return FontAwesome5;\n    case 'simple-line-icon':\n      const SimpleLineIcons = lazy(async () => await import('./Material'));\n      return SimpleLineIcons;\n    case 'feather':\n      const Feather = lazy(async () => await import('./Material'));\n      return Feather;\n    case 'antdesign':\n    case 'ant-design':\n      const AntDesign = lazy(async () => await import('./Material'));\n      return AntDesign;\n    case 'fontisto':\n      const Fontisto = lazy(async () => await import('./Material'));\n      return Fontisto;\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return customIcons[type];\n      }\n      const MaterialIcons = lazy(async () => await import('./Material'));\n      return MaterialIcons;\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":["styled","lazy"],"mappings":"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"}
+{"version":3,"file":"helpers.js","sources":["../../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import { ComponentType, ElementType, lazy, ReactNode } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  StyleProps,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component: ComponentType, size: IconSizeType) => styled(\n  Component\n)`\n  font-size: ${({ theme }: StyleProps) => theme?.iconSize[size]};\n  text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n  switch (type) {\n    case 'zocial':\n      const Zocial = lazy(\n        async () => await import('react-native-vector-icons/dist/Zocial')\n      );\n      return getStyledIcon(Zocial, size);\n    case 'octicon':\n      const Octicons = lazy(\n        async () => await import('react-native-vector-icons/dist/Octicons')\n      );\n      return getStyledIcon(Octicons, size);\n    case 'material':\n      const Material = lazy(\n        async () => await import('react-native-vector-icons/dist/MaterialIcons')\n      );\n      return getStyledIcon(Material, size);\n    case 'material-community':\n      const MaterialCommunity = lazy(\n        async () =>\n          await import('react-native-vector-icons/dist/MaterialCommunityIcons')\n      );\n      return getStyledIcon(MaterialCommunity, size);\n    case 'ionicon':\n      const Ionicons = lazy(\n        async () => await import('react-native-vector-icons/dist/Ionicons')\n      );\n      return getStyledIcon(Ionicons, size);\n    case 'foundation':\n      const Foundation = lazy(\n        async () => await import('react-native-vector-icons/dist/Foundation')\n      );\n      return getStyledIcon(Foundation, size);\n    case 'evilicon':\n      const EvilIcons = lazy(\n        async () => await import('react-native-vector-icons/dist/EvilIcons')\n      );\n      return getStyledIcon(EvilIcons, size);\n    case 'entypo':\n      const Entypo = lazy(\n        async () => await import('react-native-vector-icons/dist/Entypo')\n      );\n      return getStyledIcon(Entypo, size);\n    case 'font-awesome':\n      const FontAwesome = lazy(\n        async () => await import('react-native-vector-icons/dist/FontAwesome')\n      );\n      console.log(FontAwesome);\n      return getStyledIcon(FontAwesome, size);\n    case 'font-awesome-5':\n      const FontAwesome5 = lazy(\n        async () => await import('react-native-vector-icons/dist/FontAwesome5')\n      );\n      return getStyledIcon(FontAwesome5, size);\n    case 'simple-line-icon':\n      const SimpleLineIcons = lazy(\n        async () =>\n          await import('react-native-vector-icons/dist/SimpleLineIcons')\n      );\n      return getStyledIcon(SimpleLineIcons, size);\n    case 'feather':\n      const Feather = lazy(\n        async () => await import('react-native-vector-icons/dist/Feather')\n      );\n      return getStyledIcon(Feather, size);\n    case 'antdesign':\n    case 'ant-design':\n      const AntDesign = lazy(\n        async () => await import('react-native-vector-icons/dist/AntDesign')\n      );\n      return getStyledIcon(AntDesign, size);\n    case 'fontisto':\n      const Fontisto = lazy(\n        async () => await import('react-native-vector-icons/dist/Fontisto')\n      );\n      return getStyledIcon(Fontisto, size);\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return getStyledIcon(customIcons[type], size);\n      }\n      const MaterialIcons = lazy(\n        async () => await import('react-native-vector-icons/dist/MaterialIcons')\n      );\n      return getStyledIcon(MaterialIcons, size);\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":["styled","lazy"],"mappings":"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"}

package/dist/esm/components/atoms/Icon/Icon.js

@@ -54,12 +54,11 @@ const Icon = (_a) => {
   ]);
   const theme = useTheme();
   const color = getIconColor(colorVariant, colorTone, fontColor, theme);
-  const RNVIcon = getIconComponent(type);
+  const RNVIcon = getIconComponent(type, size);
   return /* @__PURE__ */ React__default.createElement(React__default.Suspense, {
     fallback: /* @__PURE__ */ React__default.createElement(Text, null, " ")
   }, /* @__PURE__ */ React__default.createElement(RNVIcon, __spreadProps(__spreadValues({}, rest), {
     style,
-    size,
     name,
     color
   })));

package/dist/esm/components/atoms/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, TextStyle, Text } from 'react-native';\nimport { useTheme } from '@emotion/react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { getIconColor, getIconComponent } from './helpers';\n\nexport interface IconProps {\n  /**  Name of the icon. You must use the same icons from react-native-vector-icons */\n  name: string;\n  /**  Default icon sizes from theme */\n  size?: IconSizeType;\n  /**  Icon family. You must use the same icons from react-native-vector-icons */\n  type: IconType;\n  /** Font theme fill color */\n  fontColor?: FontColorType;\n  /** Palette theme fill color */\n  colorVariant?: ColorType;\n  /** Palette theme gradation fill color */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<TextStyle>;\n}\n\n/** NOTE: When using colors, the order matters if you're trying to merge multiple types. */\nconst Icon: FC<IconProps> = ({\n  name,\n  size = 'centi',\n  type,\n  style,\n  fontColor = 'dark',\n  colorVariant,\n  colorTone = 'medium',\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const color = getIconColor(colorVariant, colorTone, fontColor, theme);\n  const RNVIcon = getIconComponent(type);\n\n  return (\n    <React.Suspense fallback={<Text> </Text>}>\n      <RNVIcon {...rest} style={style} size={size} name={name} color={color} />\n    </React.Suspense>\n  );\n};\n\nexport default Icon;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BM,MAAA,IAAA,GAAsB,CAAC,EASvB,KAAA;AATuB,EAC3B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,IAAO,GAAA,OAAA;AAAA,IACP,IAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAY,GAAA,MAAA;AAAA,IACZ,YAAA;AAAA,IACA,SAAY,GAAA,QAAA;AAAA,GArCd,GA8B6B,EAQxB,EAAA,IAAA,GAAA,SAAA,CARwB,EAQxB,EAAA;AAAA,IAPH,MAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAA,MAAM,KAAQ,GAAA,YAAA,CAAa,YAAc,EAAA,SAAA,EAAW,WAAW,KAAK,CAAA,CAAA;AACpE,EAAM,MAAA,OAAA,GAAU,iBAAiB,IAAI,CAAA,CAAA;AAErC,EACE,uBAAAA,cAAA,CAAA,aAAA,CAACA,eAAM,QAAN,EAAA;AAAA,IAAe,QAAA,kBAAWA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAK,GAAC,CAAA;AAAA,GAC/B,kBAAAA,cAAA,CAAA,aAAA,CAAC,0CAAY,IAAZ,CAAA,EAAA;AAAA,IAAkB,KAAA;AAAA,IAAc,IAAA;AAAA,IAAY,IAAA;AAAA,IAAY,KAAA;AAAA,GAAA,CAAc,CACzE,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Icon.js","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, TextStyle, Text } from 'react-native';\nimport { useTheme } from '@emotion/react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { getIconColor, getIconComponent } from './helpers';\n\nexport interface IconProps {\n  /**  Name of the icon. You must use the same icons from react-native-vector-icons */\n  name: string;\n  /**  Default icon sizes from theme */\n  size?: IconSizeType;\n  /**  Icon family. You must use the same icons from react-native-vector-icons */\n  type: IconType;\n  /** Font theme fill color */\n  fontColor?: FontColorType;\n  /** Palette theme fill color */\n  colorVariant?: ColorType;\n  /** Palette theme gradation fill color */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<TextStyle>;\n}\n\n/** NOTE: When using colors, the order matters if you're trying to merge multiple types. */\nconst Icon: FC<IconProps> = ({\n  name,\n  size = 'centi',\n  type,\n  style,\n  fontColor = 'dark',\n  colorVariant,\n  colorTone = 'medium',\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const color = getIconColor(colorVariant, colorTone, fontColor, theme);\n  const RNVIcon = getIconComponent(type, size);\n\n  return (\n    <React.Suspense fallback={<Text> </Text>}>\n      <RNVIcon {...rest} style={style} name={name} color={color} />\n    </React.Suspense>\n  );\n};\n\nexport default Icon;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BM,MAAA,IAAA,GAAsB,CAAC,EASvB,KAAA;AATuB,EAC3B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,IAAO,GAAA,OAAA;AAAA,IACP,IAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAY,GAAA,MAAA;AAAA,IACZ,YAAA;AAAA,IACA,SAAY,GAAA,QAAA;AAAA,GArCd,GA8B6B,EAQxB,EAAA,IAAA,GAAA,SAAA,CARwB,EAQxB,EAAA;AAAA,IAPH,MAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAA,MAAM,KAAQ,GAAA,YAAA,CAAa,YAAc,EAAA,SAAA,EAAW,WAAW,KAAK,CAAA,CAAA;AACpE,EAAM,MAAA,OAAA,GAAU,gBAAiB,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAE3C,EACE,uBAAAA,cAAA,CAAA,aAAA,CAACA,eAAM,QAAN,EAAA;AAAA,IAAe,QAAA,kBAAWA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAK,GAAC,CAAA;AAAA,GAC/B,kBAAAA,cAAA,CAAA,aAAA,CAAC,0CAAY,IAAZ,CAAA,EAAA;AAAA,IAAkB,KAAA;AAAA,IAAc,IAAA;AAAA,IAAY,KAAA;AAAA,GAAA,CAAc,CAC7D,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/atoms/Icon/helpers.d.ts

@@ -1,6 +1,4 @@
-import { ComponentType } from 'react';
 import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
 export declare const registerCustomIconType: (id: string, customIcon: any) => void;
-export declare const getStyledIcon: (Component: ComponentType, size: IconSizeType) => import("@emotion/native").StyledComponent<any, {}, {}>;
-export declare const getIconComponent: (type: IconType) => any;
+export declare const getIconComponent: (type: IconType, size: IconSizeType) => any;
 export declare const getIconColor: (colorVariant: ColorType | undefined, colorGradation: ColorGradationType | undefined, fontColor: FontColorType, theme: ThemeProp) => string;

package/dist/esm/components/atoms/Icon/helpers.js

@@ -2,64 +2,94 @@ import { lazy } from 'react';
 import styled from '@emotion/native';
 
 const customIcons = {};
-const getStyledIcon = (Component, size) => styled(Component)`
+const getStyledIcon = (Component, size) => styled(
+  Component
+)`
   font-size: ${({ theme }) => theme == null ? void 0 : theme.iconSize[size]};
   text-align: center;
 `;
-const getIconComponent = (type) => {
+const getIconComponent = (type, size) => {
   switch (type) {
     case "zocial":
-      const Zocial = lazy(async () => await import('./Material.js'));
-      return Zocial;
+      const Zocial = lazy(
+        async () => await import('react-native-vector-icons/dist/Zocial')
+      );
+      return getStyledIcon(Zocial, size);
     case "octicon":
-      const Octicons = lazy(async () => await import('./Material.js'));
-      return Octicons;
+      const Octicons = lazy(
+        async () => await import('react-native-vector-icons/dist/Octicons')
+      );
+      return getStyledIcon(Octicons, size);
     case "material":
-      const Material = lazy(async () => await import('./Material.js'));
-      return Material;
+      const Material = lazy(
+        async () => await import('react-native-vector-icons/dist/MaterialIcons')
+      );
+      return getStyledIcon(Material, size);
     case "material-community":
       const MaterialCommunity = lazy(
-        async () => await import('./MaterialCommunity.js')
+        async () => await import('react-native-vector-icons/dist/MaterialCommunityIcons')
       );
-      return MaterialCommunity;
+      return getStyledIcon(MaterialCommunity, size);
     case "ionicon":
-      const Ionicons = lazy(async () => await import('./Material.js'));
-      return Ionicons;
+      const Ionicons = lazy(
+        async () => await import('react-native-vector-icons/dist/Ionicons')
+      );
+      return getStyledIcon(Ionicons, size);
     case "foundation":
-      const Foundation = lazy(async () => await import('./Material.js'));
-      return Foundation;
+      const Foundation = lazy(
+        async () => await import('react-native-vector-icons/dist/Foundation')
+      );
+      return getStyledIcon(Foundation, size);
     case "evilicon":
-      const EvilIcons = lazy(async () => await import('./Material.js'));
-      return EvilIcons;
+      const EvilIcons = lazy(
+        async () => await import('react-native-vector-icons/dist/EvilIcons')
+      );
+      return getStyledIcon(EvilIcons, size);
     case "entypo":
-      const Entypo = lazy(async () => await import('./Material.js'));
-      return Entypo;
+      const Entypo = lazy(
+        async () => await import('react-native-vector-icons/dist/Entypo')
+      );
+      return getStyledIcon(Entypo, size);
     case "font-awesome":
-      const FontAwesome = lazy(async () => await import('./FontAwesome.js'));
+      const FontAwesome = lazy(
+        async () => await import('react-native-vector-icons/dist/FontAwesome')
+      );
       console.log(FontAwesome);
-      return FontAwesome;
+      return getStyledIcon(FontAwesome, size);
     case "font-awesome-5":
-      const FontAwesome5 = lazy(async () => await import('./FontAwesome.js'));
-      return FontAwesome5;
+      const FontAwesome5 = lazy(
+        async () => await import('react-native-vector-icons/dist/FontAwesome5')
+      );
+      return getStyledIcon(FontAwesome5, size);
     case "simple-line-icon":
-      const SimpleLineIcons = lazy(async () => await import('./Material.js'));
-      return SimpleLineIcons;
+      const SimpleLineIcons = lazy(
+        async () => await import('react-native-vector-icons/dist/SimpleLineIcons')
+      );
+      return getStyledIcon(SimpleLineIcons, size);
     case "feather":
-      const Feather = lazy(async () => await import('./Material.js'));
-      return Feather;
+      const Feather = lazy(
+        async () => await import('react-native-vector-icons/dist/Feather')
+      );
+      return getStyledIcon(Feather, size);
     case "antdesign":
     case "ant-design":
-      const AntDesign = lazy(async () => await import('./Material.js'));
-      return AntDesign;
+      const AntDesign = lazy(
+        async () => await import('react-native-vector-icons/dist/AntDesign')
+      );
+      return getStyledIcon(AntDesign, size);
     case "fontisto":
-      const Fontisto = lazy(async () => await import('./Material.js'));
-      return Fontisto;
+      const Fontisto = lazy(
+        async () => await import('react-native-vector-icons/dist/Fontisto')
+      );
+      return getStyledIcon(Fontisto, size);
     default:
       if (Object.prototype.hasOwnProperty.call(customIcons, type)) {
-        return customIcons[type];
+        return getStyledIcon(customIcons[type], size);
       }
-      const MaterialIcons = lazy(async () => await import('./Material.js'));
-      return MaterialIcons;
+      const MaterialIcons = lazy(
+        async () => await import('react-native-vector-icons/dist/MaterialIcons')
+      );
+      return getStyledIcon(MaterialIcons, size);
   }
 };
 const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
@@ -69,5 +99,5 @@ const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
   return theme.font.color[fontColor];
 };
 
-export { getIconColor, getIconComponent, getStyledIcon };
+export { getIconColor, getIconComponent };
 //# sourceMappingURL=helpers.js.map

package/dist/esm/components/atoms/Icon/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import { ComponentType, lazy } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  StyleProps,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nexport const getStyledIcon = (\n  Component: ComponentType,\n  size: IconSizeType\n) => styled(Component)`\n  font-size: ${({ theme }: StyleProps) => theme?.iconSize[size]};\n  text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType): any => {\n  switch (type) {\n    case 'zocial':\n      const Zocial = lazy(async () => await import('./Material'));\n      return Zocial;\n    case 'octicon':\n      const Octicons = lazy(async () => await import('./Material'));\n      return Octicons;\n    case 'material':\n      const Material = lazy(async () => await import('./Material'));\n      return Material;\n    case 'material-community':\n      const MaterialCommunity = lazy(\n        async () => await import('./MaterialCommunity')\n      );\n      return MaterialCommunity;\n    case 'ionicon':\n      const Ionicons = lazy(async () => await import('./Material'));\n      return Ionicons;\n    case 'foundation':\n      const Foundation = lazy(async () => await import('./Material'));\n      return Foundation;\n    case 'evilicon':\n      const EvilIcons = lazy(async () => await import('./Material'));\n      return EvilIcons;\n    case 'entypo':\n      const Entypo = lazy(async () => await import('./Material'));\n      return Entypo;\n    case 'font-awesome':\n      const FontAwesome = lazy(async () => await import('./FontAwesome'));\n      console.log(FontAwesome);\n      return FontAwesome;\n    case 'font-awesome-5':\n      const FontAwesome5 = lazy(async () => await import('./FontAwesome'));\n      return FontAwesome5;\n    case 'simple-line-icon':\n      const SimpleLineIcons = lazy(async () => await import('./Material'));\n      return SimpleLineIcons;\n    case 'feather':\n      const Feather = lazy(async () => await import('./Material'));\n      return Feather;\n    case 'antdesign':\n    case 'ant-design':\n      const AntDesign = lazy(async () => await import('./Material'));\n      return AntDesign;\n    case 'fontisto':\n      const Fontisto = lazy(async () => await import('./Material'));\n      return Fontisto;\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return customIcons[type];\n      }\n      const MaterialIcons = lazy(async () => await import('./Material'));\n      return MaterialIcons;\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":"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"}
+{"version":3,"file":"helpers.js","sources":["../../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import { ComponentType, ElementType, lazy, ReactNode } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  StyleProps,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component: ComponentType, size: IconSizeType) => styled(\n  Component\n)`\n  font-size: ${({ theme }: StyleProps) => theme?.iconSize[size]};\n  text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n  switch (type) {\n    case 'zocial':\n      const Zocial = lazy(\n        async () => await import('react-native-vector-icons/dist/Zocial')\n      );\n      return getStyledIcon(Zocial, size);\n    case 'octicon':\n      const Octicons = lazy(\n        async () => await import('react-native-vector-icons/dist/Octicons')\n      );\n      return getStyledIcon(Octicons, size);\n    case 'material':\n      const Material = lazy(\n        async () => await import('react-native-vector-icons/dist/MaterialIcons')\n      );\n      return getStyledIcon(Material, size);\n    case 'material-community':\n      const MaterialCommunity = lazy(\n        async () =>\n          await import('react-native-vector-icons/dist/MaterialCommunityIcons')\n      );\n      return getStyledIcon(MaterialCommunity, size);\n    case 'ionicon':\n      const Ionicons = lazy(\n        async () => await import('react-native-vector-icons/dist/Ionicons')\n      );\n      return getStyledIcon(Ionicons, size);\n    case 'foundation':\n      const Foundation = lazy(\n        async () => await import('react-native-vector-icons/dist/Foundation')\n      );\n      return getStyledIcon(Foundation, size);\n    case 'evilicon':\n      const EvilIcons = lazy(\n        async () => await import('react-native-vector-icons/dist/EvilIcons')\n      );\n      return getStyledIcon(EvilIcons, size);\n    case 'entypo':\n      const Entypo = lazy(\n        async () => await import('react-native-vector-icons/dist/Entypo')\n      );\n      return getStyledIcon(Entypo, size);\n    case 'font-awesome':\n      const FontAwesome = lazy(\n        async () => await import('react-native-vector-icons/dist/FontAwesome')\n      );\n      console.log(FontAwesome);\n      return getStyledIcon(FontAwesome, size);\n    case 'font-awesome-5':\n      const FontAwesome5 = lazy(\n        async () => await import('react-native-vector-icons/dist/FontAwesome5')\n      );\n      return getStyledIcon(FontAwesome5, size);\n    case 'simple-line-icon':\n      const SimpleLineIcons = lazy(\n        async () =>\n          await import('react-native-vector-icons/dist/SimpleLineIcons')\n      );\n      return getStyledIcon(SimpleLineIcons, size);\n    case 'feather':\n      const Feather = lazy(\n        async () => await import('react-native-vector-icons/dist/Feather')\n      );\n      return getStyledIcon(Feather, size);\n    case 'antdesign':\n    case 'ant-design':\n      const AntDesign = lazy(\n        async () => await import('react-native-vector-icons/dist/AntDesign')\n      );\n      return getStyledIcon(AntDesign, size);\n    case 'fontisto':\n      const Fontisto = lazy(\n        async () => await import('react-native-vector-icons/dist/Fontisto')\n      );\n      return getStyledIcon(Fontisto, size);\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return getStyledIcon(customIcons[type], size);\n      }\n      const MaterialIcons = lazy(\n        async () => await import('react-native-vector-icons/dist/MaterialIcons')\n      );\n      return getStyledIcon(MaterialIcons, size);\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":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-core",
   "description": "TecSinapse hybrid React components",
-  "version": "1.21.1-beta.7+85cde86",
+  "version": "1.21.1-beta.8+28a3477",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -43,5 +43,5 @@
     "react-native": "^0.64.0",
     "react-native-vector-icons": "^8.1.0 || ^9.0.0"
   },
-  "gitHead": "85cde86f02d97cb1e4a9fd225fe271bef597c31c"
+  "gitHead": "28a3477be880727285a5155950d80f7d78666314"
 }

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

@@ -1,7 +0,0 @@
-import { IconSizeType } from '@tecsinapse/react-core';
-declare const FontAwesome: ({ size, color, name, }: {
-    size: IconSizeType;
-    color: string;
-    name: string;
-}) => JSX.Element;
-export default FontAwesome;

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

@@ -1,25 +0,0 @@
-'use strict';
-
-var FontAwesomeRNVI = require('react-native-vector-icons/dist/FontAwesome');
-var helpers = require('./helpers.js');
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var FontAwesomeRNVI__default = /*#__PURE__*/_interopDefaultLegacy(FontAwesomeRNVI);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const FontAwesome = ({
-  size,
-  color,
-  name
-}) => {
-  const Icon = helpers.getStyledIcon(FontAwesomeRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    name,
-    color
-  });
-};
-
-module.exports = FontAwesome;
-//# sourceMappingURL=FontAwesome.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FontAwesome.js","sources":["../../../../../src/components/atoms/Icon/FontAwesome.tsx"],"sourcesContent":["import FontAwesomeRNVI from 'react-native-vector-icons/dist/FontAwesome';\nimport { getStyledIcon } from './helpers';\nimport React from 'react';\nimport { IconSizeType } from '@tecsinapse/react-core';\n\nconst FontAwesome = ({\n  size,\n  color,\n  name,\n}: {\n  size: IconSizeType;\n  color: string;\n  name: string;\n}) => {\n  const Icon = getStyledIcon(FontAwesomeRNVI, size);\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return <Icon name={name} color={color} />;\n};\n\nexport default FontAwesome;\n"],"names":["getStyledIcon","FontAwesomeRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,cAAc,CAAC;AAAA,EACnB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AACF,CAIM,KAAA;AACJ,EAAM,MAAA,IAAA,GAAOA,qBAAc,CAAAC,mCAAA,EAAiB,IAAI,CAAA,CAAA;AAGhD,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACzC;;;;"}

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

@@ -1,7 +0,0 @@
-import { IconSizeType } from '@tecsinapse/react-core';
-declare const Material: ({ size, color, name, }: {
-    size: IconSizeType;
-    color: string;
-    name: string;
-}) => JSX.Element;
-export default Material;

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

@@ -1,25 +0,0 @@
-'use strict';
-
-var React = require('react');
-var MaterialRNVI = require('react-native-vector-icons/dist/MaterialIcons');
-var helpers = require('./helpers.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var MaterialRNVI__default = /*#__PURE__*/_interopDefaultLegacy(MaterialRNVI);
-
-const Material = ({
-  size,
-  color,
-  name
-}) => {
-  const Icon = helpers.getStyledIcon(MaterialRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    name,
-    color
-  });
-};
-
-module.exports = Material;
-//# sourceMappingURL=Material.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Material.js","sources":["../../../../../src/components/atoms/Icon/Material.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialRNVI from 'react-native-vector-icons/dist/MaterialIcons';\nimport { getStyledIcon } from './helpers';\nimport { IconSizeType } from '@tecsinapse/react-core';\n\nconst Material = ({\n  size,\n  color,\n  name,\n}: {\n  size: IconSizeType;\n  color: string;\n  name: string;\n}) => {\n  const Icon = getStyledIcon(MaterialRNVI, size);\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return <Icon name={name} color={color} />;\n};\n\nexport default Material;\n"],"names":["getStyledIcon","MaterialRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,WAAW,CAAC;AAAA,EAChB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AACF,CAIM,KAAA;AACJ,EAAM,MAAA,IAAA,GAAOA,qBAAc,CAAAC,gCAAA,EAAc,IAAI,CAAA,CAAA;AAG7C,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACzC;;;;"}

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

@@ -1,9 +0,0 @@
-import { IconSizeType } from '@tecsinapse/react-core';
-import { StyleProp, TextStyle } from 'react-native';
-declare const MaterialCommunity: ({ size, color, name, ...rest }: {
-    size: IconSizeType;
-    color: string;
-    name: string;
-    style?: StyleProp<TextStyle>;
-}) => JSX.Element;
-export default MaterialCommunity;

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

@@ -1,61 +0,0 @@
-'use strict';
-
-var React = require('react');
-var MaterialCommunityRNVI = require('react-native-vector-icons/dist/MaterialCommunityIcons');
-var helpers = require('./helpers.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);
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const MaterialCommunity = (_a) => {
-  var _b = _a, {
-    size,
-    color,
-    name
-  } = _b, rest = __objRest(_b, [
-    "size",
-    "color",
-    "name"
-  ]);
-  const Icon = helpers.getStyledIcon(MaterialCommunityRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, __spreadProps(__spreadValues({}, rest), {
-    name,
-    color
-  }));
-};
-
-module.exports = MaterialCommunity;
-//# sourceMappingURL=MaterialCommunity.js.map

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

@@ -1 +0,0 @@
-{"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 './helpers';\nimport { IconSizeType } from '@tecsinapse/react-core';\nimport { StyleProp, TextStyle } from 'react-native';\n\nconst MaterialCommunity = ({\n  size,\n  color,\n  name,\n  ...rest\n}: {\n  size: IconSizeType;\n  color: string;\n  name: string;\n  style?: StyleProp<TextStyle>;\n}) => {\n  const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default MaterialCommunity;\n"],"names":["getStyledIcon","MaterialCommunityRNVI","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMM,MAAA,iBAAA,GAAoB,CAAC,EAUrB,KAAA;AAVqB,EACzB,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,GATF,GAM2B,EAItB,EAAA,IAAA,GAAA,SAAA,CAJsB,EAItB,EAAA;AAAA,IAHH,MAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAQA,EAAM,MAAA,IAAA,GAAOA,qBAAc,CAAAC,yCAAA,EAAuB,IAAI,CAAA,CAAA;AAGtD,EAAO,uBAAAC,yBAAA,CAAA,aAAA,CAAC,uCAAS,IAAT,CAAA,EAAA;AAAA,IAAe,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA,CAAA;AACnD;;;;"}

package/dist/esm/components/atoms/Icon/FontAwesome.d.ts

@@ -1,7 +0,0 @@
-import { IconSizeType } from '@tecsinapse/react-core';
-declare const FontAwesome: ({ size, color, name, }: {
-    size: IconSizeType;
-    color: string;
-    name: string;
-}) => JSX.Element;
-export default FontAwesome;

package/dist/esm/components/atoms/Icon/FontAwesome.js

@@ -1,18 +0,0 @@
-import FontAwesomeRNVI from 'react-native-vector-icons/dist/FontAwesome';
-import { getStyledIcon } from './helpers.js';
-import React__default from 'react';
-
-const FontAwesome = ({
-  size,
-  color,
-  name
-}) => {
-  const Icon = getStyledIcon(FontAwesomeRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, {
-    name,
-    color
-  });
-};
-
-export { FontAwesome as default };
-//# sourceMappingURL=FontAwesome.js.map

package/dist/esm/components/atoms/Icon/FontAwesome.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FontAwesome.js","sources":["../../../../../src/components/atoms/Icon/FontAwesome.tsx"],"sourcesContent":["import FontAwesomeRNVI from 'react-native-vector-icons/dist/FontAwesome';\nimport { getStyledIcon } from './helpers';\nimport React from 'react';\nimport { IconSizeType } from '@tecsinapse/react-core';\n\nconst FontAwesome = ({\n  size,\n  color,\n  name,\n}: {\n  size: IconSizeType;\n  color: string;\n  name: string;\n}) => {\n  const Icon = getStyledIcon(FontAwesomeRNVI, size);\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return <Icon name={name} color={color} />;\n};\n\nexport default FontAwesome;\n"],"names":["React"],"mappings":";;;;AAKA,MAAM,cAAc,CAAC;AAAA,EACnB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AACF,CAIM,KAAA;AACJ,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,eAAA,EAAiB,IAAI,CAAA,CAAA;AAGhD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACzC;;;;"}

package/dist/esm/components/atoms/Icon/Material.d.ts

@@ -1,7 +0,0 @@
-import { IconSizeType } from '@tecsinapse/react-core';
-declare const Material: ({ size, color, name, }: {
-    size: IconSizeType;
-    color: string;
-    name: string;
-}) => JSX.Element;
-export default Material;

package/dist/esm/components/atoms/Icon/Material.js

@@ -1,18 +0,0 @@
-import React__default from 'react';
-import MaterialRNVI from 'react-native-vector-icons/dist/MaterialIcons';
-import { getStyledIcon } from './helpers.js';
-
-const Material = ({
-  size,
-  color,
-  name
-}) => {
-  const Icon = getStyledIcon(MaterialRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, {
-    name,
-    color
-  });
-};
-
-export { Material as default };
-//# sourceMappingURL=Material.js.map

package/dist/esm/components/atoms/Icon/Material.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Material.js","sources":["../../../../../src/components/atoms/Icon/Material.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialRNVI from 'react-native-vector-icons/dist/MaterialIcons';\nimport { getStyledIcon } from './helpers';\nimport { IconSizeType } from '@tecsinapse/react-core';\n\nconst Material = ({\n  size,\n  color,\n  name,\n}: {\n  size: IconSizeType;\n  color: string;\n  name: string;\n}) => {\n  const Icon = getStyledIcon(MaterialRNVI, size);\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return <Icon name={name} color={color} />;\n};\n\nexport default Material;\n"],"names":["React"],"mappings":";;;;AAKA,MAAM,WAAW,CAAC;AAAA,EAChB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AACF,CAIM,KAAA;AACJ,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,YAAA,EAAc,IAAI,CAAA,CAAA;AAG7C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACzC;;;;"}

package/dist/esm/components/atoms/Icon/MaterialCommunity.d.ts

@@ -1,9 +0,0 @@
-import { IconSizeType } from '@tecsinapse/react-core';
-import { StyleProp, TextStyle } from 'react-native';
-declare const MaterialCommunity: ({ size, color, name, ...rest }: {
-    size: IconSizeType;
-    color: string;
-    name: string;
-    style?: StyleProp<TextStyle>;
-}) => JSX.Element;
-export default MaterialCommunity;

package/dist/esm/components/atoms/Icon/MaterialCommunity.js

@@ -1,54 +0,0 @@
-import React__default from 'react';
-import MaterialCommunityRNVI from 'react-native-vector-icons/dist/MaterialCommunityIcons';
-import { getStyledIcon } from './helpers.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const MaterialCommunity = (_a) => {
-  var _b = _a, {
-    size,
-    color,
-    name
-  } = _b, rest = __objRest(_b, [
-    "size",
-    "color",
-    "name"
-  ]);
-  const Icon = getStyledIcon(MaterialCommunityRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, __spreadProps(__spreadValues({}, rest), {
-    name,
-    color
-  }));
-};
-
-export { MaterialCommunity as default };
-//# sourceMappingURL=MaterialCommunity.js.map

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

@@ -1 +0,0 @@
-{"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 './helpers';\nimport { IconSizeType } from '@tecsinapse/react-core';\nimport { StyleProp, TextStyle } from 'react-native';\n\nconst MaterialCommunity = ({\n  size,\n  color,\n  name,\n  ...rest\n}: {\n  size: IconSizeType;\n  color: string;\n  name: string;\n  style?: StyleProp<TextStyle>;\n}) => {\n  const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default MaterialCommunity;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMM,MAAA,iBAAA,GAAoB,CAAC,EAUrB,KAAA;AAVqB,EACzB,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,GATF,GAM2B,EAItB,EAAA,IAAA,GAAA,SAAA,CAJsB,EAItB,EAAA;AAAA,IAHH,MAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAQA,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AAGtD,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,uCAAS,IAAT,CAAA,EAAA;AAAA,IAAe,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA,CAAA;AACnD;;;;"}