@tecsinapse/react-core 1.19.0 → 1.21.0-beta.13

package/esm/components/atoms/GroupButton/GroupButtonOption.js

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import Text from '../Text/Text.js';
+import { getStyledGroupItemText } from './styled.js';
+
+const GroupButtonOption = ({
+  TextComponent = Text,
+  active,
+  description
+}) => {
+  const StyledText = getStyledGroupItemText(TextComponent);
+  return /* @__PURE__ */ React__default.createElement(StyledText, {
+    fontWeight: "bold",
+    typography: "sub",
+    active
+  }, description);
+};
+
+export { GroupButtonOption as default };
+//# sourceMappingURL=GroupButtonOption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupButtonOption.js","sources":["../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Text, TextProps } from '../Text';\nimport { getStyledGroupItemText } from './styled';\n\nexport interface GroupButtonOptionProps {\n  active: boolean;\n  description: string;\n  TextComponent?: FC<TextProps>;\n}\n\nconst GroupButtonOption = ({\n  TextComponent = Text,\n  active,\n  description,\n}: GroupButtonOptionProps): JSX.Element => {\n  const StyledText = getStyledGroupItemText(TextComponent);\n  return (\n    <StyledText fontWeight=\"bold\" typography=\"sub\" active={active}>\n      {description}\n    </StyledText>\n  );\n};\n\nexport default GroupButtonOption;\n"],"names":["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/esm/components/atoms/GroupButton/index.d.ts

@@ -0,0 +1,4 @@
+export { default as GroupButton } from './GroupButton';
+export type { GroupButtonProps, GroupButtonValue } from './GroupButton';
+export { default as GroupButtonOption } from './GroupButtonOption';
+export type { GroupButtonOptionProps } from './GroupButtonOption';

package/esm/components/atoms/GroupButton/index.js

@@ -0,0 +1,3 @@
+export { default as GroupButton } from './GroupButton';
+export { default as GroupButtonOption } from './GroupButtonOption';
+//# sourceMappingURL=index.js.map

package/esm/components/atoms/GroupButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","GroupButton","GroupButtonOption"],"sources":["../../../../src/components/atoms/GroupButton/index.ts"],"sourcesContent":["export { default as GroupButton } from './GroupButton';\nexport type { GroupButtonProps, GroupButtonValue } from './GroupButton';\nexport { default as GroupButtonOption } from './GroupButtonOption';\nexport type { GroupButtonOptionProps } from './GroupButtonOption';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAApB,QAAuC,eAAvC;AAEA,SAASD,OAAO,IAAIE,iBAApB,QAA6C,qBAA7C"}

package/esm/components/atoms/GroupButton/styled.d.ts

@@ -0,0 +1,42 @@
+import { FC } from 'react';
+import { ButtonSizeType } from '../Button';
+import { TextProps } from '../Text';
+import { GroupButtonOptions } from './GroupButton';
+import { GroupButtonOptionProps } from './GroupButtonOption';
+interface PressableOptions extends GroupButtonOptions {
+    isActive: boolean;
+    isFirstOption: boolean;
+    isLastOption: boolean;
+    buttonSize?: ButtonSizeType;
+}
+export declare const StyledGroupButton: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const getStyledGroupItemText: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<GroupButtonOptionProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const StyledOption: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const StyledDivider: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const StyledPressable: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & PressableOptions & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export {};

package/esm/components/atoms/GroupButton/styled.js

@@ -0,0 +1,114 @@
+import styled, { css } from '@emotion/native';
+import 'react';
+import '../Text/styled.js';
+import '../Input/styled.js';
+import 'currency.js';
+import '../Input/InputElement/InputElement.js';
+import '../Input/InputMaskElement/InputMaskElement.js';
+import '../Input/PressableInputContainer/styled.js';
+import 'react-native';
+import { RFValueStr } from '../../../utils/ResponsiveFontSize.js';
+import PressableSurface from '../PressableSurface/PressableSurface.js';
+
+const StyledGroupButton = styled.View`
+  flex-direction: row;
+`;
+const disabledStyles = ({
+  disabled,
+  isActive
+}) => disabled && !isActive && css`
+    background-color: #dcdcdc;
+  `;
+const getStyledGroupItemText = (component) => {
+  return styled(component)`
+    color: ${({ active, theme }) => active ? theme.miscellaneous.surfaceColor : theme.color.secondary.medium};
+  `;
+};
+const activeStyles = ({
+  theme,
+  isActive,
+  activeBorderColor = "secondary",
+  activeBorderColorTone = "medium"
+}) => isActive && 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 css`
+      border-color: ${theme == null ? void 0 : theme.color[inactiveBorderColor][inactiveBorderColorTone]};
+    `;
+  }
+  if (!isActive) {
+    return css`
+      border-color: ${theme == null ? void 0 : theme.color[inactiveBorderColor][inactiveBorderColorTone]};
+    `;
+  }
+};
+const leftStyles = ({
+  theme,
+  isFirstOption
+}) => isFirstOption && 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 && 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 css`
+        padding: ${theme == null ? void 0 : theme.spacing.mili} ${theme == null ? void 0 : theme.spacing.deca};
+        min-height: ${RFValueStr("34px")};
+      `;
+    default:
+      return css`
+        padding: ${theme == null ? void 0 : theme.spacing.mili} ${theme == null ? void 0 : theme.spacing.kilo};
+        min-height: ${RFValueStr("44px")};
+      `;
+  }
+};
+const StyledPressableBase = styled(PressableSurface)`
+  border-top-width: ${({ theme }) => theme.borderWidth.pico};
+  border-bottom-width: ${({ theme }) => theme.borderWidth.pico};
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+`;
+const StyledOption = styled.View`
+  flex-direction: row;
+  flex: 1;
+`;
+const StyledDivider = styled.View`
+  width: ${({ theme }) => theme.borderWidth.pico};
+  background-color: ${({ theme }) => theme.color.secondary.light}; ;
+`;
+const StyledPressable = styled(StyledPressableBase)(
+  (props) => css`
+    ${activeStyles(props)}
+    ${inactiveStyles(props)}
+    ${leftStyles(props)}
+    ${rightStyles(props)}
+    ${sizeStyles(props)}
+    ${disabledStyles(props)}
+  `
+);
+
+export { StyledDivider, StyledGroupButton, StyledOption, StyledPressable, getStyledGroupItemText };
+//# sourceMappingURL=styled.js.map

package/esm/components/atoms/GroupButton/styled.js.map

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

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

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { StyleProp, TextStyle } from 'react-native';
+import { ColorGradationType, ColorType, FontColorType, IconSizeType, IconType } from '@tecsinapse/react-core';
+export interface IconProps {
+    name: string;
+    size?: IconSizeType;
+    type: IconType;
+    fontColor?: FontColorType;
+    colorVariant?: ColorType;
+    colorTone?: ColorGradationType;
+    style?: StyleProp<TextStyle>;
+}
+declare const Icon: FC<IconProps>;
+export default Icon;

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

@@ -0,0 +1,68 @@
+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/esm/components/atoms/Icon/Icon.js.map

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

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

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

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

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

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

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

package/esm/components/atoms/Icon/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Icon } from './Icon';
+export type { IconProps } from './Icon';

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

@@ -0,0 +1,2 @@
+export { default as Icon } from './Icon';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Icon"],"sources":["../../../../src/components/atoms/Icon/index.ts"],"sourcesContent":["export { default as Icon } from './Icon';\nexport type { IconProps } from './Icon';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAApB,QAAgC,QAAhC"}

package/esm/components/atoms/Input/Hint.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { InputVariantType } from '../Input';
+import { TextProps } from '../Text';
+interface HintProps {
+    text?: string;
+    variant: InputVariantType;
+    TextComponent?: FC<TextProps>;
+}
+declare const Hint: FC<HintProps>;
+export default Hint;

package/esm/components/atoms/Input/Hint.js

@@ -0,0 +1,33 @@
+import React__default from 'react';
+import Text from '../Text/Text.js';
+import { StyledHintContainer, StyledHintIcon } from './styled.js';
+
+const Hint = ({ variant, text, TextComponent = Text }) => {
+  let color;
+  let icon;
+  switch (variant) {
+    case "default":
+      color = "secondary";
+      break;
+    case "error":
+      color = "error";
+      icon = "close-circle-outline";
+      break;
+    case "success":
+      color = "success";
+      icon = "checkmark-circle-outline";
+      break;
+  }
+  return /* @__PURE__ */ React__default.createElement(StyledHintContainer, null, icon && /* @__PURE__ */ React__default.createElement(StyledHintIcon, {
+    name: icon,
+    type: "ionicon",
+    size: "centi",
+    colorVariant: color
+  }), /* @__PURE__ */ React__default.createElement(TextComponent, {
+    typography: "label",
+    colorVariant: color
+  }, text));
+};
+
+export { Hint as default };
+//# sourceMappingURL=Hint.js.map

package/esm/components/atoms/Input/Hint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.js","sources":["../../../../src/components/atoms/Input/Hint.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ColorType } from '../../../types/defaults';\nimport { InputVariantType } from '../Input';\nimport { Text, TextProps } from '../Text';\nimport { StyledHintContainer, StyledHintIcon } from './styled';\n\ninterface HintProps {\n  text?: string;\n  variant: InputVariantType;\n  TextComponent?: FC<TextProps>;\n}\n\nconst Hint: FC<HintProps> = ({ variant, text, TextComponent = Text }) => {\n  let color: ColorType;\n  let icon;\n\n  switch (variant) {\n    case 'default':\n      color = 'secondary';\n      break;\n    case 'error':\n      color = 'error';\n      icon = 'close-circle-outline';\n      break;\n    case 'success':\n      color = 'success';\n      icon = 'checkmark-circle-outline';\n      break;\n  }\n\n  return (\n    <StyledHintContainer>\n      {icon && (\n        <StyledHintIcon\n          name={icon}\n          type=\"ionicon\"\n          size=\"centi\"\n          colorVariant={color}\n        />\n      )}\n      <TextComponent typography=\"label\" colorVariant={color}>\n        {text}\n      </TextComponent>\n    </StyledHintContainer>\n  );\n};\n\nexport default Hint;\n"],"names":["React"],"mappings":";;;;AAYA,MAAM,OAAsB,CAAC,EAAE,SAAS,IAAM,EAAA,aAAA,GAAgB,MAAW,KAAA;AACvE,EAAI,IAAA,KAAA,CAAA;AACJ,EAAI,IAAA,IAAA,CAAA;AAEJ,EAAA,QAAQ,OAAS;AAAA,IACf,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,WAAA,CAAA;AACR,MAAA,MAAA;AAAA,IACF,KAAK,OAAA;AACH,MAAQ,KAAA,GAAA,OAAA,CAAA;AACR,MAAO,IAAA,GAAA,sBAAA,CAAA;AACP,MAAA,MAAA;AAAA,IACF,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,SAAA,CAAA;AACR,MAAO,IAAA,GAAA,0BAAA,CAAA;AACP,MAAA,MAAA;AAAA,GACJ;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,mBACE,EAAA,IAAA,EAAA,IAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,IAAM,EAAA,IAAA;AAAA,IACN,IAAK,EAAA,SAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,IACL,YAAc,EAAA,KAAA;AAAA,GAChB,mBAEDA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IAAc,UAAW,EAAA,OAAA;AAAA,IAAQ,YAAc,EAAA,KAAA;AAAA,GAAA,EAC7C,IACH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/esm/components/atoms/Input/InputContainer/InputContainer.d.ts

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { InputElementProps } from '..';
+import { ColorGradationType, ColorType, FontColorType, FontStackType, FontWeightType, TypographyVariationType } from '@tecsinapse/react-core';
+import { TextProps } from '../../Text';
+export declare type InputVariantType = 'default' | 'error' | 'success';
+export interface InputContainerProps {
+    label?: string;
+    labelColor?: FontColorType;
+    labelColorVariant?: ColorType;
+    labelColorTone?: ColorGradationType;
+    labelTypography?: TypographyVariationType;
+    labelStack?: FontStackType;
+    LabelComponent?: FC<TextProps>;
+    labelWeight?: FontWeightType;
+    leftComponent?: JSX.Element;
+    rightComponent?: JSX.Element;
+    borderColor?: ColorType;
+    borderColorGradation?: ColorGradationType;
+    style?: StyleProp<ViewStyle>;
+    inputContainerStyle?: StyleProp<ViewStyle>;
+    focused?: boolean;
+    disabled?: boolean;
+    variant?: InputVariantType;
+    hint?: string;
+    hintComponent?: JSX.Element;
+}
+declare const InputContainer: FC<InputContainerProps & Partial<InputElementProps>>;
+export default InputContainer;

package/esm/components/atoms/Input/InputContainer/InputContainer.js

@@ -0,0 +1,99 @@
+import React__default from 'react';
+import Text from '../../Text/Text.js';
+import { StyledInputContainer, StyledBorderKeeper, StyledIconContent, StyledLabelContainer } from '../styled.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 InputContainer = (_a) => {
+  var _b = _a, {
+    label,
+    labelColor = "medium",
+    labelColorTone,
+    labelColorVariant,
+    labelTypography = "label",
+    labelStack = "default",
+    labelWeight = "bold",
+    LabelComponent = Text,
+    leftComponent,
+    rightComponent,
+    inputContainerStyle,
+    disabled,
+    focused,
+    variant,
+    children
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "labelColor",
+    "labelColorTone",
+    "labelColorVariant",
+    "labelTypography",
+    "labelStack",
+    "labelWeight",
+    "LabelComponent",
+    "leftComponent",
+    "rightComponent",
+    "inputContainerStyle",
+    "disabled",
+    "focused",
+    "variant",
+    "children"
+  ]);
+  let _defaultLabelColor = labelColorVariant;
+  if (variant === "error")
+    _defaultLabelColor = "error";
+  if (variant === "success")
+    _defaultLabelColor = "success";
+  const _labelColorVariant = disabled ? "secondary" : _defaultLabelColor;
+  const _labelColorTone = disabled ? "light" : labelColorTone;
+  return /* @__PURE__ */ React__default.createElement(StyledInputContainer, __spreadProps(__spreadValues({}, rest), {
+    style: inputContainerStyle,
+    focused,
+    disabled
+  }), /* @__PURE__ */ React__default.createElement(StyledBorderKeeper, {
+    focused,
+    disabled,
+    borderColor: _defaultLabelColor
+  }), leftComponent && /* @__PURE__ */ React__default.createElement(StyledIconContent, null, leftComponent), /* @__PURE__ */ React__default.createElement(StyledLabelContainer, {
+    leftComponent,
+    rightComponent
+  }, label && /* @__PURE__ */ React__default.createElement(LabelComponent, {
+    fontColor: labelColor,
+    colorTone: _labelColorTone,
+    colorVariant: _labelColorVariant,
+    typography: labelTypography,
+    fontWeight: labelWeight,
+    fontStack: labelStack
+  }, label), children), rightComponent && /* @__PURE__ */ React__default.createElement(StyledIconContent, null, rightComponent));
+};
+
+export { InputContainer as default };
+//# sourceMappingURL=InputContainer.js.map

package/esm/components/atoms/Input/InputContainer/InputContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputContainer.js","sources":["../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { InputElementProps } from '..';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { Text, TextProps } from '../../Text';\nimport {\n  StyledBorderKeeper,\n  StyledIconContent,\n  StyledInputContainer,\n  StyledLabelContainer,\n} from '../styled';\n\nexport type InputVariantType = 'default' | 'error' | 'success';\n\nexport interface InputContainerProps {\n  label?: string;\n  labelColor?: FontColorType;\n  labelColorVariant?: ColorType;\n  labelColorTone?: ColorGradationType;\n  labelTypography?: TypographyVariationType;\n  labelStack?: FontStackType;\n  LabelComponent?: FC<TextProps>;\n  labelWeight?: FontWeightType;\n  leftComponent?: JSX.Element;\n  rightComponent?: JSX.Element;\n  borderColor?: ColorType;\n  borderColorGradation?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  inputContainerStyle?: StyleProp<ViewStyle>;\n  focused?: boolean;\n  disabled?: boolean;\n  variant?: InputVariantType;\n  hint?: string;\n  hintComponent?: JSX.Element;\n}\n\nconst InputContainer: FC<InputContainerProps & Partial<InputElementProps>> = ({\n  label,\n  labelColor = 'medium',\n  labelColorTone,\n  labelColorVariant,\n  labelTypography = 'label',\n  labelStack = 'default',\n  labelWeight = 'bold',\n  LabelComponent = Text,\n  leftComponent,\n  rightComponent,\n  inputContainerStyle,\n  disabled,\n  focused,\n  variant,\n  children,\n  ...rest\n}): JSX.Element => {\n  let _defaultLabelColor = labelColorVariant;\n  if (variant === 'error') _defaultLabelColor = 'error';\n  if (variant === 'success') _defaultLabelColor = 'success';\n  const _labelColorVariant = disabled ? 'secondary' : _defaultLabelColor;\n  const _labelColorTone = disabled ? 'light' : labelColorTone;\n\n  return (\n    <StyledInputContainer\n      {...rest}\n      style={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n    >\n      <StyledBorderKeeper\n        focused={focused}\n        disabled={disabled}\n        borderColor={_defaultLabelColor}\n      />\n\n      {leftComponent && <StyledIconContent>{leftComponent}</StyledIconContent>}\n\n      <StyledLabelContainer\n        leftComponent={leftComponent}\n        rightComponent={rightComponent}\n      >\n        {label && (\n          <LabelComponent\n            fontColor={labelColor}\n            colorTone={_labelColorTone}\n            colorVariant={_labelColorVariant}\n            typography={labelTypography}\n            fontWeight={labelWeight}\n            fontStack={labelStack}\n          >\n            {label}\n          </LabelComponent>\n        )}\n        {children}\n      </StyledLabelContainer>\n\n      {rightComponent && (\n        <StyledIconContent>{rightComponent}</StyledIconContent>\n      )}\n    </StyledInputContainer>\n  );\n};\n\nexport default InputContainer;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CM,MAAA,cAAA,GAAuE,CAAC,EAiB3D,KAAA;AAjB2D,EAC5E,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,UAAa,GAAA,QAAA;AAAA,IACb,cAAA;AAAA,IACA,iBAAA;AAAA,IACA,eAAkB,GAAA,OAAA;AAAA,IAClB,UAAa,GAAA,SAAA;AAAA,IACb,WAAc,GAAA,MAAA;AAAA,IACd,cAAiB,GAAA,IAAA;AAAA,IACjB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,mBAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,GA1DF,GA2C8E,EAgBzE,EAAA,IAAA,GAAA,SAAA,CAhByE,EAgBzE,EAAA;AAAA,IAfH,OAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,qBAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,kBAAqB,GAAA,iBAAA,CAAA;AACzB,EAAA,IAAI,OAAY,KAAA,OAAA;AAAS,IAAqB,kBAAA,GAAA,OAAA,CAAA;AAC9C,EAAA,IAAI,OAAY,KAAA,SAAA;AAAW,IAAqB,kBAAA,GAAA,SAAA,CAAA;AAChD,EAAM,MAAA,kBAAA,GAAqB,WAAW,WAAc,GAAA,kBAAA,CAAA;AACpD,EAAM,MAAA,eAAA,GAAkB,WAAW,OAAU,GAAA,cAAA,CAAA;AAE7C,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,uDACK,IADL,CAAA,EAAA;AAAA,IAEC,KAAO,EAAA,mBAAA;AAAA,IACP,OAAA;AAAA,IACA,QAAA;AAAA,GAAA,CAAA,kBAECA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAA,IACC,OAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAa,EAAA,kBAAA;AAAA,GACf,GAEC,aAAiB,oBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAmB,EAAA,IAAA,EAAA,aAAc,mBAEnDA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,cAAA;AAAA,GAAA,EAEC,yBACEA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,SAAW,EAAA,UAAA;AAAA,IACX,SAAW,EAAA,eAAA;AAAA,IACX,YAAc,EAAA,kBAAA;AAAA,IACd,UAAY,EAAA,eAAA;AAAA,IACZ,UAAY,EAAA,WAAA;AAAA,IACZ,SAAW,EAAA,UAAA;AAAA,GAEV,EAAA,KACH,GAED,QACH,CAAA,EAEC,kCACEA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAA,EAAmB,cAAe,CAEvC,CAAA,CAAA;AAEJ;;;;"}