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

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,25 @@
+'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

@@ -0,0 +1 @@
+{"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/Icon.js

@@ -60,11 +60,12 @@ const Icon = (_a) => {
   ]);
   const theme = react.useTheme();
   const color = helpers.getIconColor(colorVariant, colorTone, fontColor, theme);
-  const RNVIcon = helpers.getIconComponent(type, size);
+  const RNVIcon = helpers.getIconComponent(type);
   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, 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;;;;"}
+{"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;;;;"}

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,25 @@
+'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

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,61 @@
+'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

@@ -0,0 +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 './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/cjs/components/atoms/Icon/helpers.d.ts

@@ -1,4 +1,6 @@
+import { ComponentType } from 'react';
 import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
 export declare const registerCustomIconType: (id: string, customIcon: any) => void;
-export declare const getIconComponent: (type: IconType, size: IconSizeType) => any;
+export declare const getStyledIcon: (Component: ComponentType, size: IconSizeType) => import("@emotion/native").StyledComponent<any, {}, {}>;
+export declare const getIconComponent: (type: IconType) => 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,112 +7,69 @@ var styled = require('@emotion/native');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { '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);
-}
+function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, 'default': e }); }
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 const customIcons = {};
 const getStyledIcon = (Component, size) => styled__default["default"](Component)`
-  font-size: ${({ theme }) => theme.iconSize[size]};
+  font-size: ${({ theme }) => theme == null ? void 0 : theme.iconSize[size]};
   text-align: center;
 `;
-const getIconComponent = (type, size) => {
+const getIconComponent = (type) => {
   switch (type) {
     case "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);
+      const Zocial = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
+      return Zocial;
     case "octicon":
-      const Octicons = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Octicons')); })
-      );
-      return getStyledIcon(Octicons, size);
+      const Octicons = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
+      return Octicons;
     case "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);
+      const Material = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
+      return Material;
     case "material-community":
       const MaterialCommunity = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialCommunityIcons')); })
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./MaterialCommunity.js')); })
       );
-      return getStyledIcon(MaterialCommunity, size);
+      return MaterialCommunity;
     case "ionicon":
-      const Ionicons = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Ionicons')); })
-      );
-      return getStyledIcon(Ionicons, size);
+      const Ionicons = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
+      return Ionicons;
     case "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);
+      const Foundation = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
+      return Foundation;
     case "evilicon":
-      const EvilIcons = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/EvilIcons')); })
-      );
-      return getStyledIcon(EvilIcons, size);
+      const EvilIcons = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
+      return EvilIcons;
     case "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);
+      const Entypo = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
+      return Entypo;
     case "font-awesome":
-      const FontAwesome = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/FontAwesome')); })
-      );
-      return getStyledIcon(FontAwesome, size);
+      const FontAwesome = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./FontAwesome.js')); }));
+      console.log(FontAwesome);
+      return FontAwesome;
     case "font-awesome-5":
-      const FontAwesome5 = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/FontAwesome5')); })
-      );
-      return getStyledIcon(FontAwesome5, size);
+      const FontAwesome5 = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./FontAwesome.js')); }));
+      return FontAwesome5;
     case "simple-line-icon":
-      const SimpleLineIcons = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/SimpleLineIcons')); })
-      );
-      return getStyledIcon(SimpleLineIcons, size);
+      const SimpleLineIcons = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
+      return SimpleLineIcons;
     case "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);
+      const Feather = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
+      return Feather;
     case "antdesign":
     case "ant-design":
-      const AntDesign = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/AntDesign')); })
-      );
-      return getStyledIcon(AntDesign, size);
+      const AntDesign = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
+      return AntDesign;
     case "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);
+      const Fontisto = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
+      return Fontisto;
     default:
       if (Object.prototype.hasOwnProperty.call(customIcons, type)) {
-        return getStyledIcon(customIcons[type], size);
+        return customIcons[type];
       }
-      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 MaterialIcons = React.lazy(async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Material.js')); }));
+      return MaterialIcons;
   }
 };
 const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
@@ -124,4 +81,5 @@ 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 { lazy } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\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, size) => styled(Component)`\n  font-size: ${({ theme }) => 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      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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"}
+{"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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"}

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1 @@
+{"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/Icon.js

@@ -54,11 +54,12 @@ const Icon = (_a) => {
   ]);
   const theme = useTheme();
   const color = getIconColor(colorVariant, colorTone, fontColor, theme);
-  const RNVIcon = getIconComponent(type, size);
+  const RNVIcon = getIconComponent(type);
   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, 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;;;;"}
+{"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;;;;"}

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,18 @@
+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

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,54 @@
+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

@@ -0,0 +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 './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;;;;"}

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

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

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

@@ -3,90 +3,63 @@ import styled from '@emotion/native';
 
 const customIcons = {};
 const getStyledIcon = (Component, size) => styled(Component)`
-  font-size: ${({ theme }) => theme.iconSize[size]};
+  font-size: ${({ theme }) => theme == null ? void 0 : theme.iconSize[size]};
   text-align: center;
 `;
-const getIconComponent = (type, size) => {
+const getIconComponent = (type) => {
   switch (type) {
     case "zocial":
-      const Zocial = lazy(
-        async () => await import('react-native-vector-icons/dist/Zocial')
-      );
-      return getStyledIcon(Zocial, size);
+      const Zocial = lazy(async () => await import('./Material.js'));
+      return Zocial;
     case "octicon":
-      const Octicons = lazy(
-        async () => await import('react-native-vector-icons/dist/Octicons')
-      );
-      return getStyledIcon(Octicons, size);
+      const Octicons = lazy(async () => await import('./Material.js'));
+      return Octicons;
     case "material":
-      const Material = lazy(
-        async () => await import('react-native-vector-icons/dist/MaterialIcons')
-      );
-      return getStyledIcon(Material, size);
+      const Material = lazy(async () => await import('./Material.js'));
+      return Material;
     case "material-community":
       const MaterialCommunity = lazy(
-        async () => await import('react-native-vector-icons/dist/MaterialCommunityIcons')
+        async () => await import('./MaterialCommunity.js')
       );
-      return getStyledIcon(MaterialCommunity, size);
+      return MaterialCommunity;
     case "ionicon":
-      const Ionicons = lazy(
-        async () => await import('react-native-vector-icons/dist/Ionicons')
-      );
-      return getStyledIcon(Ionicons, size);
+      const Ionicons = lazy(async () => await import('./Material.js'));
+      return Ionicons;
     case "foundation":
-      const Foundation = lazy(
-        async () => await import('react-native-vector-icons/dist/Foundation')
-      );
-      return getStyledIcon(Foundation, size);
+      const Foundation = lazy(async () => await import('./Material.js'));
+      return Foundation;
     case "evilicon":
-      const EvilIcons = lazy(
-        async () => await import('react-native-vector-icons/dist/EvilIcons')
-      );
-      return getStyledIcon(EvilIcons, size);
+      const EvilIcons = lazy(async () => await import('./Material.js'));
+      return EvilIcons;
     case "entypo":
-      const Entypo = lazy(
-        async () => await import('react-native-vector-icons/dist/Entypo')
-      );
-      return getStyledIcon(Entypo, size);
+      const Entypo = lazy(async () => await import('./Material.js'));
+      return Entypo;
     case "font-awesome":
-      const FontAwesome = lazy(
-        async () => await import('react-native-vector-icons/dist/FontAwesome')
-      );
-      return getStyledIcon(FontAwesome, size);
+      const FontAwesome = lazy(async () => await import('./FontAwesome.js'));
+      console.log(FontAwesome);
+      return FontAwesome;
     case "font-awesome-5":
-      const FontAwesome5 = lazy(
-        async () => await import('react-native-vector-icons/dist/FontAwesome5')
-      );
-      return getStyledIcon(FontAwesome5, size);
+      const FontAwesome5 = lazy(async () => await import('./FontAwesome.js'));
+      return FontAwesome5;
     case "simple-line-icon":
-      const SimpleLineIcons = lazy(
-        async () => await import('react-native-vector-icons/dist/SimpleLineIcons')
-      );
-      return getStyledIcon(SimpleLineIcons, size);
+      const SimpleLineIcons = lazy(async () => await import('./Material.js'));
+      return SimpleLineIcons;
     case "feather":
-      const Feather = lazy(
-        async () => await import('react-native-vector-icons/dist/Feather')
-      );
-      return getStyledIcon(Feather, size);
+      const Feather = lazy(async () => await import('./Material.js'));
+      return Feather;
     case "antdesign":
     case "ant-design":
-      const AntDesign = lazy(
-        async () => await import('react-native-vector-icons/dist/AntDesign')
-      );
-      return getStyledIcon(AntDesign, size);
+      const AntDesign = lazy(async () => await import('./Material.js'));
+      return AntDesign;
     case "fontisto":
-      const Fontisto = lazy(
-        async () => await import('react-native-vector-icons/dist/Fontisto')
-      );
-      return getStyledIcon(Fontisto, size);
+      const Fontisto = lazy(async () => await import('./Material.js'));
+      return Fontisto;
     default:
       if (Object.prototype.hasOwnProperty.call(customIcons, type)) {
-        return getStyledIcon(customIcons[type], size);
+        return customIcons[type];
       }
-      const MaterialIcons = lazy(
-        async () => await import('react-native-vector-icons/dist/MaterialIcons')
-      );
-      return getStyledIcon(MaterialIcons, size);
+      const MaterialIcons = lazy(async () => await import('./Material.js'));
+      return MaterialIcons;
   }
 };
 const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
@@ -96,5 +69,5 @@ const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
   return theme.font.color[fontColor];
 };
 
-export { getIconColor, getIconComponent };
+export { getIconColor, getIconComponent, getStyledIcon };
 //# 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 { lazy } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\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, size) => styled(Component)`\n  font-size: ${({ theme }) => 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      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":";;;AAYA,MAAM,cAAmB,EAAC,CAAA;AAM1B,MAAM,aAAgB,GAAA,CAAC,SAAW,EAAA,IAAA,KAAS,OAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EAC5C,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA;AAAA,CAAA,CAAA;AAIhC,MAAA,gBAAA,GAAmB,CAAC,IAAA,EAAgB,IAA4B,KAAA;AAC3E,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,QAAA;AACH,MAAA,MAAM,MAAS,GAAA,IAAA;AAAA,QACb,YAAY,MAAM,OAAO,uCAAA,CAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA,IACnC,KAAK,SAAA;AACH,MAAA,MAAM,QAAW,GAAA,IAAA;AAAA,QACf,YAAY,MAAM,OAAO,yCAAA,CAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,UAAU,IAAI,CAAA,CAAA;AAAA,IACrC,KAAK,UAAA;AACH,MAAA,MAAM,QAAW,GAAA,IAAA;AAAA,QACf,YAAY,MAAM,OAAO,8CAAA,CAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,UAAU,IAAI,CAAA,CAAA;AAAA,IACrC,KAAK,oBAAA;AACH,MAAA,MAAM,iBAAoB,GAAA,IAAA;AAAA,QACxB,YACE,MAAM,OAAO,uDAAA,CAAA;AAAA,OACjB,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,mBAAmB,IAAI,CAAA,CAAA;AAAA,IAC9C,KAAK,SAAA;AACH,MAAA,MAAM,QAAW,GAAA,IAAA;AAAA,QACf,YAAY,MAAM,OAAO,yCAAA,CAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,UAAU,IAAI,CAAA,CAAA;AAAA,IACrC,KAAK,YAAA;AACH,MAAA,MAAM,UAAa,GAAA,IAAA;AAAA,QACjB,YAAY,MAAM,OAAO,2CAAA,CAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,YAAY,IAAI,CAAA,CAAA;AAAA,IACvC,KAAK,UAAA;AACH,MAAA,MAAM,SAAY,GAAA,IAAA;AAAA,QAChB,YAAY,MAAM,OAAO,0CAAA,CAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,WAAW,IAAI,CAAA,CAAA;AAAA,IACtC,KAAK,QAAA;AACH,MAAA,MAAM,MAAS,GAAA,IAAA;AAAA,QACb,YAAY,MAAM,OAAO,uCAAA,CAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA,IACnC,KAAK,cAAA;AACH,MAAA,MAAM,WAAc,GAAA,IAAA;AAAA,QAClB,YAAY,MAAM,OAAO,4CAAA,CAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,aAAa,IAAI,CAAA,CAAA;AAAA,IACxC,KAAK,gBAAA;AACH,MAAA,MAAM,YAAe,GAAA,IAAA;AAAA,QACnB,YAAY,MAAM,OAAO,6CAAA,CAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,cAAc,IAAI,CAAA,CAAA;AAAA,IACzC,KAAK,kBAAA;AACH,MAAA,MAAM,eAAkB,GAAA,IAAA;AAAA,QACtB,YACE,MAAM,OAAO,gDAAA,CAAA;AAAA,OACjB,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,iBAAiB,IAAI,CAAA,CAAA;AAAA,IAC5C,KAAK,SAAA;AACH,MAAA,MAAM,OAAU,GAAA,IAAA;AAAA,QACd,YAAY,MAAM,OAAO,wCAAA,CAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,SAAS,IAAI,CAAA,CAAA;AAAA,IACpC,KAAK,WAAA,CAAA;AAAA,IACL,KAAK,YAAA;AACH,MAAA,MAAM,SAAY,GAAA,IAAA;AAAA,QAChB,YAAY,MAAM,OAAO,0CAAA,CAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,WAAW,IAAI,CAAA,CAAA;AAAA,IACtC,KAAK,UAAA;AACH,MAAA,MAAM,QAAW,GAAA,IAAA;AAAA,QACf,YAAY,MAAM,OAAO,yCAAA,CAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,UAAU,IAAI,CAAA,CAAA;AAAA,IACrC;AACE,MAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,WAAA,EAAa,IAAI,CAAG,EAAA;AAC3D,QAAO,OAAA,aAAA,CAAc,WAAY,CAAA,IAAA,CAAA,EAAO,IAAI,CAAA,CAAA;AAAA,OAC9C;AACA,MAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,QACpB,YAAY,MAAM,OAAO,8CAAA,CAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,eAAe,IAAI,CAAA,CAAA;AAAA,GAC5C;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":"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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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-core",
   "description": "TecSinapse hybrid React components",
-  "version": "1.21.1-beta.5+39560aa",
+  "version": "1.21.1-beta.7+85cde86",
   "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": "39560aae128e8d49a354e60c066e83eee05398ff"
+  "gitHead": "85cde86f02d97cb1e4a9fd225fe271bef597c31c"
 }