@tecsinapse/react-core 1.22.8 → 2.0.1

package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js

@@ -4,21 +4,13 @@ var React = require('react');
 var Text = require('../Text/Text.js');
 var styled = require('./styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const GroupButtonOption = ({
   TextComponent = Text,
   active,
   description
 }) => {
   const StyledText = styled.getStyledGroupItemText(TextComponent);
-  return /* @__PURE__ */ React__default["default"].createElement(StyledText, {
-    fontWeight: "bold",
-    typography: "sub",
-    active
-  }, description);
+  return /* @__PURE__ */ React.createElement(StyledText, { fontWeight: "bold", typography: "sub", active }, description);
 };
 
 module.exports = GroupButtonOption;

package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupButtonOption.js","sources":["../../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Text, TextProps } from '../Text';\nimport { getStyledGroupItemText } from './styled';\n\nexport interface GroupButtonOptionProps {\n  active: boolean;\n  description: string;\n  TextComponent?: FC<TextProps>;\n}\n\nconst GroupButtonOption = ({\n  TextComponent = Text,\n  active,\n  description,\n}: GroupButtonOptionProps): JSX.Element => {\n  const StyledText = getStyledGroupItemText(TextComponent);\n  return (\n    <StyledText fontWeight=\"bold\" typography=\"sub\" active={active}>\n      {description}\n    </StyledText>\n  );\n};\n\nexport default GroupButtonOption;\n"],"names":["getStyledGroupItemText","React"],"mappings":";;;;;;;;;;AAUA,MAAM,oBAAoB,CAAC;AAAA,EACzB,aAAgB,GAAA,IAAA;AAAA,EAChB,MAAA;AAAA,EACA,WAAA;AACF,CAA2C,KAAA;AACzC,EAAM,MAAA,UAAA,GAAaA,8BAAuB,aAAa,CAAA,CAAA;AACvD,EAAA,uBACGC,yBAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,UAAW,EAAA,MAAA;AAAA,IAAO,UAAW,EAAA,KAAA;AAAA,IAAM,MAAA;AAAA,GAAA,EAC5C,WACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"GroupButtonOption.js","sources":["../../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Text, TextProps } from '../Text';\nimport { getStyledGroupItemText } from './styled';\n\nexport interface GroupButtonOptionProps {\n  active: boolean;\n  description: string;\n  TextComponent?: FC<TextProps>;\n}\n\nconst GroupButtonOption = ({\n  TextComponent = Text,\n  active,\n  description,\n}: GroupButtonOptionProps): JSX.Element => {\n  const StyledText = getStyledGroupItemText(TextComponent);\n  return (\n    <StyledText fontWeight=\"bold\" typography=\"sub\" active={active}>\n      {description}\n    </StyledText>\n  );\n};\n\nexport default GroupButtonOption;\n"],"names":["getStyledGroupItemText"],"mappings":";;;;;;AAUA,MAAM,oBAAoB,CAAC;AAAA,EACzB,aAAgB,GAAA,IAAA;AAAA,EAChB,MAAA;AAAA,EACA,WAAA;AACF,CAA2C,KAAA;AACzC,EAAM,MAAA,UAAA,GAAaA,8BAAuB,aAAa,CAAA,CAAA;AACvD,EAAA,2CACG,UAAW,EAAA,EAAA,UAAA,EAAW,QAAO,UAAW,EAAA,KAAA,EAAM,UAC5C,WACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/GroupButton/styled.d.ts

@@ -16,8 +16,6 @@ export declare const StyledGroupButton: import("@emotion/native").StyledComponen
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const getStyledGroupItemText: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & Partial<GroupButtonOptionProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
@@ -34,8 +32,6 @@ export declare const StyledDivider: import("@emotion/native").StyledComponent<im
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const StyledPressable: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & PressableOptions & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var styled = require('@emotion/native');
 require('react');
 require('../Text/styled.js');
@@ -14,11 +12,7 @@ require('react-native');
 var ResponsiveFontSize = require('../../../utils/ResponsiveFontSize.js');
 var PressableSurface = require('../PressableSurface/PressableSurface.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledGroupButton = styled__default["default"].View`
+const StyledGroupButton = styled.View`
   flex-direction: row;
 `;
 const disabledStyles = ({
@@ -28,7 +22,7 @@ const disabledStyles = ({
     background-color: #dcdcdc;
   `;
 const getStyledGroupItemText = (component) => {
-  return styled__default["default"](component)`
+  return styled(component)`
     color: ${({ active, theme }) => active ? theme.miscellaneous.surfaceColor : theme.color.secondary.medium};
   `;
 };
@@ -92,22 +86,22 @@ const sizeStyles = ({
       `;
   }
 };
-const StyledPressableBase = styled__default["default"](PressableSurface)`
+const StyledPressableBase = styled(PressableSurface)`
   border-top-width: ${({ theme }) => theme.borderWidth.pico};
   border-bottom-width: ${({ theme }) => theme.borderWidth.pico};
   justify-content: center;
   align-items: center;
   flex: 1;
 `;
-const StyledOption = styled__default["default"].View`
+const StyledOption = styled.View`
   flex-direction: row;
   flex: 1;
 `;
-const StyledDivider = styled__default["default"].View`
+const StyledDivider = styled.View`
   width: ${({ theme }) => theme.borderWidth.pico};
   background-color: ${({ theme }) => theme.color.secondary.light}; ;
 `;
-const StyledPressable = styled__default["default"](StyledPressableBase)(
+const StyledPressable = styled(StyledPressableBase)(
   (props) => styled.css`
     ${activeStyles(props)}
     ${inactiveStyles(props)}

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/GroupButton/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { ButtonSizeType } from '../Button';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { GroupButtonOptions } from './GroupButton';\nimport { GroupButtonOptionProps } from './GroupButtonOption';\n\ninterface PressableOptions extends GroupButtonOptions {\n  isActive: boolean;\n  isFirstOption: boolean;\n  isLastOption: boolean;\n  buttonSize?: ButtonSizeType;\n}\n\nexport const StyledGroupButton = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n`;\n\n// TO FIXED: hexa color to theme definitions\nconst disabledStyles = ({\n  disabled,\n  isActive,\n}: PressableOptions & Partial<StyleProps>) =>\n  disabled &&\n  !isActive &&\n  css`\n    background-color: #dcdcdc;\n  `;\n\nexport const getStyledGroupItemText = (component: FC<TextProps>) => {\n  return styled(component)<\n    Partial<GroupButtonOptionProps> & Partial<StyleProps>\n  >`\n    color: ${({ active, theme }) =>\n      active ? theme.miscellaneous.surfaceColor : theme.color.secondary.medium};\n  `;\n};\n\nconst activeStyles = ({\n  theme,\n  isActive,\n  activeBorderColor = 'secondary',\n  activeBorderColorTone = 'medium',\n}: PressableOptions & Partial<StyleProps>) =>\n  isActive &&\n  css`\n    border-color: ${theme?.color[activeBorderColor][activeBorderColorTone]};\n  `;\n\nconst inactiveStyles = ({\n  theme,\n  isActive,\n  inactiveBackgroundColor,\n  inactiveBackgroundColorTone,\n  inactiveBorderColor = 'secondary',\n  inactiveBorderColorTone = 'light',\n}: PressableOptions & Partial<StyleProps>) => {\n  if (!isActive && inactiveBackgroundColor && inactiveBackgroundColorTone) {\n    return css`\n      border-color: ${theme?.color[inactiveBorderColor][\n        inactiveBorderColorTone\n      ]};\n    `;\n  }\n\n  if (!isActive) {\n    return css`\n      border-color: ${theme?.color[inactiveBorderColor][\n        inactiveBorderColorTone\n      ]};\n    `;\n  }\n};\n\nconst leftStyles = ({\n  theme,\n  isFirstOption,\n}: PressableOptions & Partial<StyleProps>) =>\n  isFirstOption &&\n  css`\n    border-top-left-radius: ${theme?.borderRadius.mili};\n    border-bottom-left-radius: ${theme?.borderRadius.mili};\n    border-left-width: ${theme?.borderWidth.pico};\n  `;\n\nconst rightStyles = ({\n  theme,\n  isLastOption,\n}: PressableOptions & Partial<StyleProps>) =>\n  isLastOption &&\n  css`\n    border-top-right-radius: ${theme?.borderRadius.mili};\n    border-bottom-right-radius: ${theme?.borderRadius.mili};\n    border-right-width: ${theme?.borderWidth.pico};\n  `;\n\nconst sizeStyles = ({\n  theme,\n  buttonSize = 'small',\n}: PressableOptions & Partial<StyleProps>) => {\n  switch (buttonSize) {\n    case 'small':\n      return css`\n        padding: ${theme?.spacing.mili} ${theme?.spacing.deca};\n        min-height: ${RFValueStr('34px')};\n      `;\n    default:\n      return css`\n        padding: ${theme?.spacing.mili} ${theme?.spacing.kilo};\n        min-height: ${RFValueStr('44px')};\n      `;\n  }\n};\n\nconst StyledPressableBase = styled(PressableSurface)<\n  PressableOptions & Partial<StyleProps>\n>`\n  border-top-width: ${({ theme }) => theme.borderWidth.pico};\n  border-bottom-width: ${({ theme }) => theme.borderWidth.pico};\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n`;\n\nexport const StyledOption = styled.View`\n  flex-direction: row;\n  flex: 1;\n`;\n\nexport const StyledDivider = styled.View<Partial<StyleProps>>`\n  width: ${({ theme }) => theme.borderWidth.pico};\n  background-color: ${({ theme }) => theme.color.secondary.light}; ;\n`;\n\nexport const StyledPressable = styled(StyledPressableBase)(\n  (props: PressableOptions & Partial<StyleProps>) => css`\n    ${activeStyles(props)}\n    ${inactiveStyles(props)}\n    ${leftStyles(props)}\n    ${rightStyles(props)}\n    ${sizeStyles(props)}\n    ${disabledStyles(props)}\n  `\n);\n"],"names":["styled","css","RFValueStr"],"mappings":"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"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/GroupButton/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { ButtonSizeType } from '../Button';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { GroupButtonOptions } from './GroupButton';\nimport { GroupButtonOptionProps } from './GroupButtonOption';\n\ninterface PressableOptions extends GroupButtonOptions {\n  isActive: boolean;\n  isFirstOption: boolean;\n  isLastOption: boolean;\n  buttonSize?: ButtonSizeType;\n}\n\nexport const StyledGroupButton = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n`;\n\n// TO FIXED: hexa color to theme definitions\nconst disabledStyles = ({\n  disabled,\n  isActive,\n}: PressableOptions & Partial<StyleProps>) =>\n  disabled &&\n  !isActive &&\n  css`\n    background-color: #dcdcdc;\n  `;\n\nexport const getStyledGroupItemText = (component: FC<TextProps>) => {\n  return styled(component)<\n    Partial<GroupButtonOptionProps> & Partial<StyleProps>\n  >`\n    color: ${({ active, theme }) =>\n      active ? theme.miscellaneous.surfaceColor : theme.color.secondary.medium};\n  `;\n};\n\nconst activeStyles = ({\n  theme,\n  isActive,\n  activeBorderColor = 'secondary',\n  activeBorderColorTone = 'medium',\n}: PressableOptions & Partial<StyleProps>) =>\n  isActive &&\n  css`\n    border-color: ${theme?.color[activeBorderColor][activeBorderColorTone]};\n  `;\n\nconst inactiveStyles = ({\n  theme,\n  isActive,\n  inactiveBackgroundColor,\n  inactiveBackgroundColorTone,\n  inactiveBorderColor = 'secondary',\n  inactiveBorderColorTone = 'light',\n}: PressableOptions & Partial<StyleProps>) => {\n  if (!isActive && inactiveBackgroundColor && inactiveBackgroundColorTone) {\n    return css`\n      border-color: ${theme?.color[inactiveBorderColor][\n        inactiveBorderColorTone\n      ]};\n    `;\n  }\n\n  if (!isActive) {\n    return css`\n      border-color: ${theme?.color[inactiveBorderColor][\n        inactiveBorderColorTone\n      ]};\n    `;\n  }\n};\n\nconst leftStyles = ({\n  theme,\n  isFirstOption,\n}: PressableOptions & Partial<StyleProps>) =>\n  isFirstOption &&\n  css`\n    border-top-left-radius: ${theme?.borderRadius.mili};\n    border-bottom-left-radius: ${theme?.borderRadius.mili};\n    border-left-width: ${theme?.borderWidth.pico};\n  `;\n\nconst rightStyles = ({\n  theme,\n  isLastOption,\n}: PressableOptions & Partial<StyleProps>) =>\n  isLastOption &&\n  css`\n    border-top-right-radius: ${theme?.borderRadius.mili};\n    border-bottom-right-radius: ${theme?.borderRadius.mili};\n    border-right-width: ${theme?.borderWidth.pico};\n  `;\n\nconst sizeStyles = ({\n  theme,\n  buttonSize = 'small',\n}: PressableOptions & Partial<StyleProps>) => {\n  switch (buttonSize) {\n    case 'small':\n      return css`\n        padding: ${theme?.spacing.mili} ${theme?.spacing.deca};\n        min-height: ${RFValueStr('34px')};\n      `;\n    default:\n      return css`\n        padding: ${theme?.spacing.mili} ${theme?.spacing.kilo};\n        min-height: ${RFValueStr('44px')};\n      `;\n  }\n};\n\nconst StyledPressableBase = styled(PressableSurface)<\n  PressableOptions & Partial<StyleProps>\n>`\n  border-top-width: ${({ theme }) => theme.borderWidth.pico};\n  border-bottom-width: ${({ theme }) => theme.borderWidth.pico};\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n`;\n\nexport const StyledOption = styled.View`\n  flex-direction: row;\n  flex: 1;\n`;\n\nexport const StyledDivider = styled.View<Partial<StyleProps>>`\n  width: ${({ theme }) => theme.borderWidth.pico};\n  background-color: ${({ theme }) => theme.color.secondary.light}; ;\n`;\n\nexport const StyledPressable = styled(StyledPressableBase)(\n  (props: PressableOptions & Partial<StyleProps>) => css`\n    ${activeStyles(props)}\n    ${inactiveStyles(props)}\n    ${leftStyles(props)}\n    ${rightStyles(props)}\n    ${sizeStyles(props)}\n    ${disabledStyles(props)}\n  `\n);\n"],"names":["css","RFValueStr"],"mappings":"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"}

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

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

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

@@ -4,18 +4,9 @@ var React = require('react');
 var AntDesignRNVI = require('react-native-vector-icons/dist/AntDesign');
 var styled = require('./styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var AntDesignRNVI__default = /*#__PURE__*/_interopDefaultLegacy(AntDesignRNVI);
-
 const AntDesign = ({ size, color, name, ...rest }) => {
-  const Icon = styled.getStyledIcon(AntDesignRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    ...rest,
-    name,
-    color
-  });
+  const Icon = styled.getStyledIcon(AntDesignRNVI, size);
+  return /* @__PURE__ */ React.createElement(Icon, { ...rest, name, color });
 };
 
 module.exports = AntDesign;

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

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

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

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

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

@@ -4,18 +4,9 @@ var React = require('react');
 var EntypoRNVI = require('react-native-vector-icons/dist/Entypo');
 var styled = require('./styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var EntypoRNVI__default = /*#__PURE__*/_interopDefaultLegacy(EntypoRNVI);
-
 const Entypo = ({ size, color, name, ...rest }) => {
-  const Icon = styled.getStyledIcon(EntypoRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    ...rest,
-    name,
-    color
-  });
+  const Icon = styled.getStyledIcon(EntypoRNVI, size);
+  return /* @__PURE__ */ React.createElement(Icon, { ...rest, name, color });
 };
 
 module.exports = Entypo;

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

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

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

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

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

@@ -4,18 +4,9 @@ var React = require('react');
 var EvilRNVI = require('react-native-vector-icons/dist/EvilIcons');
 var styled = require('./styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var EvilRNVI__default = /*#__PURE__*/_interopDefaultLegacy(EvilRNVI);
-
 const Evil = ({ size, color, name, ...rest }) => {
-  const Icon = styled.getStyledIcon(EvilRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    ...rest,
-    name,
-    color
-  });
+  const Icon = styled.getStyledIcon(EvilRNVI, size);
+  return /* @__PURE__ */ React.createElement(Icon, { ...rest, name, color });
 };
 
 module.exports = Evil;

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

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

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

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

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

@@ -4,18 +4,9 @@ var React = require('react');
 var FeatherRNVI = require('react-native-vector-icons/dist/Feather');
 var styled = require('./styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var FeatherRNVI__default = /*#__PURE__*/_interopDefaultLegacy(FeatherRNVI);
-
 const Feather = ({ size, color, name, ...rest }) => {
-  const Icon = styled.getStyledIcon(FeatherRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    ...rest,
-    name,
-    color
-  });
+  const Icon = styled.getStyledIcon(FeatherRNVI, size);
+  return /* @__PURE__ */ React.createElement(Icon, { ...rest, name, color });
 };
 
 module.exports = Feather;

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

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

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

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

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

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

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

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

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

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

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

@@ -4,18 +4,9 @@ var React = require('react');
 var FontAwesomeFiveRNVI = require('react-native-vector-icons/dist/FontAwesome5');
 var styled = require('./styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var FontAwesomeFiveRNVI__default = /*#__PURE__*/_interopDefaultLegacy(FontAwesomeFiveRNVI);
-
 const FontAwesomeFive = ({ size, color, name, ...rest }) => {
-  const Icon = styled.getStyledIcon(FontAwesomeFiveRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    ...rest,
-    name,
-    color
-  });
+  const Icon = styled.getStyledIcon(FontAwesomeFiveRNVI, size);
+  return /* @__PURE__ */ React.createElement(Icon, { ...rest, name, color });
 };
 
 module.exports = FontAwesomeFive;

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

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

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

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

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

@@ -4,18 +4,9 @@ var React = require('react');
 var FontistoRNVI = require('react-native-vector-icons/dist/Fontisto');
 var styled = require('./styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var FontistoRNVI__default = /*#__PURE__*/_interopDefaultLegacy(FontistoRNVI);
-
 const Fontisto = ({ size, color, name, ...rest }) => {
-  const Icon = styled.getStyledIcon(FontistoRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    ...rest,
-    name,
-    color
-  });
+  const Icon = styled.getStyledIcon(FontistoRNVI, size);
+  return /* @__PURE__ */ React.createElement(Icon, { ...rest, name, color });
 };
 
 module.exports = Fontisto;

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

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

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

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

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

@@ -4,18 +4,9 @@ var React = require('react');
 var FoundationRNVI = require('react-native-vector-icons/dist/Foundation');
 var styled = require('./styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var FoundationRNVI__default = /*#__PURE__*/_interopDefaultLegacy(FoundationRNVI);
-
 const Foundation = ({ size, color, name, ...rest }) => {
-  const Icon = styled.getStyledIcon(FoundationRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    ...rest,
-    name,
-    color
-  });
+  const Icon = styled.getStyledIcon(FoundationRNVI, size);
+  return /* @__PURE__ */ React.createElement(Icon, { ...rest, name, color });
 };
 
 module.exports = Foundation;

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

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

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

@@ -4,10 +4,6 @@ var React = require('react');
 var useTheme = require('../../../hooks/useTheme.js');
 var functions = require('./functions.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const Icon = ({
   name,
   size = "centi",
@@ -21,13 +17,7 @@ const Icon = ({
   const theme = useTheme.useTheme();
   const color = functions.getIconColor(colorVariant, colorTone, fontColor, theme);
   const RNVIcon = functions.getIconComponent(type);
-  return /* @__PURE__ */ React__default["default"].createElement(RNVIcon, {
-    ...rest,
-    style,
-    name,
-    color,
-    size
-  });
+  return /* @__PURE__ */ React.createElement(RNVIcon, { ...rest, style, name, color, size });
 };
 
 module.exports = Icon;

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 } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n} from '../../../types/defaults';\nimport { useTheme } from '../../../hooks';\nimport { getIconColor, getIconComponent } from './functions';\nimport { IconType } from '../../../styles/definitions';\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();\n  const color = getIconColor(colorVariant, colorTone, fontColor, theme);\n  const RNVIcon = getIconComponent(type);\n\n  return (\n    <RNVIcon {...rest} style={style} name={name} color={color} size={size} />\n  );\n};\n\nexport default Icon;\n"],"names":["useTheme","getIconColor","getIconComponent","React"],"mappings":";;;;;;;;;;AA6BA,MAAM,OAAsB,CAAC;AAAA,EAC3B,IAAA;AAAA,EACA,IAAO,GAAA,OAAA;AAAA,EACP,IAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAY,GAAA,MAAA;AAAA,EACZ,YAAA;AAAA,EACA,SAAY,GAAA,QAAA;AAAA,EACT,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQA,iBAAS,EAAA,CAAA;AACvB,EAAA,MAAM,KAAQ,GAAAC,sBAAA,CAAa,YAAc,EAAA,SAAA,EAAW,WAAW,KAAK,CAAA,CAAA;AACpE,EAAM,MAAA,OAAA,GAAUC,2BAAiB,IAAI,CAAA,CAAA;AAErC,EAAA,uBACGC,yBAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAS,GAAG,IAAA;AAAA,IAAM,KAAA;AAAA,IAAc,IAAA;AAAA,IAAY,KAAA;AAAA,IAAc,IAAA;AAAA,GAAY,CAAA,CAAA;AAE3E;;;;"}
+{"version":3,"file":"Icon.js","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, TextStyle } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n} from '../../../types/defaults';\nimport { useTheme } from '../../../hooks';\nimport { getIconColor, getIconComponent } from './functions';\nimport { IconType } from '../../../styles/definitions';\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();\n  const color = getIconColor(colorVariant, colorTone, fontColor, theme);\n  const RNVIcon = getIconComponent(type);\n\n  return (\n    <RNVIcon {...rest} style={style} name={name} color={color} size={size} />\n  );\n};\n\nexport default Icon;\n"],"names":["useTheme","getIconColor","getIconComponent"],"mappings":";;;;;;AA6BA,MAAM,OAAsB,CAAC;AAAA,EAC3B,IAAA;AAAA,EACA,IAAO,GAAA,OAAA;AAAA,EACP,IAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAY,GAAA,MAAA;AAAA,EACZ,YAAA;AAAA,EACA,SAAY,GAAA,QAAA;AAAA,EACZ,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQA,iBAAS,EAAA,CAAA;AACvB,EAAA,MAAM,KAAQ,GAAAC,sBAAA,CAAa,YAAc,EAAA,SAAA,EAAW,WAAW,KAAK,CAAA,CAAA;AACpE,EAAM,MAAA,OAAA,GAAUC,2BAAiB,IAAI,CAAA,CAAA;AAErC,EAAA,2CACG,OAAS,EAAA,EAAA,GAAG,MAAM,KAAc,EAAA,IAAA,EAAY,OAAc,IAAY,EAAA,CAAA,CAAA;AAE3E;;;;"}

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

@@ -1,9 +1,8 @@
 import React from 'react';
-import { Story } from '@storybook/react';
 import { IconProps } from './Icon';
 declare const _default: {
     title: string;
     component: React.FC<IconProps>;
 };
 export default _default;
-export declare const Base: Story<IconProps>;
+export declare const Base: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;

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

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

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

@@ -4,18 +4,9 @@ var React = require('react');
 var IonRNVI = require('react-native-vector-icons/dist/Ionicons');
 var styled = require('./styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var IonRNVI__default = /*#__PURE__*/_interopDefaultLegacy(IonRNVI);
-
 const Ionicon = ({ size, color, name, ...rest }) => {
-  const Icon = styled.getStyledIcon(IonRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    ...rest,
-    name,
-    color
-  });
+  const Icon = styled.getStyledIcon(IonRNVI, size);
+  return /* @__PURE__ */ React.createElement(Icon, { ...rest, name, color });
 };
 
 module.exports = Ionicon;

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

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

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

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

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

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

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

@@ -1 +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 './styled';\nimport { IconInternalProps } from './types';\n\nconst Material = ({ size, color, name, ...rest }: IconInternalProps) => {\n  const Icon = getStyledIcon(MaterialRNVI, size);\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Material;\n"],"names":["getStyledIcon","MaterialRNVI","React"],"mappings":";;;;;;;;;;;AAKA,MAAM,WAAW,CAAC,EAAE,MAAM,KAAO,EAAA,IAAA,EAAA,GAAS,MAA8B,KAAA;AACtE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAAC,gCAAA,EAAc,IAAI,CAAA,CAAA;AAC7C,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,IAAM,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,CAAA;AACnD;;;;"}
+{"version":3,"file":"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 './styled';\nimport { IconInternalProps } from './types';\n\nconst Material = ({ size, color, name, ...rest }: IconInternalProps) => {\n  const Icon = getStyledIcon(MaterialRNVI, size);\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Material;\n"],"names":["getStyledIcon"],"mappings":";;;;;;AAKM,MAAA,QAAA,GAAW,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACtE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAA,YAAA,EAAc,IAAI,CAAA,CAAA;AAC7C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}

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

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

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

@@ -4,23 +4,14 @@ var React = require('react');
 var MaterialCommunityRNVI = require('react-native-vector-icons/dist/MaterialCommunityIcons');
 var styled = require('./styled.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var MaterialCommunityRNVI__default = /*#__PURE__*/_interopDefaultLegacy(MaterialCommunityRNVI);
-
 const MaterialCommunity = ({
   size,
   color,
   name,
   ...rest
 }) => {
-  const Icon = styled.getStyledIcon(MaterialCommunityRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    ...rest,
-    name,
-    color
-  });
+  const Icon = styled.getStyledIcon(MaterialCommunityRNVI, size);
+  return /* @__PURE__ */ React.createElement(Icon, { ...rest, name, color });
 };
 
 module.exports = MaterialCommunity;