@tecsinapse/react-core 2.2.1-beta.0 → 2.2.1

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

@@ -21,3 +21,4 @@ const Avatar = ({
 };
 
 module.exports = Avatar;
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\nimport { IconSize } from '../../../types/defaults';\nimport { Text, TextProps } from '../Text';\nimport { getIniciais } from './helpers';\nimport {\n  ContainerButtonAvatar,\n  getStyledTextComponent,\n  StyledAvatar,\n  StyledBackground,\n} from './styled';\n\nexport type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;\n\nexport interface AvatarProps {\n  /** This property should follow react-native spec. If the asset is remote, use `{ uri: 'https://example.com/logo.png' }`.\n   * For local assets, you shold use `require('./logo.png')`. */\n  source?: ImageSourcePropType;\n  name: string;\n  onPress?: () => void;\n  size?: keyof SizeAvatar;\n  TextComponent?: FC<TextProps>;\n}\n\nconst Avatar: React.FC<AvatarProps> = ({\n  source,\n  name,\n  onPress,\n  size = 'mega',\n  TextComponent = Text,\n}) => {\n  const [hasError, setHasError] = React.useState<boolean>(false);\n\n  // If the source changes in runtime, this prevents error from being true always (fallback)\n  React.useEffect(() => {\n    setHasError(false);\n  }, [source]);\n\n  const StyledText = getStyledTextComponent(TextComponent);\n\n  return (\n    <ContainerButtonAvatar effect=\"none\" onPress={onPress} size={size}>\n      {source && !hasError ? (\n        <StyledAvatar source={source} onError={() => setHasError(true)} />\n      ) : (\n        <StyledBackground>\n          <StyledText fontWeight=\"bold\" fontColor=\"light\">\n            {getIniciais(name)}\n          </StyledText>\n        </StyledBackground>\n      )}\n    </ContainerButtonAvatar>\n  );\n};\n\nexport default Avatar;\n"],"names":["getStyledTextComponent","ContainerButtonAvatar","StyledAvatar","StyledBackground","getIniciais"],"mappings":";;;;;;;AAwBA,MAAM,SAAgC,CAAC;AAAA,EACrC,MAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAO,GAAA,MAAA;AAAA,EACP,aAAgB,GAAA,IAAA;AAClB,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,KAAA,CAAM,SAAkB,KAAK,CAAA,CAAA;AAG7D,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,GACnB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAM,MAAA,UAAA,GAAaA,8BAAuB,aAAa,CAAA,CAAA;AAEvD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAC,4BAAA,EAAA,EAAsB,MAAO,EAAA,MAAA,EAAO,OAAkB,EAAA,IAAA,EAAA,EACpD,MAAU,IAAA,CAAC,QACV,mBAAA,KAAA,CAAA,aAAA,CAACC,mBAAa,EAAA,EAAA,MAAA,EAAgB,SAAS,MAAM,WAAA,CAAY,IAAI,CAAA,EAAG,CAEhE,mBAAA,KAAA,CAAA,aAAA,CAACC,uBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,UAAA,EAAW,MAAO,EAAA,SAAA,EAAU,OACrC,EAAA,EAAAC,mBAAA,CAAY,IAAI,CACnB,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Avatar/helpers.js

@@ -9,3 +9,4 @@ const getIniciais = (name) => {
 };
 
 exports.getIniciais = getIniciais;
+//# sourceMappingURL=helpers.js.map

package/dist/cjs/components/atoms/Avatar/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../../src/components/atoms/Avatar/helpers.ts"],"sourcesContent":["export const getIniciais = (name: string): string => {\n  const nameSplit = name.split(' ');\n  if (nameSplit.length > 1) {\n    return nameSplit\n      .slice(0, 2)\n      .map(name => name[0])\n      .join('');\n  }\n  return name[0];\n};\n"],"names":["name"],"mappings":";;AAAa,MAAA,WAAA,GAAc,CAAC,IAAyB,KAAA;AACnD,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAChC,EAAI,IAAA,SAAA,CAAU,SAAS,CAAG,EAAA;AACxB,IAAA,OAAO,SACJ,CAAA,KAAA,CAAM,CAAG,EAAA,CAAC,CACV,CAAA,GAAA,CAAI,CAAAA,KAAAA,KAAQA,KAAK,CAAA,CAAC,CAAC,CAAA,CACnB,KAAK,EAAE,CAAA,CAAA;AAAA,GACZ;AACA,EAAA,OAAO,KAAK,CAAC,CAAA,CAAA;AACf;;;;"}

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

@@ -37,3 +37,4 @@ exports.ContainerButtonAvatar = ContainerButtonAvatar;
 exports.StyledAvatar = StyledAvatar;
 exports.StyledBackground = StyledBackground;
 exports.getStyledTextComponent = getStyledTextComponent;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Avatar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n  Partial<StyleProps & AvatarProps>\n>`\n  width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n  height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n  return styled(component)`\n    text-transform: uppercase;\n    text-align: center;\n    align-self: center;\n    flex: 1;\n  `;\n};\n"],"names":["Image","View"],"mappings":";;;;;;AAQa,MAAA,qBAAA,GAAwB,OAAO,gBAAgB,CAAA,CAAA;AAAA,SAGjD,EAAA,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,QACxB,KAAA,KAAA,CAAM,QAAS,CAAA,IAAI,CAAC,CAAA;AAAA,UACZ,EAAA,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,QACzB,KAAA,KAAA,CAAM,QAAS,CAAA,IAAI,CAAC,CAAA;AAAA,EAAA;AAGX,MAAA,YAAA,GAAe,OAAOA,iBAAK,CAAA,CAAA;AAAA,iBAAA,EACrB,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMxD,MAAA,gBAAA,GAAmB,OAAOC,gBAAI,CAAA,CAAA;AAAA,iBAAA,EACxB,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,oBAAA,EAC/C,CAAC,EAAE,KAAA,OAAwB,KAAM,CAAA,KAAA,CAAM,UAAU,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS9D,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAMzB;;;;;;;"}

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

@@ -14,3 +14,4 @@ const Badge = ({
 };
 
 module.exports = Badge;
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { BadgeStyle, ViewStyled } from './styled';\n\nexport interface BadgeProps {\n  color: ColorType;\n  tone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  value: React.ReactNode;\n  children?: ReactNode;\n}\n\nconst Badge = ({\n  children,\n  style,\n  color = 'primary',\n  tone = 'medium',\n  value,\n}: BadgeProps): JSX.Element => {\n  return (\n    <ViewStyled>\n      {children}\n      <BadgeStyle style={style} color={color} tone={tone}>\n        {value}\n      </BadgeStyle>\n    </ViewStyled>\n  );\n};\n\nexport default Badge;\n"],"names":["ViewStyled","BadgeStyle"],"mappings":";;;;;AAaA,MAAM,QAAQ,CAAC;AAAA,EACb,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AAAA,EACP,KAAA;AACF,CAA+B,KAAA;AAC7B,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,yBACE,QACD,kBAAA,KAAA,CAAA,aAAA,CAACC,qBAAW,KAAc,EAAA,KAAA,EAAc,IACrC,EAAA,EAAA,KACH,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -39,3 +39,4 @@ const ViewStyled = styled(reactNative.View)`
 
 exports.BadgeStyle = BadgeStyle;
 exports.ViewStyled = ViewStyled;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Badge/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { BadgeProps } from './Badge';\n\nconst baseStyle = ({\n  theme,\n  color = 'primary',\n  tone = 'medium',\n}: StyleProps & Partial<BadgeProps>) => {\n  return css`\n    border-radius: ${theme.borderRadius.pill};\n    background-color: ${theme.color[color][tone]};\n    position: absolute;\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    height: ${theme.iconSize.centi};\n    width: ${theme.iconSize.centi};\n    top: ${`${RFValue(-4)}px`};\n    right: ${`${RFValue(-4)}px`};\n  `;\n};\n\nexport const BadgeStyle =\n  styled(View)<Partial<StyleProps & BadgeProps>>(baseStyle);\n\nexport const ViewStyled = styled(View)<Partial<StyleProps & BadgeProps>>`\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  align-self: center;\n`;\n"],"names":["css","RFValue","View"],"mappings":";;;;;;;;;;;;;AAMA,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AACT,CAAwC,KAAA;AACtC,EAAO,OAAAA,UAAA,CAAA;AAAA,mBACY,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,sBAAA,EACpB,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,IAAI,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAKlC,EAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AAAA,WACrB,EAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AAAA,SAAA,EACtB,CAAG,EAAAC,0BAAA,CAAQ,CAAE,CAAA,CAAC,CAAI,EAAA,CAAA,CAAA;AAAA,WAAA,EAChB,CAAG,EAAAA,0BAAA,CAAQ,CAAE,CAAA,CAAC,CAAI,EAAA,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAE/B,CAAA,CAAA;AAEO,MAAM,UACX,GAAA,MAAA,CAAOC,gBAAI,CAAA,CAAoC,SAAS,EAAA;AAE7C,MAAA,UAAA,GAAa,OAAOA,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;"}

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

@@ -8,3 +8,4 @@ const BoxContent = ({ children, ...rest }) => {
 };
 
 module.exports = BoxContent;
+//# sourceMappingURL=BoxContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxContent.js","sources":["../../../../../src/components/atoms/BoxContent/BoxContent.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledBoxContent } from './styled';\n\nexport interface BoxContentProps extends ViewProps {\n  variant: 'top' | 'bottom' | 'left' | 'right';\n}\n\nconst BoxContent: FC<BoxContentProps> = ({ children, ...rest }) => {\n  return <StyledBoxContent {...rest}>{children}</StyledBoxContent>;\n};\n\nexport default BoxContent;\n"],"names":["StyledBoxContent"],"mappings":";;;;;AAQA,MAAM,aAAkC,CAAC,EAAE,QAAU,EAAA,GAAG,MAAW,KAAA;AACjE,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,uBAAA,EAAA,EAAkB,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AAC/C;;;;"}

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

@@ -54,3 +54,4 @@ const StyledBoxContent = styled(StyledBoxContentBase)(
 
 exports.StyledBoxContent = StyledBoxContent;
 exports.elevatedStyles = elevatedStyles;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/BoxContent/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { BoxContentProps } from './BoxContent';\n\nexport const elevatedStyles = ({ theme }: Partial<StyleProps>) => [\n  css({\n    shadowColor: theme?.miscellaneous.shadow,\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.25,\n    shadowRadius: 3.84,\n    elevation: 5,\n  }),\n];\n\nconst topStyles = ({ theme, variant }: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'top' &&\n  css`\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst bottomStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'bottom' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-top-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst leftStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'left' &&\n  css`\n    border-top-right-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst rightStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'right' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n  `;\n\nconst StyledBoxContentBase = styled(View)<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  min-height: ${({ theme }) => theme.spacing.kilo};\n  overflow: hidden;\n`;\n\nexport const StyledBoxContent = styled(StyledBoxContentBase)(\n  props => css`\n    ${elevatedStyles(props)}\n    ${topStyles(props)}\n  ${bottomStyles(props)}\n  ${leftStyles(props)}\n  ${rightStyles(props)}\n  `\n);\n"],"names":["css","View"],"mappings":";;;;;AAKO,MAAM,cAAiB,GAAA,CAAC,EAAE,KAAA,EAAiC,KAAA;AAAA,EAChEA,UAAI,CAAA;AAAA,IACF,WAAA,EAAa,OAAO,aAAc,CAAA,MAAA;AAAA,IAClC,YAAc,EAAA,EAAE,KAAO,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAAA,IACpC,aAAe,EAAA,IAAA;AAAA,IACf,YAAc,EAAA,IAAA;AAAA,IACd,SAAW,EAAA,CAAA;AAAA,GACZ,CAAA;AACH,EAAA;AAEA,MAAM,YAAY,CAAC,EAAE,OAAO,OAAQ,EAAA,KAClC,YAAY,KACZ,IAAAA,UAAA,CAAA;AAAA,+BAC+B,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,gCACtB,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAGzD,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,OAAA;AACF,CAAA,KACE,YAAY,QACZ,IAAAA,UAAA,CAAA;AAAA,4BAC4B,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,6BACtB,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAGtD,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,OAAA;AACF,CAAA,KACE,YAAY,MACZ,IAAAA,UAAA,CAAA;AAAA,6BAC6B,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,gCACpB,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAGzD,MAAM,cAAc,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,OAAA;AACF,CAAA,KACE,YAAY,OACZ,IAAAA,UAAA,CAAA;AAAA,4BAC4B,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,+BACpB,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAGxD,MAAM,oBAAA,GAAuB,OAAOC,gBAAI,CAAA,CAAA;AAAA,oBAAA,EAClB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,cAAA,EACrD,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;AAAA,CAAA,CAAA;AAIpC,MAAA,gBAAA,GAAmB,OAAO,oBAAoB,CAAA;AAAA,EACzD,CAAS,KAAA,KAAAD,UAAA,CAAA;AAAA,IACL,EAAA,cAAA,CAAe,KAAK,CAAC,CAAA;AAAA,IACrB,EAAA,SAAA,CAAU,KAAK,CAAC,CAAA;AAAA,EAClB,EAAA,YAAA,CAAa,KAAK,CAAC,CAAA;AAAA,EACnB,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,EACjB,EAAA,WAAA,CAAY,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAEtB;;;;;"}

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

@@ -62,3 +62,4 @@ const Button = ({
 };
 
 module.exports = Button;
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n  BorderRadiusType,\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  ThemeProp,\n  VariantType,\n} from '../../../types/defaults';\nimport { PressableSurfaceProps } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { StyledButton } from './styled';\n\nexport type ButtonSizeType = 'small' | 'default';\n\nexport type ButtonStateType = 'loading' | 'error' | 'success' | 'default';\n\nexport interface ButtonStateProps {\n  buttonSize?: ButtonSizeType;\n  fontColor?: FontColorType;\n  textComponent?: React.FC<TextProps>;\n  text?: string;\n}\n\nexport interface ButtonProps extends PressableSurfaceProps {\n  style?: StyleProp<ViewStyle>;\n  color?: ColorType;\n  variant?: VariantType;\n  tone?: ColorGradationType;\n  frozen?: boolean | null;\n  borderRadius?: BorderRadiusType;\n  size?: ButtonSizeType;\n  state?: ButtonStateType;\n  loadingComponent?: JSX.Element;\n  errorComponent?: JSX.Element;\n  successComponent?: JSX.Element;\n}\n\nconst Button: FC<ButtonProps> = ({\n  children,\n  style,\n  color = 'primary',\n  variant = 'filled',\n  tone = 'medium',\n  state = 'default',\n  loadingComponent,\n  errorComponent,\n  successComponent,\n  size,\n  frozen,\n  disabled,\n  ...rest\n}): JSX.Element => {\n  const theme = useTheme() as ThemeProp;\n  const _frozen = frozen || state === 'loading';\n  let _color: ColorType;\n  switch (state) {\n    case 'error':\n      _color = 'error';\n      break;\n\n    case 'success':\n      _color = 'success';\n      break;\n\n    default:\n      _color = color;\n      break;\n  }\n\n  let _surfaceColor;\n  if (variant === 'filled') {\n    _surfaceColor = theme.color[_color][tone];\n  }\n\n  if (disabled) {\n    _surfaceColor = theme.color[_color].light;\n  }\n\n  return (\n    <StyledButton\n      {...rest}\n      accessibilityRole=\"button\"\n      style={style}\n      color={_color}\n      tone={tone}\n      surfaceColor={_surfaceColor}\n      variant={variant}\n      size={size}\n      disabled={_frozen || disabled}\n      frozen={disabled}\n    >\n      {state === 'loading' && loadingComponent}\n      {state === 'error' && errorComponent}\n      {state === 'success' && successComponent}\n      {state === 'default' && children}\n    </StyledButton>\n  );\n};\n\nexport default Button;\n"],"names":["useTheme","StyledButton"],"mappings":";;;;;;AAwCA,MAAM,SAA0B,CAAC;AAAA,EAC/B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,OAAU,GAAA,QAAA;AAAA,EACV,IAAO,GAAA,QAAA;AAAA,EACP,KAAQ,GAAA,SAAA;AAAA,EACR,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAmB,KAAA;AACjB,EAAA,MAAM,QAAQA,cAAS,EAAA,CAAA;AACvB,EAAM,MAAA,OAAA,GAAU,UAAU,KAAU,KAAA,SAAA,CAAA;AACpC,EAAI,IAAA,MAAA,CAAA;AACJ,EAAA,QAAQ,KAAO;AAAA,IACb,KAAK,OAAA;AACH,MAAS,MAAA,GAAA,OAAA,CAAA;AACT,MAAA,MAAA;AAAA,IAEF,KAAK,SAAA;AACH,MAAS,MAAA,GAAA,SAAA,CAAA;AACT,MAAA,MAAA;AAAA,IAEF;AACE,MAAS,MAAA,GAAA,KAAA,CAAA;AACT,MAAA,MAAA;AAAA,GACJ;AAEA,EAAI,IAAA,aAAA,CAAA;AACJ,EAAA,IAAI,YAAY,QAAU,EAAA;AACxB,IAAA,aAAA,GAAgB,KAAM,CAAA,KAAA,CAAM,MAAM,CAAA,CAAE,IAAI,CAAA,CAAA;AAAA,GAC1C;AAEA,EAAA,IAAI,QAAU,EAAA;AACZ,IAAgB,aAAA,GAAA,KAAA,CAAM,KAAM,CAAA,MAAM,CAAE,CAAA,KAAA,CAAA;AAAA,GACtC;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,mBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,iBAAkB,EAAA,QAAA;AAAA,MAClB,KAAA;AAAA,MACA,KAAO,EAAA,MAAA;AAAA,MACP,IAAA;AAAA,MACA,YAAc,EAAA,aAAA;AAAA,MACd,OAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAU,OAAW,IAAA,QAAA;AAAA,MACrB,MAAQ,EAAA,QAAA;AAAA,KAAA;AAAA,IAEP,UAAU,SAAa,IAAA,gBAAA;AAAA,IACvB,UAAU,OAAW,IAAA,cAAA;AAAA,IACrB,UAAU,SAAa,IAAA,gBAAA;AAAA,IACvB,UAAU,SAAa,IAAA,QAAA;AAAA,GAC1B,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Button/States/BaseState.js

@@ -19,3 +19,4 @@ const BaseState = ({
 };
 
 module.exports = BaseState;
+//# sourceMappingURL=BaseState.js.map

package/dist/cjs/components/atoms/Button/States/BaseState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseState.js","sources":["../../../../../../src/components/atoms/Button/States/BaseState.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  IconSizeType,\n  TypographyVariationType,\n} from '../../../../types/defaults';\nimport { Icon } from '../../Icon';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton } from './styled';\n\nexport interface BaseStateProps extends ButtonStateProps {\n  icon: string;\n}\n\nconst BaseState: FC<BaseStateProps> = ({\n  textComponent = Text,\n  buttonSize = 'default',\n  fontColor = 'light',\n  icon,\n  text,\n}) => {\n  const typo: TypographyVariationType =\n    buttonSize === 'default' ? 'base' : 'sub';\n  const iconSize: IconSizeType = buttonSize === 'default' ? 'deca' : 'centi';\n  const StyledText = getStyledTextButton(textComponent);\n  return (\n    <>\n      <Icon name={icon} type=\"ionicon\" fontColor={fontColor} size={iconSize} />\n      {text && (\n        <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n          {text}\n        </StyledText>\n      )}\n    </>\n  );\n};\n\nexport default BaseState;\n"],"names":["getStyledTextButton"],"mappings":";;;;;;;AAcA,MAAM,YAAgC,CAAC;AAAA,EACrC,aAAgB,GAAA,IAAA;AAAA,EAChB,UAAa,GAAA,SAAA;AAAA,EACb,SAAY,GAAA,OAAA;AAAA,EACZ,IAAA;AAAA,EACA,IAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,IAAA,GACJ,UAAe,KAAA,SAAA,GAAY,MAAS,GAAA,KAAA,CAAA;AACtC,EAAM,MAAA,QAAA,GAAyB,UAAe,KAAA,SAAA,GAAY,MAAS,GAAA,OAAA,CAAA;AACnE,EAAM,MAAA,UAAA,GAAaA,2BAAoB,aAAa,CAAA,CAAA;AACpD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,sCACG,IAAK,EAAA,EAAA,IAAA,EAAM,MAAM,IAAK,EAAA,SAAA,EAAU,WAAsB,IAAM,EAAA,QAAA,EAAU,GACtE,IACC,oBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,UAAY,EAAA,IAAA,EAAM,YAAW,MAAO,EAAA,SAAA,EAAA,EAC7C,IACH,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Button/States/Error.js

@@ -8,3 +8,4 @@ const Error = (props) => {
 };
 
 module.exports = Error;
+//# sourceMappingURL=Error.js.map

package/dist/cjs/components/atoms/Button/States/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.js","sources":["../../../../../../src/components/atoms/Button/States/Error.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { default as BaseState } from './BaseState';\n\nconst Error: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"close-circle-outline\" />;\n};\n\nexport default Error;\n"],"names":[],"mappings":";;;;;AAIA,MAAM,QAA8B,CAAS,KAAA,KAAA;AAC3C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,KAAA,EAAO,MAAK,sBAAuB,EAAA,CAAA,CAAA;AAC3D;;;;"}

package/dist/cjs/components/atoms/Button/States/Loading.js

@@ -24,3 +24,4 @@ const Loading = ({
 };
 
 module.exports = Loading;
+//# sourceMappingURL=Loading.js.map

package/dist/cjs/components/atoms/Button/States/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sources":["../../../../../../src/components/atoms/Button/States/Loading.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { ThemeProp, TypographyVariationType } from '../../../../types/defaults';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton, StyledIndicator } from './styled';\n\nconst Loading: FC<ButtonStateProps> = ({\n  text,\n  textComponent = Text,\n  fontColor = 'light',\n  buttonSize = 'default',\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const typo: TypographyVariationType =\n    buttonSize === 'default' ? 'base' : 'sub';\n  const StyledText = getStyledTextButton(textComponent);\n  return (\n    <>\n      <StyledIndicator\n        color={theme.font.color[fontColor]}\n        buttonSize={buttonSize}\n      />\n      {text && (\n        <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n          {text}\n        </StyledText>\n      )}\n    </>\n  );\n};\n\nexport default Loading;\n"],"names":["useTheme","getStyledTextButton","StyledIndicator"],"mappings":";;;;;;;AAOA,MAAM,UAAgC,CAAC;AAAA,EACrC,IAAA;AAAA,EACA,aAAgB,GAAA,IAAA;AAAA,EAChB,SAAY,GAAA,OAAA;AAAA,EACZ,UAAa,GAAA,SAAA;AACf,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQA,cAAS,EAAA,CAAA;AACvB,EAAM,MAAA,IAAA,GACJ,UAAe,KAAA,SAAA,GAAY,MAAS,GAAA,KAAA,CAAA;AACtC,EAAM,MAAA,UAAA,GAAaC,2BAAoB,aAAa,CAAA,CAAA;AACpD,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,sBAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,SAAS,CAAA;AAAA,MACjC,UAAA;AAAA,KAAA;AAAA,GACF,EACC,IACC,oBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,UAAA,EAAY,MAAM,UAAW,EAAA,MAAA,EAAO,SAC7C,EAAA,EAAA,IACH,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Button/States/Success.js

@@ -8,3 +8,4 @@ const Success = (props) => {
 };
 
 module.exports = Success;
+//# sourceMappingURL=Success.js.map

package/dist/cjs/components/atoms/Button/States/Success.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Success.js","sources":["../../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { default as BaseState } from './BaseState';\n\nconst Success: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"checkmark-circle-outline\" />;\n};\n\nexport default Success;\n"],"names":[],"mappings":";;;;;AAIA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,KAAA,EAAO,MAAK,0BAA2B,EAAA,CAAA,CAAA;AAC/D;;;;"}

package/dist/cjs/components/atoms/Button/States/styled.js

@@ -16,3 +16,4 @@ const StyledIndicator = styled(reactNative.ActivityIndicator)`
 
 exports.StyledIndicator = StyledIndicator;
 exports.getStyledTextButton = getStyledTextButton;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Button/States/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Button/States/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { FC } from 'react';\nimport { ActivityIndicator } from 'react-native';\nimport { TextProps } from '../../Text';\nimport { ButtonStateProps } from '../Button';\n\nexport const getStyledTextButton = (component: FC<TextProps>) => {\n  return styled(component)<Partial<ButtonStateProps> & Partial<StyleProps>>`\n    margin-left: ${({ theme }) => theme.spacing.mili};\n  `;\n};\n\nexport const StyledIndicator = styled(ActivityIndicator)<\n  Partial<ButtonStateProps> & Partial<StyleProps>\n>`\n  width: ${({ theme, buttonSize }) =>\n    buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n  height: ${({ theme, buttonSize }) =>\n    buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n  transform: ${({ buttonSize }) =>\n    buttonSize === 'default' ? 'scale(1)' : 'scale(.8)'};\n`;\n"],"names":["ActivityIndicator"],"mappings":";;;;;AAOa,MAAA,mBAAA,GAAsB,CAAC,SAA6B,KAAA;AAC/D,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA,iBAAA,EACN,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAEpD,EAAA;AAEa,MAAA,eAAA,GAAkB,OAAOA,6BAAiB,CAAA,CAAA;AAAA,SAAA,EAG5C,CAAC,EAAE,KAAO,EAAA,UAAA,EACjB,KAAA,UAAA,KAAe,SAAY,GAAA,KAAA,CAAM,QAAS,CAAA,IAAA,GAAO,KAAM,CAAA,QAAA,CAAS,KAAK,CAAA;AAAA,UAAA,EAC7D,CAAC,EAAE,KAAO,EAAA,UAAA,EAClB,KAAA,UAAA,KAAe,SAAY,GAAA,KAAA,CAAM,QAAS,CAAA,IAAA,GAAO,KAAM,CAAA,QAAA,CAAS,KAAK,CAAA;AAAA,aAAA,EAC1D,CAAC,EAAE,UAAA,OACd,UAAe,KAAA,SAAA,GAAY,aAAa,WAAW,CAAA;AAAA;;;;;"}

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

@@ -49,3 +49,4 @@ const StyledButton = styled(StyledButtonBase)(
 );
 
 exports.StyledButton = StyledButton;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Button/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { PressableSurface } from '../PressableSurface';\nimport { ButtonProps } from './Button';\n\nconst outlineVariant = ({\n  theme,\n  color = 'primary',\n  variant,\n  tone = 'medium',\n}: StyleProps & ButtonProps) =>\n  variant === 'outlined' &&\n  css`\n    border-color: ${theme.color[color][tone]};\n    border-width: ${theme.borderWidth.pico};\n  `;\n\nconst sizeStyles = ({ theme, size = 'default' }: StyleProps & ButtonProps) => {\n  switch (size) {\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 StyledButtonBase = styled(PressableSurface)<\n  ButtonProps & Partial<StyleProps>\n>`\n  border-radius: ${({ theme, borderRadius = 'mili' }) =>\n    theme.borderRadius[borderRadius]};\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const StyledButton = styled(StyledButtonBase)<\n  ButtonProps & Partial<StyleProps>\n>(\n  props => css`\n    ${outlineVariant(props)}\n    ${sizeStyles(props)}\n  `\n);\n"],"names":["css","RFValueStr"],"mappings":";;;;;;;;;;;;;;AAMA,MAAM,iBAAiB,CAAC;AAAA,EACtB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,OAAA;AAAA,EACA,IAAO,GAAA,QAAA;AACT,CAAA,KACE,YAAY,UACZ,IAAAA,UAAA,CAAA;AAAA,kBAAA,EACkB,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,IAAI,CAAC,CAAA;AAAA,kBACxB,EAAA,KAAA,CAAM,YAAY,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAG1C,MAAM,aAAa,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,WAA0C,KAAA;AAC5E,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,OAAA;AACH,MAAO,OAAAA,UAAA,CAAA;AAAA,iBAAA,EACM,MAAM,OAAQ,CAAA,IAAI,CAAI,CAAA,EAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,oBACrC,EAAAC,6BAAA,CAAW,MAAM,CAAC,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAEpC;AACE,MAAO,OAAAD,UAAA,CAAA;AAAA,iBAAA,EACM,MAAM,OAAQ,CAAA,IAAI,CAAI,CAAA,EAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,oBACrC,EAAAC,6BAAA,CAAW,MAAM,CAAC,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,GAEtC;AACF,CAAA,CAAA;AAEA,MAAM,gBAAA,GAAmB,OAAO,gBAAgB,CAAA,CAAA;AAAA,iBAG7B,EAAA,CAAC,EAAE,KAAO,EAAA,YAAA,GAAe,QACxC,KAAA,KAAA,CAAM,YAAa,CAAA,YAAY,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMvB,MAAA,YAAA,GAAe,OAAO,gBAAgB,CAAA;AAAA,EAGjD,CAAS,KAAA,KAAAD,UAAA,CAAA;AAAA,IACL,EAAA,cAAA,CAAe,KAAK,CAAC,CAAA;AAAA,IACrB,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAEvB;;;;"}

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

@@ -17,3 +17,4 @@ const Card = ({
 };
 
 module.exports = Card;
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../../../src/components/atoms/Card/Card.tsx"],"sourcesContent":["import { PressableSurfaceProps } from '@tecsinapse/react-native-kit';\nimport React, { ReactNode } from 'react';\nimport { GestureResponderEvent } from 'react-native';\nimport { Paper, PaperProps } from '../Paper';\nimport { StyledCard } from './styled';\n\nexport interface CardProps\n  extends PaperProps,\n    Omit<PressableSurfaceProps, 'style'> {\n  /** Click handler */\n  onPress?: null | ((event: GestureResponderEvent) => void);\n  children?: ReactNode;\n}\n\nconst Card = ({\n  children,\n  elevated = false,\n  onPress,\n  ...rest\n}: CardProps): JSX.Element => {\n  if (onPress) {\n    return (\n      <StyledCard {...rest} elevated={elevated} onPress={onPress}>\n        {children}\n      </StyledCard>\n    );\n  }\n\n  return (\n    <Paper {...rest} elevated={elevated}>\n      {children}\n    </Paper>\n  );\n};\n\nexport default Card;\n"],"names":["StyledCard"],"mappings":";;;;;;AAcA,MAAM,OAAO,CAAC;AAAA,EACZ,QAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,OAAA;AAAA,EACA,GAAG,IAAA;AACL,CAA8B,KAAA;AAC5B,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CACGA,iBAAY,EAAA,EAAA,GAAG,IAAM,EAAA,QAAA,EAAoB,WACvC,QACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAO,GAAG,IAAA,EAAM,YACd,QACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Card/Footer/Footer.js

@@ -6,3 +6,4 @@ var reactNative = require('react-native');
 const Footer = ({ children, style }) => /* @__PURE__ */ React.createElement(reactNative.View, { style }, children);
 
 module.exports = Footer;
+//# sourceMappingURL=Footer.js.map

package/dist/cjs/components/atoms/Card/Footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../../../src/components/atoms/Card/Footer/Footer.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nexport interface FooterProps {\n  style?: StyleProp<ViewStyle>;\n  children?: ReactNode;\n}\n\nconst Footer = ({ children, style }: FooterProps): JSX.Element => (\n  <View style={style}>{children}</View>\n);\n\nexport default Footer;\n"],"names":["View"],"mappings":";;;;;AAQM,MAAA,MAAA,GAAS,CAAC,EAAE,QAAA,EAAU,OAC1B,qBAAA,KAAA,CAAA,aAAA,CAACA,gBAAK,EAAA,EAAA,KAAA,EAAA,EAAe,QAAS;;;;"}

package/dist/cjs/components/atoms/Card/Header/Header.js

@@ -6,3 +6,4 @@ var reactNative = require('react-native');
 const Header = ({ children, style }) => /* @__PURE__ */ React.createElement(reactNative.View, { style }, children);
 
 module.exports = Header;
+//# sourceMappingURL=Header.js.map

package/dist/cjs/components/atoms/Card/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../../src/components/atoms/Card/Header/Header.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nexport interface HeaderProps {\n  style?: StyleProp<ViewStyle>;\n  children?: ReactNode;\n}\n\nconst Header = ({ children, style }: HeaderProps): JSX.Element => (\n  <View style={style}>{children}</View>\n);\n\nexport default Header;\n"],"names":["View"],"mappings":";;;;;AAQM,MAAA,MAAA,GAAS,CAAC,EAAE,QAAA,EAAU,OAC1B,qBAAA,KAAA,CAAA,aAAA,CAACA,gBAAK,EAAA,EAAA,KAAA,EAAA,EAAe,QAAS;;;;"}

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

@@ -12,3 +12,4 @@ const StyledCard = styled(PressableSurface)(
 );
 
 exports.StyledCard = StyledCard;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Card/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { CardProps, StyleProps } from '@tecsinapse/react-core';\nimport { baseStyles, elevatedStyles } from '../shared/PaperAndCard';\nimport { PressableSurface } from '../PressableSurface';\n\nexport const StyledCard = styled(PressableSurface)<\n  CardProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${elevatedStyles(props)}\n  `\n);\n"],"names":["css","baseStyles","elevatedStyles"],"mappings":";;;;;;AAKa,MAAA,UAAA,GAAa,OAAO,gBAAgB,CAAA;AAAA,EAG/C,CAAS,KAAA,KAAAA,UAAA,CAAA;AAAA,IACL,EAAAC,uBAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IACjB,EAAAC,2BAAA,CAAe,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAE3B;;;;"}

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

@@ -47,3 +47,4 @@ const Checkbox = ({
 };
 
 module.exports = Checkbox;
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/atoms/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { Icon } from '../Icon';\nimport {\n  IconUncheckedStyled,\n  IconCheckedStyled,\n  ViewStyled,\n  IconViewStyled,\n} from './styled';\n\nexport interface CheckboxProps {\n  /** Element is checked */\n  checked?: boolean;\n  /** Change handler */\n  onChange?: (checked: boolean) => void;\n  /** Position of children */\n  labelPosition?: 'left' | 'right';\n  /** Element is not clickable */\n  disabled?: boolean;\n  /** Color definition from theme */\n  color?: ColorType;\n  /** Color gradation from theme */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  children?: ReactNode;\n}\n\nconst Checkbox = ({\n  children,\n  checked,\n  onChange,\n  color = 'primary',\n  colorTone = 'medium',\n  labelPosition = 'left',\n  disabled = false,\n  ...rest\n}: CheckboxProps): JSX.Element => {\n  const handleChange = () => {\n    onChange && onChange(!checked);\n  };\n\n  return (\n    <Pressable\n      {...rest}\n      disabled={disabled}\n      onPress={handleChange}\n      accessibilityRole=\"checkbox\"\n    >\n      <ViewStyled>\n        {labelPosition === 'left' && children}\n        {checked && (\n          <IconViewStyled>\n            <IconCheckedStyled color={color} colorTone={colorTone}>\n              <Icon\n                name=\"check\"\n                fontColor=\"light\"\n                type=\"material-community\"\n                size=\"centi\"\n              />\n            </IconCheckedStyled>\n          </IconViewStyled>\n        )}\n        {!checked && (\n          <IconViewStyled>\n            <IconUncheckedStyled color={color} colorTone={colorTone}>\n              <Icon\n                name=\"checkbox-blank\"\n                fontColor=\"light\"\n                type=\"material-community\"\n                size=\"centi\"\n              />\n            </IconUncheckedStyled>\n          </IconViewStyled>\n        )}\n        {labelPosition === 'right' && children}\n      </ViewStyled>\n    </Pressable>\n  );\n};\n\nexport default Checkbox;\n"],"names":["Pressable","ViewStyled","IconViewStyled","IconCheckedStyled","IconUncheckedStyled"],"mappings":";;;;;;;AA4BA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AAAA,EACZ,aAAgB,GAAA,MAAA;AAAA,EAChB,QAAW,GAAA,KAAA;AAAA,EACX,GAAG,IAAA;AACL,CAAkC,KAAA;AAChC,EAAA,MAAM,eAAe,MAAM;AACzB,IAAY,QAAA,IAAA,QAAA,CAAS,CAAC,OAAO,CAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,QAAA;AAAA,MACA,OAAS,EAAA,YAAA;AAAA,MACT,iBAAkB,EAAA,UAAA;AAAA,KAAA;AAAA,oBAElB,KAAA,CAAA,aAAA,CAACC,iBACE,EAAA,IAAA,EAAA,aAAA,KAAkB,MAAU,IAAA,QAAA,EAC5B,OACC,oBAAA,KAAA,CAAA,aAAA,CAACC,qBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAACC,wBAAkB,EAAA,EAAA,KAAA,EAAc,SAC/B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,OAAA;AAAA,QACL,SAAU,EAAA,OAAA;AAAA,QACV,IAAK,EAAA,oBAAA;AAAA,QACL,IAAK,EAAA,OAAA;AAAA,OAAA;AAAA,KAET,CACF,CAAA,EAED,CAAC,OAAA,wCACCD,qBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAACE,0BAAoB,EAAA,EAAA,KAAA,EAAc,SACjC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,gBAAA;AAAA,QACL,SAAU,EAAA,OAAA;AAAA,QACV,IAAK,EAAA,oBAAA;AAAA,QACL,IAAK,EAAA,OAAA;AAAA,OAAA;AAAA,KAET,CACF,CAED,EAAA,aAAA,KAAkB,WAAW,QAChC,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

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

@@ -39,3 +39,4 @@ exports.IconCheckedStyled = IconCheckedStyled;
 exports.IconUncheckedStyled = IconUncheckedStyled;
 exports.IconViewStyled = IconViewStyled;
 exports.ViewStyled = ViewStyled;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Checkbox/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { CheckboxProps } from './Checkbox';\n\nexport const IconUncheckedStyled = styled(View)<\n  Partial<CheckboxProps & StyleProps>\n>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n  border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n`;\n\nexport const IconCheckedStyled = styled(View)<\n  Partial<CheckboxProps & StyleProps>\n>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n  border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n  background-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n`;\n\nexport const IconViewStyled = styled(View)<Partial<StyleProps>>`\n  padding: ${({ theme }: StyleProps) => theme.spacing.mili};\n`;\n\nexport const ViewStyled = styled(View)`\n  align-items: center;\n  flex-direction: row;\n`;\n"],"names":["View"],"mappings":";;;;;AAKa,MAAA,mBAAA,GAAsB,OAAOA,gBAAI,CAAA,CAAA;AAAA,iBAAA,EAG3B,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,gBAAA,EACpD,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAA,KAAkC,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,SAAS,CAAC,CAAA;AAAA,gBAAA,EAC/C,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,YAAY,IAAI,CAAA;AAAA,oBAAA,EAC7C,CAAC,EAAE,KAAA,EACrB,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,EAAA;AAGvB,MAAA,iBAAA,GAAoB,OAAOA,gBAAI,CAAA,CAAA;AAAA,iBAAA,EAGzB,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,gBAAA,EACpD,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAA,KAAkC,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,SAAS,CAAC,CAAA;AAAA,gBAAA,EAC/C,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,YAAY,IAAI,CAAA;AAAA,oBAAA,EAC7C,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAA,KAAkC,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,SAAS,CAAC,CAAA;AAAA,EAAA;AAGpD,MAAA,cAAA,GAAiB,OAAOA,gBAAI,CAAA,CAAA;AAAA,WAAA,EAC5B,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAG7C,MAAA,UAAA,GAAa,OAAOA,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;;;;;;;"}

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

@@ -8,3 +8,4 @@ const Divider = ({ children, ...rest }) => {
 };
 
 module.exports = Divider;
+//# sourceMappingURL=Divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":["../../../../../src/components/atoms/Divider/Divider.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledDivider } from './styled';\n\nexport interface DividerProps extends ViewProps {\n  linePosition: 'top' | 'bottom';\n  noLine?: boolean;\n}\n\nconst Divider: FC<DividerProps> = ({ children, ...rest }) => {\n  return <StyledDivider {...rest}>{children}</StyledDivider>;\n};\n\nexport default Divider;\n"],"names":["StyledDivider"],"mappings":";;;;;AASA,MAAM,UAA4B,CAAC,EAAE,QAAU,EAAA,GAAG,MAAW,KAAA;AAC3D,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,oBAAA,EAAA,EAAe,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AAC5C;;;;"}

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

@@ -23,3 +23,4 @@ const StyledDivider = styled(StyledDividerBase)(
 );
 
 exports.StyledDivider = StyledDivider;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Divider/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DividerProps } from './Divider';\n\nconst topLine = ({ theme, linePosition, noLine }: DividerProps & StyleProps) =>\n  !noLine &&\n  linePosition === 'top' &&\n  css`\n    border-top-width: ${theme.borderWidth.pico};\n  `;\n\nconst bottomLine = ({\n  theme,\n  linePosition,\n  noLine,\n}: DividerProps & StyleProps) =>\n  !noLine &&\n  linePosition === 'bottom' &&\n  css`\n    border-bottom-width: ${theme.borderWidth.pico};\n  `;\n\nconst StyledDividerBase = styled.View<Partial<StyleProps>>`\n  border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const StyledDivider = styled(StyledDividerBase)<\n  DividerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${topLine(props)}\n    ${bottomLine(props)}\n  `\n);\n"],"names":["css"],"mappings":";;;;AAIA,MAAM,OAAA,GAAU,CAAC,EAAE,KAAO,EAAA,YAAA,EAAc,QACtC,KAAA,CAAC,MACD,IAAA,YAAA,KAAiB,KACjB,IAAAA,UAAA,CAAA;AAAA,sBACsB,EAAA,KAAA,CAAM,YAAY,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAG9C,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AACF,CACE,KAAA,CAAC,MACD,IAAA,YAAA,KAAiB,QACjB,IAAAA,UAAA,CAAA;AAAA,yBACyB,EAAA,KAAA,CAAM,YAAY,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAGjD,MAAM,oBAAoB,MAAO,CAAA,IAAA,CAAA;AAAA,gBAAA,EACf,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,MAAM,CAAA;AAAA,CAAA,CAAA;AAGhD,MAAA,aAAA,GAAgB,OAAO,iBAAiB,CAAA;AAAA,EAGnD,CAAS,KAAA,KAAAA,UAAA,CAAA;AAAA,IACL,EAAA,OAAA,CAAQ,KAAK,CAAC,CAAA;AAAA,IACd,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAEvB;;;;"}

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

@@ -60,3 +60,4 @@ const groupOptions = ({
 };
 
 module.exports = GroupButton;
+//# sourceMappingURL=GroupButton.js.map

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

@@ -0,0 +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":["StyledGroupButton","useTheme","StyledOption","StyledPressable","StyledDivider"],"mappings":";;;;;;AA8CA,MAAM,cAAc,CAAK,EAAE,KAAO,EAAA,GAAG,MAAgC,KAAA;AACnE,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAA,wBAAA,EAAA,EAAkB,KAAe,EAAA,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,EACA,GAAG,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,MAAM,KAAM,CAAA,qBAAA,IAAyB,WAAW,CAAA,CAC9C,6BAA6B,QAC/B,CAAA,CAAA;AAAA,KACJ;AAEA,IAAI,IAAA,CAAC,MAAW,KAAA,uBAAA,IAA2B,2BAA8B,CAAA,EAAA;AACvE,MAAA,MAAA,GACE,MAAM,KAAM,CAAA,uBAAA,IAA2B,WAAW,CAAA,CAChD,+BAA+B,QACjC,CAAA,CAAA;AAAA,KACJ;AAEA,IACE,uBAAA,KAAA,CAAA,aAAA,CAACC,uBAAa,GACZ,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,sBAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACH,GAAG,MAAO,CAAA,OAAA;AAAA,QACX,QAAA;AAAA,QACA,QAAU,EAAA,MAAA;AAAA,QACV,aAAe,EAAA,OAAA;AAAA,QACf,YAAc,EAAA,MAAA;AAAA,QACd,OAAA,EAAS,MAAM,QAAA,GAAW,WAAW,CAAA;AAAA,QACrC,YAAc,EAAA,MAAA;AAAA,QACd,KAAA,EAAO,SAAS,WAAc,GAAA,aAAA;AAAA,OAAA;AAAA,MAE7B,YAAA,GAAe,MAAO,CAAA,KAAA,EAAO,MAAM,CAAA;AAAA,KAErC,EAAA,CAAC,MAAU,oBAAA,KAAA,CAAA,aAAA,CAACC,0BAAc,CAC7B,CAAA,CAAA;AAAA,GAEH,CAAA,CAAA;AACH,CAAA;;;;"}

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

@@ -14,3 +14,4 @@ const GroupButtonOption = ({
 };
 
 module.exports = GroupButtonOption;
+//# sourceMappingURL=GroupButtonOption.js.map

package/dist/cjs/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":["getStyledGroupItemText"],"mappings":";;;;;;AAUA,MAAM,oBAAoB,CAAC;AAAA,EACzB,aAAgB,GAAA,IAAA;AAAA,EAChB,MAAA;AAAA,EACA,WAAA;AACF,CAA2C,KAAA;AACzC,EAAM,MAAA,UAAA,GAAaA,8BAAuB,aAAa,CAAA,CAAA;AACvD,EAAA,2CACG,UAAW,EAAA,EAAA,UAAA,EAAW,QAAO,UAAW,EAAA,KAAA,EAAM,UAC5C,WACH,CAAA,CAAA;AAEJ;;;;"}

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

@@ -117,3 +117,4 @@ exports.StyledGroupButton = StyledGroupButton;
 exports.StyledOption = StyledOption;
 exports.StyledPressable = StyledPressable;
 exports.getStyledGroupItemText = getStyledGroupItemText;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/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":["css","RFValueStr"],"mappings":";;;;;;;;;;;;;;AAiBO,MAAM,oBAAoB,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAKxC,MAAM,iBAAiB,CAAC;AAAA,EACtB,QAAA;AAAA,EACA,QAAA;AACF,CACE,KAAA,QAAA,IACA,CAAC,QACD,IAAAA,UAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAIW,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA,WAAA,EAGZ,CAAC,EAAE,MAAQ,EAAA,KAAA,EAClB,KAAA,MAAA,GAAS,KAAM,CAAA,aAAA,CAAc,YAAe,GAAA,KAAA,CAAM,KAAM,CAAA,SAAA,CAAU,MAAM,CAAA;AAAA,EAAA,CAAA,CAAA;AAE9E,EAAA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAoB,GAAA,WAAA;AAAA,EACpB,qBAAwB,GAAA,QAAA;AAC1B,CAAA,KACE,QACA,IAAAA,UAAA,CAAA;AAAA,kBAAA,EACkB,KAAO,EAAA,KAAA,CAAM,iBAAiB,CAAA,CAAE,qBAAqB,CAAC,CAAA;AAAA,EAAA,CAAA,CAAA;AAG1E,MAAM,iBAAiB,CAAC;AAAA,EACtB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,uBAAA;AAAA,EACA,2BAAA;AAAA,EACA,mBAAsB,GAAA,WAAA;AAAA,EACtB,uBAA0B,GAAA,OAAA;AAC5B,CAA8C,KAAA;AAC5C,EAAI,IAAA,CAAC,QAAY,IAAA,uBAAA,IAA2B,2BAA6B,EAAA;AACvE,IAAO,OAAAA,UAAA,CAAA;AAAA,oBAAA,EACW,KAAO,EAAA,KAAA,CAAM,mBAAmB,CAAA,CAC9C,uBACF,CAAC,CAAA;AAAA,IAAA,CAAA,CAAA;AAAA,GAEL;AAEA,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAAA,UAAA,CAAA;AAAA,oBAAA,EACW,KAAO,EAAA,KAAA,CAAM,mBAAmB,CAAA,CAC9C,uBACF,CAAC,CAAA;AAAA,IAAA,CAAA,CAAA;AAAA,GAEL;AACF,CAAA,CAAA;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,aAAA;AACF,CAAA,KACE,aACA,IAAAA,UAAA,CAAA;AAAA,4BAC4B,EAAA,KAAA,EAAO,aAAa,IAAI,CAAA;AAAA,+BACrB,EAAA,KAAA,EAAO,aAAa,IAAI,CAAA;AAAA,uBAChC,EAAA,KAAA,EAAO,YAAY,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAGhD,MAAM,cAAc,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,YAAA;AACF,CAAA,KACE,YACA,IAAAA,UAAA,CAAA;AAAA,6BAC6B,EAAA,KAAA,EAAO,aAAa,IAAI,CAAA;AAAA,gCACrB,EAAA,KAAA,EAAO,aAAa,IAAI,CAAA;AAAA,wBAChC,EAAA,KAAA,EAAO,YAAY,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAGjD,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,UAAa,GAAA,OAAA;AACf,CAA8C,KAAA;AAC5C,EAAA,QAAQ,UAAY;AAAA,IAClB,KAAK,OAAA;AACH,MAAO,OAAAA,UAAA,CAAA;AAAA,iBAAA,EACM,OAAO,OAAQ,CAAA,IAAI,CAAI,CAAA,EAAA,KAAA,EAAO,QAAQ,IAAI,CAAA;AAAA,oBACvC,EAAAC,6BAAA,CAAW,MAAM,CAAC,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAEpC;AACE,MAAO,OAAAD,UAAA,CAAA;AAAA,iBAAA,EACM,OAAO,OAAQ,CAAA,IAAI,CAAI,CAAA,EAAA,KAAA,EAAO,QAAQ,IAAI,CAAA;AAAA,oBACvC,EAAAC,6BAAA,CAAW,MAAM,CAAC,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,GAEtC;AACF,CAAA,CAAA;AAEA,MAAM,mBAAA,GAAsB,OAAO,gBAAgB,CAAA,CAAA;AAAA,oBAAA,EAG7B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,YAAY,IAAI,CAAA;AAAA,uBAAA,EAClC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,YAAY,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMvD,MAAM,eAAe,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK5B,MAAM,gBAAgB,MAAO,CAAA,IAAA,CAAA;AAAA,SAAA,EACzB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,YAAY,IAAI,CAAA;AAAA,oBAAA,EAC1B,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,KAAK,CAAA;AAAA,EAAA;AAGnD,MAAA,eAAA,GAAkB,OAAO,mBAAmB,CAAA;AAAA,EACvD,CAAC,KAAkD,KAAAD,UAAA,CAAA;AAAA,IAC/C,EAAA,YAAA,CAAa,KAAK,CAAC,CAAA;AAAA,IACnB,EAAA,cAAA,CAAe,KAAK,CAAC,CAAA;AAAA,IACrB,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IACjB,EAAA,WAAA,CAAY,KAAK,CAAC,CAAA;AAAA,IAClB,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IACjB,EAAA,cAAA,CAAe,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAE3B;;;;;;;;"}

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

@@ -10,3 +10,4 @@ const AntDesign = ({ size, color, name, ...rest }) => {
 };
 
 module.exports = AntDesign;
+//# sourceMappingURL=AntDesign.js.map

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

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

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

@@ -10,3 +10,4 @@ const Entypo = ({ size, color, name, ...rest }) => {
 };
 
 module.exports = Entypo;
+//# sourceMappingURL=Entypo.js.map

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

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

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

@@ -10,3 +10,4 @@ const Evil = ({ size, color, name, ...rest }) => {
 };
 
 module.exports = Evil;
+//# sourceMappingURL=Evil.js.map

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

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

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

@@ -10,3 +10,4 @@ const Feather = ({ size, color, name, ...rest }) => {
 };
 
 module.exports = Feather;
+//# sourceMappingURL=Feather.js.map

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

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

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

@@ -10,3 +10,4 @@ const FontAwesome = ({ size, color, name, ...rest }) => {
 };
 
 module.exports = FontAwesome;
+//# sourceMappingURL=FontAwesome.js.map

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

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

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

@@ -10,3 +10,4 @@ const FontAwesomeFive = ({ size, color, name, ...rest }) => {
 };
 
 module.exports = FontAwesomeFive;
+//# sourceMappingURL=FontAwesomeFive.js.map

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

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

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

@@ -10,3 +10,4 @@ const Fontisto = ({ size, color, name, ...rest }) => {
 };
 
 module.exports = Fontisto;
+//# sourceMappingURL=Fontisto.js.map

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

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

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

@@ -10,3 +10,4 @@ const Foundation = ({ size, color, name, ...rest }) => {
 };
 
 module.exports = Foundation;
+//# sourceMappingURL=Foundation.js.map

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

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

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

@@ -21,3 +21,4 @@ const Icon = ({
 };
 
 module.exports = Icon;
+//# sourceMappingURL=Icon.js.map

package/dist/cjs/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 } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n} from '../../../types/defaults';\nimport { useTheme } from '../../../hooks';\nimport { getIconColor, getIconComponent } from './functions';\nimport { IconType } from '../../../styles/definitions';\n\nexport interface IconProps {\n  /**  Name of the icon. You must use the same icons from react-native-vector-icons */\n  name: string;\n  /**  Default icon sizes from theme */\n  size?: IconSizeType;\n  /**  Icon family. You must use the same icons from react-native-vector-icons */\n  type: IconType;\n  /** Font theme fill color */\n  fontColor?: FontColorType;\n  /** Palette theme fill color */\n  colorVariant?: ColorType;\n  /** Palette theme gradation fill color */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<TextStyle>;\n}\n\n/** NOTE: When using colors, the order matters if you're trying to merge multiple types. */\nconst Icon: FC<IconProps> = ({\n  name,\n  size = 'centi',\n  type,\n  style,\n  fontColor = 'dark',\n  colorVariant,\n  colorTone = 'medium',\n  ...rest\n}) => {\n  const theme = useTheme();\n  const color = getIconColor(colorVariant, colorTone, fontColor, theme);\n  const RNVIcon = getIconComponent(type);\n\n  return (\n    <RNVIcon {...rest} style={style} name={name} color={color} size={size} />\n  );\n};\n\nexport default Icon;\n"],"names":["useTheme","getIconColor","getIconComponent"],"mappings":";;;;;;AA6BA,MAAM,OAAsB,CAAC;AAAA,EAC3B,IAAA;AAAA,EACA,IAAO,GAAA,OAAA;AAAA,EACP,IAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAY,GAAA,MAAA;AAAA,EACZ,YAAA;AAAA,EACA,SAAY,GAAA,QAAA;AAAA,EACZ,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQA,iBAAS,EAAA,CAAA;AACvB,EAAA,MAAM,KAAQ,GAAAC,sBAAA,CAAa,YAAc,EAAA,SAAA,EAAW,WAAW,KAAK,CAAA,CAAA;AACpE,EAAM,MAAA,OAAA,GAAUC,2BAAiB,IAAI,CAAA,CAAA;AAErC,EAAA,2CACG,OAAS,EAAA,EAAA,GAAG,MAAM,KAAc,EAAA,IAAA,EAAY,OAAc,IAAY,EAAA,CAAA,CAAA;AAE3E;;;;"}

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

@@ -10,3 +10,4 @@ const Ionicon = ({ size, color, name, ...rest }) => {
 };
 
 module.exports = Ionicon;
+//# sourceMappingURL=Ionicon.js.map

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

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

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

@@ -10,3 +10,4 @@ const Material = ({ size, color, name, ...rest }) => {
 };
 
 module.exports = Material;
+//# sourceMappingURL=Material.js.map

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

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

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

@@ -15,3 +15,4 @@ const MaterialCommunity = ({
 };
 
 module.exports = MaterialCommunity;
+//# sourceMappingURL=MaterialCommunity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialCommunity.js","sources":["../../../../../src/components/atoms/Icon/MaterialCommunity.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/MaterialCommunityIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst MaterialCommunity = ({\n  size,\n  color,\n  name,\n  ...rest\n}: IconInternalProps) => {\n  const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default MaterialCommunity;\n"],"names":["getStyledIcon"],"mappings":";;;;;;AAKA,MAAM,oBAAoB,CAAC;AAAA,EACzB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAyB,KAAA;AACvB,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}

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

@@ -10,3 +10,4 @@ const Octicon = ({ size, color, name, ...rest }) => {
 };
 
 module.exports = Octicon;
+//# sourceMappingURL=Octicon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Octicon.js","sources":["../../../../../src/components/atoms/Icon/Octicon.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/Octicons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Octicon = ({ size, color, name, ...rest }: IconInternalProps) => {\n  const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Octicon;\n"],"names":["getStyledIcon"],"mappings":";;;;;;AAKM,MAAA,OAAA,GAAU,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACrE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}

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

@@ -10,3 +10,4 @@ const SimpleLine = ({ size, color, name, ...rest }) => {
 };
 
 module.exports = SimpleLine;
+//# sourceMappingURL=SimpleLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLine.js","sources":["../../../../../src/components/atoms/Icon/SimpleLine.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/SimpleLineIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst SimpleLine = ({ size, color, name, ...rest }: IconInternalProps) => {\n  const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default SimpleLine;\n"],"names":["getStyledIcon"],"mappings":";;;;;;AAKM,MAAA,UAAA,GAAa,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACxE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}

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

@@ -10,3 +10,4 @@ const Zocial = ({ size, color, name, ...rest }) => {
 };
 
 module.exports = Zocial;
+//# sourceMappingURL=Zocial.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Zocial.js","sources":["../../../../../src/components/atoms/Icon/Zocial.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/Zocial';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Zocial = ({ size, color, name, ...rest }: IconInternalProps) => {\n  const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n  return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Zocial;\n"],"names":["getStyledIcon"],"mappings":";;;;;;AAKM,MAAA,MAAA,GAAS,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACpE,EAAM,MAAA,IAAA,GAAOA,oBAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}

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

@@ -63,3 +63,4 @@ const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
 
 exports.getIconColor = getIconColor;
 exports.getIconComponent = getIconComponent;
+//# sourceMappingURL=functions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"functions.js","sources":["../../../../../src/components/atoms/Icon/functions.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { IconInternalProps } from './types';\nimport Material from './Material';\nimport Fontisto from './Fontisto';\nimport AntDesign from './AntDesign';\nimport Feather from './Feather';\nimport SimpleLine from './SimpleLine';\nimport FontAwesomeFive from './FontAwesomeFive';\nimport FontAwesome from './FontAwesome';\nimport Entypo from './Entypo';\nimport Evil from './Evil';\nimport Foundation from './Foundation';\nimport Ionicon from './Ionicon';\nimport MaterialCommunity from './MaterialCommunity';\nimport Octicon from './Octicon';\nimport Zocial from './Zocial';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nexport const getIconComponent = (\n  type: IconType\n): ComponentType<IconInternalProps> => {\n  switch (type) {\n    case 'zocial':\n      return Zocial;\n    case 'octicon':\n      return Octicon;\n    case 'material':\n      return Material;\n    case 'material-community':\n      return MaterialCommunity;\n    case 'ionicon':\n      return Ionicon;\n    case 'foundation':\n      return Foundation;\n    case 'evilicon':\n      return Evil;\n    case 'entypo':\n      return Entypo;\n    case 'font-awesome':\n      return FontAwesome;\n    case 'font-awesome-5':\n      return FontAwesomeFive;\n    case 'simple-line-icon':\n      return SimpleLine;\n    case 'feather':\n      return Feather;\n    case 'antdesign':\n    case 'ant-design':\n      return AntDesign;\n    case 'fontisto':\n      return Fontisto;\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return customIcons[type];\n      }\n      return Material;\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":";;;;;;;;;;;;;;;;;AAyBA,MAAM,cAAmB,EAAC,CAAA;AAMb,MAAA,gBAAA,GAAmB,CAC9B,IACqC,KAAA;AACrC,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT,KAAK,oBAAA;AACH,MAAO,OAAA,iBAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,YAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,IAAA,CAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAA;AAAA,IACT,KAAK,cAAA;AACH,MAAO,OAAA,WAAA,CAAA;AAAA,IACT,KAAK,gBAAA;AACH,MAAO,OAAA,eAAA,CAAA;AAAA,IACT,KAAK,kBAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,WAAA,CAAA;AAAA,IACL,KAAK,YAAA;AACH,MAAO,OAAA,SAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT;AACE,MAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,WAAA,EAAa,IAAI,CAAG,EAAA;AAC3D,QAAA,OAAO,YAAY,IAAI,CAAA,CAAA;AAAA,OACzB;AACA,MAAO,OAAA,QAAA,CAAA;AAAA,GACX;AACF,EAAA;AAEO,MAAM,YAAe,GAAA,CAC1B,YACA,EAAA,cAAA,EACA,WACA,KACW,KAAA;AACX,EAAA,IAAI,gBAAgB,cAAgB,EAAA;AAClC,IAAA,OAAO,KAAM,CAAA,KAAA,CAAM,YAAY,CAAA,CAAE,cAAc,CAAA,CAAA;AAAA,GACjD;AACA,EAAO,OAAA,KAAA,CAAM,IAAM,EAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACpC;;;;;"}

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

@@ -8,3 +8,4 @@ const getStyledIcon = (Component, size) => styled(Component)`
 `;
 
 exports.getStyledIcon = getStyledIcon;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Icon/styled.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport { IconRNVIProps } from './types';\nimport { IconSizeType, StyleProps } from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\nexport const getStyledIcon = (\n  Component: ComponentType<IconRNVIProps>,\n  size: IconSizeType\n) => styled(Component)<Partial<StyleProps>>`\n  font-size: ${({ theme }: StyleProps) => theme?.iconSize[size]};\n  text-align: center;\n`;\n"],"names":[],"mappings":";;;;AAKO,MAAM,aAAgB,GAAA,CAC3B,SACA,EAAA,IAAA,KACG,OAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EACN,CAAC,EAAE,KAAA,OAAwB,KAAO,EAAA,QAAA,CAAS,IAAI,CAAC,CAAA;AAAA;AAAA;;;;"}

package/dist/cjs/components/atoms/Input/Hint.js

@@ -32,3 +32,4 @@ const Hint = ({ variant, text, TextComponent = Text }) => {
 };
 
 module.exports = Hint;
+//# sourceMappingURL=Hint.js.map