@tecsinapse/react-core 1.21.7 → 1.22.0

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

@@ -1 +1 @@
-{"version":3,"file":"GroupButton.js","sources":["../../../../../src/components/atoms/GroupButton/GroupButton.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '../../../types/defaults';\nimport { ButtonSizeType } from '../Button';\nimport {\n  StyledDivider,\n  StyledGroupButton,\n  StyledOption,\n  StyledPressable,\n} from './styled';\n\nexport interface GroupButtonOptions {\n  activeBackgroundColor?: ColorType;\n  activeBackgroundColorTone?: ColorGradationType;\n  activeBorderColor?: ColorType;\n  activeBorderColorTone?: ColorGradationType;\n  inactiveBackgroundColor?: ColorType;\n  inactiveBackgroundColorTone?: ColorGradationType;\n  inactiveBorderColor?: ColorType;\n  inactiveBorderColorTone?: ColorGradationType;\n  activeStyle?: StyleProp<ViewStyle>;\n  inactiveStyle?: StyleProp<ViewStyle>;\n  disabled?: boolean;\n}\n\nexport interface GroupButtonValue<T> {\n  value: T;\n  options?: GroupButtonOptions;\n}\n\nexport interface GroupButtonProps<T> {\n  value: T;\n  options: GroupButtonValue<T>[];\n  renderKey: (option?: T) => string | number | undefined;\n  renderOption: (option: T, active: boolean) => JSX.Element;\n  onChange: (option: T) => void;\n  buttonSize?: ButtonSizeType;\n  style?: StyleProp<ViewStyle>;\n  disableAllOptions?: boolean;\n}\n\nconst GroupButton = <T,>({ style, ...rest }: GroupButtonProps<T>) => {\n  return (\n    <StyledGroupButton style={style}>{groupOptions(rest)}</StyledGroupButton>\n  );\n};\n\nconst groupOptions = <T,>({\n  options,\n  renderOption,\n  renderKey,\n  onChange,\n  value,\n  disableAllOptions,\n  ...rest\n}: Partial<GroupButtonProps<T>>) => {\n  const theme = useTheme() as ThemeProp;\n  return options?.map((option, idx) => {\n    const {\n      value: optionValue,\n      options: {\n        activeStyle,\n        inactiveStyle,\n        activeBackgroundColor,\n        activeBackgroundColorTone,\n        inactiveBackgroundColor,\n        inactiveBackgroundColorTone,\n        disabled = disableAllOptions || option.options?.disabled,\n      } = {},\n    } = option;\n\n    const key = renderKey?.(optionValue);\n    const active = key === renderKey?.(value);\n    const isFirst = idx === 0;\n    const isLast = idx === options.length - 1;\n\n    let colors = theme.miscellaneous.surfaceColor;\n    if (active) {\n      colors =\n        theme.color[activeBackgroundColor || 'secondary'][\n          activeBackgroundColorTone || 'medium'\n        ];\n    }\n\n    if (!active && (inactiveBackgroundColor || inactiveBackgroundColorTone)) {\n      colors =\n        theme.color[inactiveBackgroundColor || 'secondary'][\n          inactiveBackgroundColorTone || 'medium'\n        ];\n    }\n\n    return (\n      <StyledOption key={key}>\n        <StyledPressable\n          {...rest}\n          {...option.options}\n          disabled={disabled}\n          isActive={active}\n          isFirstOption={isFirst}\n          isLastOption={isLast}\n          onPress={() => onChange?.(optionValue)}\n          surfaceColor={colors}\n          style={active ? activeStyle : inactiveStyle}\n        >\n          {renderOption?.(option.value, active)}\n        </StyledPressable>\n        {!isLast && <StyledDivider />}\n      </StyledOption>\n    );\n  });\n};\n\nexport default GroupButton;\n"],"names":["React","StyledGroupButton","useTheme","StyledOption","StyledPressable","StyledDivider"],"mappings":"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"}
+{"version":3,"file":"GroupButton.js","sources":["../../../../../src/components/atoms/GroupButton/GroupButton.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '../../../types/defaults';\nimport { ButtonSizeType } from '../Button';\nimport {\n  StyledDivider,\n  StyledGroupButton,\n  StyledOption,\n  StyledPressable,\n} from './styled';\n\nexport interface GroupButtonOptions {\n  activeBackgroundColor?: ColorType;\n  activeBackgroundColorTone?: ColorGradationType;\n  activeBorderColor?: ColorType;\n  activeBorderColorTone?: ColorGradationType;\n  inactiveBackgroundColor?: ColorType;\n  inactiveBackgroundColorTone?: ColorGradationType;\n  inactiveBorderColor?: ColorType;\n  inactiveBorderColorTone?: ColorGradationType;\n  activeStyle?: StyleProp<ViewStyle>;\n  inactiveStyle?: StyleProp<ViewStyle>;\n  disabled?: boolean;\n}\n\nexport interface GroupButtonValue<T> {\n  value: T;\n  options?: GroupButtonOptions;\n}\n\nexport interface GroupButtonProps<T> {\n  value: T;\n  options: GroupButtonValue<T>[];\n  renderKey: (option?: T) => string | number | undefined;\n  renderOption: (option: T, active: boolean) => JSX.Element;\n  onChange: (option: T) => void;\n  buttonSize?: ButtonSizeType;\n  style?: StyleProp<ViewStyle>;\n  disableAllOptions?: boolean;\n}\n\nconst GroupButton = <T,>({ style, ...rest }: GroupButtonProps<T>) => {\n  return (\n    <StyledGroupButton style={style}>{groupOptions(rest)}</StyledGroupButton>\n  );\n};\n\nconst groupOptions = <T,>({\n  options,\n  renderOption,\n  renderKey,\n  onChange,\n  value,\n  disableAllOptions,\n  ...rest\n}: Partial<GroupButtonProps<T>>) => {\n  const theme = useTheme() as ThemeProp;\n  return options?.map((option, idx) => {\n    const {\n      value: optionValue,\n      options: {\n        activeStyle,\n        inactiveStyle,\n        activeBackgroundColor,\n        activeBackgroundColorTone,\n        inactiveBackgroundColor,\n        inactiveBackgroundColorTone,\n        disabled = disableAllOptions || option.options?.disabled,\n      } = {},\n    } = option;\n\n    const key = renderKey?.(optionValue);\n    const active = key === renderKey?.(value);\n    const isFirst = idx === 0;\n    const isLast = idx === options.length - 1;\n\n    let colors = theme.miscellaneous.surfaceColor;\n    if (active) {\n      colors =\n        theme.color[activeBackgroundColor || 'secondary'][\n          activeBackgroundColorTone || 'medium'\n        ];\n    }\n\n    if (!active && (inactiveBackgroundColor || inactiveBackgroundColorTone)) {\n      colors =\n        theme.color[inactiveBackgroundColor || 'secondary'][\n          inactiveBackgroundColorTone || 'medium'\n        ];\n    }\n\n    return (\n      <StyledOption key={key}>\n        <StyledPressable\n          {...rest}\n          {...option.options}\n          disabled={disabled}\n          isActive={active}\n          isFirstOption={isFirst}\n          isLastOption={isLast}\n          onPress={() => onChange?.(optionValue)}\n          surfaceColor={colors}\n          style={active ? activeStyle : inactiveStyle}\n        >\n          {renderOption?.(option.value, active)}\n        </StyledPressable>\n        {!isLast && <StyledDivider />}\n      </StyledOption>\n    );\n  });\n};\n\nexport default GroupButton;\n"],"names":["React","StyledGroupButton","useTheme","StyledOption","StyledPressable","StyledDivider"],"mappings":";;;;;;;;;;AA8CA,MAAM,WAAc,GAAA,CAAK,EAAE,KAAA,EAAA,GAAU,MAAgC,KAAA;AACnE,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAAC,wBAAA,EAAA;AAAA,IAAkB,KAAA;AAAA,GAAe,EAAA,YAAA,CAAa,IAAI,CAAE,CAAA,CAAA;AAEzD,EAAA;AAEA,MAAM,eAAe,CAAK;AAAA,EACxB,OAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,iBAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAoC,KAAA;AAClC,EAAA,MAAM,QAAQC,cAAS,EAAA,CAAA;AACvB,EAAA,OAAO,OAAS,EAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,GAAQ,KAAA;AACnC,IAAM,MAAA;AAAA,MACJ,KAAO,EAAA,WAAA;AAAA,MACP,OAAS,EAAA;AAAA,QACP,WAAA;AAAA,QACA,aAAA;AAAA,QACA,qBAAA;AAAA,QACA,yBAAA;AAAA,QACA,uBAAA;AAAA,QACA,2BAAA;AAAA,QACA,QAAA,GAAW,iBAAqB,IAAA,MAAA,CAAO,OAAS,EAAA,QAAA;AAAA,UAC9C,EAAC;AAAA,KACH,GAAA,MAAA,CAAA;AAEJ,IAAM,MAAA,GAAA,GAAM,YAAY,WAAW,CAAA,CAAA;AACnC,IAAM,MAAA,MAAA,GAAS,GAAQ,KAAA,SAAA,GAAY,KAAK,CAAA,CAAA;AACxC,IAAA,MAAM,UAAU,GAAQ,KAAA,CAAA,CAAA;AACxB,IAAM,MAAA,MAAA,GAAS,GAAQ,KAAA,OAAA,CAAQ,MAAS,GAAA,CAAA,CAAA;AAExC,IAAI,IAAA,MAAA,GAAS,MAAM,aAAc,CAAA,YAAA,CAAA;AACjC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,MAAA,GACE,KAAM,CAAA,KAAA,CAAM,qBAAyB,IAAA,WAAA,CAAA,CACnC,yBAA6B,IAAA,QAAA,CAAA,CAAA;AAAA,KAEnC;AAEA,IAAI,IAAA,CAAC,MAAW,KAAA,uBAAA,IAA2B,2BAA8B,CAAA,EAAA;AACvE,MAAA,MAAA,GACE,KAAM,CAAA,KAAA,CAAM,uBAA2B,IAAA,WAAA,CAAA,CACrC,2BAA+B,IAAA,QAAA,CAAA,CAAA;AAAA,KAErC;AAEA,IAAA,uBACGF,yBAAA,CAAA,aAAA,CAAAG,mBAAA,EAAA;AAAA,MAAa,GAAA;AAAA,KAAA,kBACXH,yBAAA,CAAA,aAAA,CAAAI,sBAAA,EAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACH,GAAG,MAAO,CAAA,OAAA;AAAA,MACX,QAAA;AAAA,MACA,QAAU,EAAA,MAAA;AAAA,MACV,aAAe,EAAA,OAAA;AAAA,MACf,YAAc,EAAA,MAAA;AAAA,MACd,OAAA,EAAS,MAAM,QAAA,GAAW,WAAW,CAAA;AAAA,MACrC,YAAc,EAAA,MAAA;AAAA,MACd,KAAA,EAAO,SAAS,WAAc,GAAA,aAAA;AAAA,KAE7B,EAAA,YAAA,GAAe,MAAO,CAAA,KAAA,EAAO,MAAM,CACtC,GACC,CAAC,MAAA,oBAAWJ,yBAAA,CAAA,aAAA,CAAAK,oBAAA,EAAA,IAAc,CAC7B,CAAA,CAAA;AAAA,GAEH,CAAA,CAAA;AACH,CAAA;;;;"}

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

@@ -38,7 +38,7 @@ const activeStyles = ({
   activeBorderColor = "secondary",
   activeBorderColorTone = "medium"
 }) => isActive && styled.css`
-    border-color: ${theme == null ? void 0 : theme.color[activeBorderColor][activeBorderColorTone]};
+    border-color: ${theme?.color[activeBorderColor][activeBorderColorTone]};
   `;
 const inactiveStyles = ({
   theme,
@@ -50,12 +50,12 @@ const inactiveStyles = ({
 }) => {
   if (!isActive && inactiveBackgroundColor && inactiveBackgroundColorTone) {
     return styled.css`
-      border-color: ${theme == null ? void 0 : theme.color[inactiveBorderColor][inactiveBorderColorTone]};
+      border-color: ${theme?.color[inactiveBorderColor][inactiveBorderColorTone]};
     `;
   }
   if (!isActive) {
     return styled.css`
-      border-color: ${theme == null ? void 0 : theme.color[inactiveBorderColor][inactiveBorderColorTone]};
+      border-color: ${theme?.color[inactiveBorderColor][inactiveBorderColorTone]};
     `;
   }
 };
@@ -63,17 +63,17 @@ const leftStyles = ({
   theme,
   isFirstOption
 }) => isFirstOption && styled.css`
-    border-top-left-radius: ${theme == null ? void 0 : theme.borderRadius.mili};
-    border-bottom-left-radius: ${theme == null ? void 0 : theme.borderRadius.mili};
-    border-left-width: ${theme == null ? void 0 : theme.borderWidth.pico};
+    border-top-left-radius: ${theme?.borderRadius.mili};
+    border-bottom-left-radius: ${theme?.borderRadius.mili};
+    border-left-width: ${theme?.borderWidth.pico};
   `;
 const rightStyles = ({
   theme,
   isLastOption
 }) => isLastOption && styled.css`
-    border-top-right-radius: ${theme == null ? void 0 : theme.borderRadius.mili};
-    border-bottom-right-radius: ${theme == null ? void 0 : theme.borderRadius.mili};
-    border-right-width: ${theme == null ? void 0 : theme.borderWidth.pico};
+    border-top-right-radius: ${theme?.borderRadius.mili};
+    border-bottom-right-radius: ${theme?.borderRadius.mili};
+    border-right-width: ${theme?.borderWidth.pico};
   `;
 const sizeStyles = ({
   theme,
@@ -82,12 +82,12 @@ const sizeStyles = ({
   switch (buttonSize) {
     case "small":
       return styled.css`
-        padding: ${theme == null ? void 0 : theme.spacing.mili} ${theme == null ? void 0 : theme.spacing.deca};
+        padding: ${theme?.spacing.mili} ${theme?.spacing.deca};
         min-height: ${ResponsiveFontSize.RFValueStr("34px")};
       `;
     default:
       return styled.css`
-        padding: ${theme == null ? void 0 : theme.spacing.mili} ${theme == null ? void 0 : theme.spacing.kilo};
+        padding: ${theme?.spacing.mili} ${theme?.spacing.kilo};
         min-height: ${ResponsiveFontSize.RFValueStr("44px")};
       `;
   }

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":["styled","css","RFValueStr"],"mappings":"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"}

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

@@ -2,51 +2,20 @@
 
 var React = require('react');
 var AntDesignRNVI = require('react-native-vector-icons/dist/AntDesign');
-var functions = require('./functions.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);
 var AntDesignRNVI__default = /*#__PURE__*/_interopDefaultLegacy(AntDesignRNVI);
 
-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 AntDesign = (_a) => {
-  var _b = _a, { size, color, name } = _b, rest = __objRest(_b, ["size", "color", "name"]);
-  const Icon = functions.getStyledIcon(AntDesignRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, __spreadProps(__spreadValues({}, rest), {
+const AntDesign = ({ size, color, name, ...rest }) => {
+  const Icon = styled.getStyledIcon(AntDesignRNVI__default["default"], size);
+  return /* @__PURE__ */ React__default["default"].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 './functions';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKM,MAAA,SAAA,GAAY,CAAC,EAAsD,KAAA;AAAtD,EAAE,IAAA,EAAA,GAAA,EAAA,EAAA,EAAA,IAAA,EAAM,OAAO,IALlC,EAAA,GAKmB,IAAwB,IAAxB,GAAA,SAAA,CAAA,EAAA,EAAwB,CAAtB,MAAA,EAAM,OAAO,EAAA,MAAA,CAAA,CAAA,CAAA;AAChC,EAAM,MAAA,IAAA,GAAOA,uBAAc,CAAAC,iCAAA,EAAe,IAAI,CAAA,CAAA;AAC9C,EAAO,uBAAAC,yBAAA,CAAA,aAAA,CAAC,uCAAS,IAAT,CAAA,EAAA;AAAA,IAAe,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,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","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;;;;"}

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

@@ -2,51 +2,20 @@
 
 var React = require('react');
 var EntypoRNVI = require('react-native-vector-icons/dist/Entypo');
-var functions = require('./functions.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);
 var EntypoRNVI__default = /*#__PURE__*/_interopDefaultLegacy(EntypoRNVI);
 
-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 Entypo = (_a) => {
-  var _b = _a, { size, color, name } = _b, rest = __objRest(_b, ["size", "color", "name"]);
-  const Icon = functions.getStyledIcon(EntypoRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, __spreadProps(__spreadValues({}, rest), {
+const Entypo = ({ size, color, name, ...rest }) => {
+  const Icon = styled.getStyledIcon(EntypoRNVI__default["default"], size);
+  return /* @__PURE__ */ React__default["default"].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 './functions';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKM,MAAA,MAAA,GAAS,CAAC,EAAsD,KAAA;AAAtD,EAAE,IAAA,EAAA,GAAA,EAAA,EAAA,EAAA,IAAA,EAAM,OAAO,IAL/B,EAAA,GAKgB,IAAwB,IAAxB,GAAA,SAAA,CAAA,EAAA,EAAwB,CAAtB,MAAA,EAAM,OAAO,EAAA,MAAA,CAAA,CAAA,CAAA;AAC7B,EAAM,MAAA,IAAA,GAAOA,uBAAc,CAAAC,8BAAA,EAAY,IAAI,CAAA,CAAA;AAC3C,EAAO,uBAAAC,yBAAA,CAAA,aAAA,CAAC,uCAAS,IAAT,CAAA,EAAA;AAAA,IAAe,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,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","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;;;;"}

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

@@ -2,51 +2,20 @@
 
 var React = require('react');
 var EvilRNVI = require('react-native-vector-icons/dist/EvilIcons');
-var functions = require('./functions.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);
 var EvilRNVI__default = /*#__PURE__*/_interopDefaultLegacy(EvilRNVI);
 
-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 Evil = (_a) => {
-  var _b = _a, { size, color, name } = _b, rest = __objRest(_b, ["size", "color", "name"]);
-  const Icon = functions.getStyledIcon(EvilRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, __spreadProps(__spreadValues({}, rest), {
+const Evil = ({ size, color, name, ...rest }) => {
+  const Icon = styled.getStyledIcon(EvilRNVI__default["default"], size);
+  return /* @__PURE__ */ React__default["default"].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 './functions';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKM,MAAA,IAAA,GAAO,CAAC,EAAsD,KAAA;AAAtD,EAAE,IAAA,EAAA,GAAA,EAAA,EAAA,EAAA,IAAA,EAAM,OAAO,IAL7B,EAAA,GAKc,IAAwB,IAAxB,GAAA,SAAA,CAAA,EAAA,EAAwB,CAAtB,MAAA,EAAM,OAAO,EAAA,MAAA,CAAA,CAAA,CAAA;AAC3B,EAAM,MAAA,IAAA,GAAOA,uBAAc,CAAAC,4BAAA,EAAU,IAAI,CAAA,CAAA;AACzC,EAAO,uBAAAC,yBAAA,CAAA,aAAA,CAAC,uCAAS,IAAT,CAAA,EAAA;AAAA,IAAe,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,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","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;;;;"}

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

@@ -2,51 +2,20 @@
 
 var React = require('react');
 var FeatherRNVI = require('react-native-vector-icons/dist/Feather');
-var functions = require('./functions.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);
 var FeatherRNVI__default = /*#__PURE__*/_interopDefaultLegacy(FeatherRNVI);
 
-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 Feather = (_a) => {
-  var _b = _a, { size, color, name } = _b, rest = __objRest(_b, ["size", "color", "name"]);
-  const Icon = functions.getStyledIcon(FeatherRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, __spreadProps(__spreadValues({}, rest), {
+const Feather = ({ size, color, name, ...rest }) => {
+  const Icon = styled.getStyledIcon(FeatherRNVI__default["default"], size);
+  return /* @__PURE__ */ React__default["default"].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 './functions';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKM,MAAA,OAAA,GAAU,CAAC,EAAsD,KAAA;AAAtD,EAAE,IAAA,EAAA,GAAA,EAAA,EAAA,EAAA,IAAA,EAAM,OAAO,IALhC,EAAA,GAKiB,IAAwB,IAAxB,GAAA,SAAA,CAAA,EAAA,EAAwB,CAAtB,MAAA,EAAM,OAAO,EAAA,MAAA,CAAA,CAAA,CAAA;AAC9B,EAAM,MAAA,IAAA,GAAOA,uBAAc,CAAAC,+BAAA,EAAa,IAAI,CAAA,CAAA;AAC5C,EAAO,uBAAAC,yBAAA,CAAA,aAAA,CAAC,uCAAS,IAAT,CAAA,EAAA;AAAA,IAAe,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,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","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;;;;"}

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

@@ -2,51 +2,20 @@
 
 var React = require('react');
 var FontAwesomeRNVI = require('react-native-vector-icons/dist/FontAwesome');
-var functions = require('./functions.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);
 var FontAwesomeRNVI__default = /*#__PURE__*/_interopDefaultLegacy(FontAwesomeRNVI);
 
-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 FontAwesome = (_a) => {
-  var _b = _a, { size, color, name } = _b, rest = __objRest(_b, ["size", "color", "name"]);
-  const Icon = functions.getStyledIcon(FontAwesomeRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, __spreadProps(__spreadValues({}, rest), {
+const FontAwesome = ({ size, color, name, ...rest }) => {
+  const Icon = styled.getStyledIcon(FontAwesomeRNVI__default["default"], size);
+  return /* @__PURE__ */ React__default["default"].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 './functions';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKM,MAAA,WAAA,GAAc,CAAC,EAAsD,KAAA;AAAtD,EAAE,IAAA,EAAA,GAAA,EAAA,EAAA,EAAA,IAAA,EAAM,OAAO,IALpC,EAAA,GAKqB,IAAwB,IAAxB,GAAA,SAAA,CAAA,EAAA,EAAwB,CAAtB,MAAA,EAAM,OAAO,EAAA,MAAA,CAAA,CAAA,CAAA;AAClC,EAAM,MAAA,IAAA,GAAOA,uBAAc,CAAAC,mCAAA,EAAiB,IAAI,CAAA,CAAA;AAChD,EAAO,uBAAAC,yBAAA,CAAA,aAAA,CAAC,uCAAS,IAAT,CAAA,EAAA;AAAA,IAAe,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,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","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;;;;"}

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

@@ -2,51 +2,20 @@
 
 var React = require('react');
 var FontAwesomeFiveRNVI = require('react-native-vector-icons/dist/FontAwesome5');
-var functions = require('./functions.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);
 var FontAwesomeFiveRNVI__default = /*#__PURE__*/_interopDefaultLegacy(FontAwesomeFiveRNVI);
 
-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 FontAwesomeFive = (_a) => {
-  var _b = _a, { size, color, name } = _b, rest = __objRest(_b, ["size", "color", "name"]);
-  const Icon = functions.getStyledIcon(FontAwesomeFiveRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, __spreadProps(__spreadValues({}, rest), {
+const FontAwesomeFive = ({ size, color, name, ...rest }) => {
+  const Icon = styled.getStyledIcon(FontAwesomeFiveRNVI__default["default"], size);
+  return /* @__PURE__ */ React__default["default"].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 './functions';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKM,MAAA,eAAA,GAAkB,CAAC,EAAsD,KAAA;AAAtD,EAAE,IAAA,EAAA,GAAA,EAAA,EAAA,EAAA,IAAA,EAAM,OAAO,IALxC,EAAA,GAKyB,IAAwB,IAAxB,GAAA,SAAA,CAAA,EAAA,EAAwB,CAAtB,MAAA,EAAM,OAAO,EAAA,MAAA,CAAA,CAAA,CAAA;AACtC,EAAM,MAAA,IAAA,GAAOA,uBAAc,CAAAC,uCAAA,EAAqB,IAAI,CAAA,CAAA;AACpD,EAAO,uBAAAC,yBAAA,CAAA,aAAA,CAAC,uCAAS,IAAT,CAAA,EAAA;AAAA,IAAe,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,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","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;;;;"}

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

@@ -2,51 +2,20 @@
 
 var React = require('react');
 var FontistoRNVI = require('react-native-vector-icons/dist/Fontisto');
-var functions = require('./functions.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);
 var FontistoRNVI__default = /*#__PURE__*/_interopDefaultLegacy(FontistoRNVI);
 
-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 Fontisto = (_a) => {
-  var _b = _a, { size, color, name } = _b, rest = __objRest(_b, ["size", "color", "name"]);
-  const Icon = functions.getStyledIcon(FontistoRNVI__default["default"], size);
-  return /* @__PURE__ */ React__default["default"].createElement(Icon, __spreadProps(__spreadValues({}, rest), {
+const Fontisto = ({ size, color, name, ...rest }) => {
+  const Icon = styled.getStyledIcon(FontistoRNVI__default["default"], size);
+  return /* @__PURE__ */ React__default["default"].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 './functions';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKM,MAAA,QAAA,GAAW,CAAC,EAAsD,KAAA;AAAtD,EAAE,IAAA,EAAA,GAAA,EAAA,EAAA,EAAA,IAAA,EAAM,OAAO,IALjC,EAAA,GAKkB,IAAwB,IAAxB,GAAA,SAAA,CAAA,EAAA,EAAwB,CAAtB,MAAA,EAAM,OAAO,EAAA,MAAA,CAAA,CAAA,CAAA;AAC/B,EAAM,MAAA,IAAA,GAAOA,uBAAc,CAAAC,gCAAA,EAAc,IAAI,CAAA,CAAA;AAC7C,EAAO,uBAAAC,yBAAA,CAAA,aAAA,CAAC,uCAAS,IAAT,CAAA,EAAA;AAAA,IAAe,IAAA;AAAA,IAAY,KAAA;AAAA,GAAc,CAAA,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","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;;;;"}