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

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

@@ -1,105 +0,0 @@
-'use strict';
-
-var react = require('@emotion/react');
-var React = require('react');
-var styled = require('./styled.cjs');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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 GroupButton = (_a) => {
-  var _b = _a, { style } = _b, rest = __objRest(_b, ["style"]);
-  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledGroupButton, {
-    style
-  }, groupOptions(rest));
-};
-const groupOptions = (_c) => {
-  var _d = _c, {
-    options,
-    renderOption,
-    renderKey,
-    onChange,
-    value,
-    disableAllOptions
-  } = _d, rest = __objRest(_d, [
-    "options",
-    "renderOption",
-    "renderKey",
-    "onChange",
-    "value",
-    "disableAllOptions"
-  ]);
-  const theme = react.useTheme();
-  return options == null ? void 0 : options.map((option, idx) => {
-    var _a;
-    const {
-      value: optionValue,
-      options: {
-        activeStyle,
-        inactiveStyle,
-        activeBackgroundColor,
-        activeBackgroundColorTone,
-        inactiveBackgroundColor,
-        inactiveBackgroundColorTone,
-        disabled = disableAllOptions || ((_a = option.options) == null ? void 0 : _a.disabled)
-      } = {}
-    } = option;
-    const key = renderKey == null ? void 0 : renderKey(optionValue);
-    const active = key === (renderKey == null ? void 0 : renderKey(value));
-    const isFirst = idx === 0;
-    const isLast = idx === options.length - 1;
-    let colors = theme.miscellaneous.surfaceColor;
-    if (active) {
-      colors = theme.color[activeBackgroundColor || "secondary"][activeBackgroundColorTone || "medium"];
-    }
-    if (!active && (inactiveBackgroundColor || inactiveBackgroundColorTone)) {
-      colors = theme.color[inactiveBackgroundColor || "secondary"][inactiveBackgroundColorTone || "medium"];
-    }
-    return /* @__PURE__ */ React__default["default"].createElement(styled.StyledOption, {
-      key
-    }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledPressable, __spreadProps(__spreadValues(__spreadValues({}, rest), option.options), {
-      disabled,
-      isActive: active,
-      isFirstOption: isFirst,
-      isLastOption: isLast,
-      onPress: () => onChange == null ? void 0 : onChange(optionValue),
-      surfaceColor: colors,
-      style: active ? activeStyle : inactiveStyle
-    }), renderOption == null ? void 0 : renderOption(option.value, active)), !isLast && /* @__PURE__ */ React__default["default"].createElement(styled.StyledDivider, null));
-  });
-};
-
-module.exports = GroupButton;
-//# sourceMappingURL=GroupButton.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupButton.cjs","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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"}

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

@@ -1 +0,0 @@
-{"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"],"mappings":"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"}

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

@@ -1,25 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Text = require('../Text/Text.cjs');
-var styled = require('./styled.cjs');
-
-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);
-};
-
-module.exports = GroupButtonOption;
-//# sourceMappingURL=GroupButtonOption.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupButtonOption.cjs","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;;;;"}

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

@@ -1 +0,0 @@
-{"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":["React"],"mappings":";;;;AAUA,MAAM,oBAAoB,CAAC;AAAA,EACzB,aAAgB,GAAA,IAAA;AAAA,EAChB,MAAA;AAAA,EACA,WAAA;AACF,CAA2C,KAAA;AACzC,EAAM,MAAA,UAAA,GAAa,uBAAuB,aAAa,CAAA,CAAA;AACvD,EAAA,uBACGA,cAAA,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;;;;"}

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

@@ -1,126 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('@emotion/native');
-require('react');
-require('../Text/styled.cjs');
-require('../Input/styled.cjs');
-require('currency.js');
-require('../Input/InputElement/InputElement.cjs');
-require('../Input/InputMaskElement/InputMaskElement.cjs');
-require('../Input/PressableInputContainer/styled.cjs');
-require('react-native');
-var ResponsiveFontSize = require('../../../utils/ResponsiveFontSize.cjs');
-var PressableSurface = require('../PressableSurface/PressableSurface.cjs');
-
-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`
-  flex-direction: row;
-`;
-const disabledStyles = ({
-  disabled,
-  isActive
-}) => disabled && !isActive && styled.css`
-    background-color: #dcdcdc;
-  `;
-const getStyledGroupItemText = (component) => {
-  return styled__default["default"](component)`
-    color: ${({ active, theme }) => active ? theme.miscellaneous.surfaceColor : theme.color.secondary.medium};
-  `;
-};
-const activeStyles = ({
-  theme,
-  isActive,
-  activeBorderColor = "secondary",
-  activeBorderColorTone = "medium"
-}) => isActive && styled.css`
-    border-color: ${theme == null ? void 0 : theme.color[activeBorderColor][activeBorderColorTone]};
-  `;
-const inactiveStyles = ({
-  theme,
-  isActive,
-  inactiveBackgroundColor,
-  inactiveBackgroundColorTone,
-  inactiveBorderColor = "secondary",
-  inactiveBorderColorTone = "light"
-}) => {
-  if (!isActive && inactiveBackgroundColor && inactiveBackgroundColorTone) {
-    return styled.css`
-      border-color: ${theme == null ? void 0 : theme.color[inactiveBorderColor][inactiveBorderColorTone]};
-    `;
-  }
-  if (!isActive) {
-    return styled.css`
-      border-color: ${theme == null ? void 0 : theme.color[inactiveBorderColor][inactiveBorderColorTone]};
-    `;
-  }
-};
-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};
-  `;
-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};
-  `;
-const sizeStyles = ({
-  theme,
-  buttonSize = "small"
-}) => {
-  switch (buttonSize) {
-    case "small":
-      return styled.css`
-        padding: ${theme == null ? void 0 : theme.spacing.mili} ${theme == null ? void 0 : 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};
-        min-height: ${ResponsiveFontSize.RFValueStr("44px")};
-      `;
-  }
-};
-const StyledPressableBase = styled__default["default"](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`
-  flex-direction: row;
-  flex: 1;
-`;
-const StyledDivider = styled__default["default"].View`
-  width: ${({ theme }) => theme.borderWidth.pico};
-  background-color: ${({ theme }) => theme.color.secondary.light}; ;
-`;
-const StyledPressable = styled__default["default"](StyledPressableBase)(
-  (props) => styled.css`
-    ${activeStyles(props)}
-    ${inactiveStyles(props)}
-    ${leftStyles(props)}
-    ${rightStyles(props)}
-    ${sizeStyles(props)}
-    ${disabledStyles(props)}
-  `
-);
-
-exports.StyledDivider = StyledDivider;
-exports.StyledGroupButton = StyledGroupButton;
-exports.StyledOption = StyledOption;
-exports.StyledPressable = StyledPressable;
-exports.getStyledGroupItemText = getStyledGroupItemText;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","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/components/atoms/GroupButton/styled.js.map

@@ -1 +0,0 @@
-{"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":[],"mappings":"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"}

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

@@ -1,74 +0,0 @@
-'use strict';
-
-var React = require('react');
-var reactNative = require('react-native');
-var react = require('@emotion/react');
-var helpers = require('./helpers.cjs');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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 Icon = (_a) => {
-  var _b = _a, {
-    name,
-    size = "centi",
-    type,
-    style,
-    fontColor = "dark",
-    colorVariant,
-    colorTone = "medium"
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "size",
-    "type",
-    "style",
-    "fontColor",
-    "colorVariant",
-    "colorTone"
-  ]);
-  const theme = react.useTheme();
-  const color = helpers.getIconColor(colorVariant, colorTone, fontColor, theme);
-  const RNVIcon = helpers.getIconComponent(type, size);
-  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Suspense, {
-    fallback: /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, null, " ")
-  }, /* @__PURE__ */ React__default["default"].createElement(RNVIcon, __spreadProps(__spreadValues({}, rest), {
-    style,
-    name,
-    color
-  })));
-};
-
-module.exports = Icon;
-//# sourceMappingURL=Icon.cjs.map

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

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

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

@@ -1,68 +0,0 @@
-import React__default from 'react';
-import { Text } from 'react-native';
-import { useTheme } from '@emotion/react';
-import { getIconColor, getIconComponent } from './helpers.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Icon = (_a) => {
-  var _b = _a, {
-    name,
-    size = "centi",
-    type,
-    style,
-    fontColor = "dark",
-    colorVariant,
-    colorTone = "medium"
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "size",
-    "type",
-    "style",
-    "fontColor",
-    "colorVariant",
-    "colorTone"
-  ]);
-  const theme = useTheme();
-  const color = getIconColor(colorVariant, colorTone, fontColor, theme);
-  const RNVIcon = getIconComponent(type, size);
-  return /* @__PURE__ */ React__default.createElement(React__default.Suspense, {
-    fallback: /* @__PURE__ */ React__default.createElement(Text, null, " ")
-  }, /* @__PURE__ */ React__default.createElement(RNVIcon, __spreadProps(__spreadValues({}, rest), {
-    style,
-    name,
-    color
-  })));
-};
-
-export { Icon as default };
-//# sourceMappingURL=Icon.js.map

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

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

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

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

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

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

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

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