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

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

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButton.js","sources":["../../../../../src/components/atoms/RadioButton/RadioButton.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon } from '../Icon';\nimport { IconViewStyled, IconWrapper, ScaledView, ViewStyled } from './styled';\n\nexport interface RadioButtonProps {\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 RadioButton = ({\n  children,\n  onChange,\n  checked,\n  labelPosition = 'right',\n  disabled = false,\n  color = 'primary',\n  colorTone = 'medium',\n  ...rest\n}: RadioButtonProps): 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=\"radio\"\n    >\n      <ViewStyled>\n        {labelPosition === 'left' && children}\n        {checked && (\n          <IconViewStyled>\n            <IconWrapper>\n              <ScaledView>\n                <Icon\n                  name=\"circle\"\n                  colorVariant={color}\n                  colorTone={colorTone}\n                  type=\"material-community\"\n                  size=\"centi\"\n                />\n              </ScaledView>\n            </IconWrapper>\n          </IconViewStyled>\n        )}\n        {!checked && (\n          <IconViewStyled>\n            <IconWrapper>\n              <ScaledView>\n                <Icon\n                  name=\"circle\"\n                  fontColor=\"light\"\n                  type=\"material-community\"\n                  size=\"centi\"\n                />\n              </ScaledView>\n            </IconWrapper>\n          </IconViewStyled>\n        )}\n        {labelPosition === 'right' && children}\n      </ViewStyled>\n    </Pressable>\n  );\n};\n\nexport default RadioButton;\n"],"names":["Pressable","ViewStyled","IconViewStyled","IconWrapper","ScaledView"],"mappings":";;;;;;;AAuBA,MAAM,cAAc,CAAC;AAAA,EACnB,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAgB,GAAA,OAAA;AAAA,EAChB,QAAW,GAAA,KAAA;AAAA,EACX,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AAAA,EACZ,GAAG,IAAA;AACL,CAAqC,KAAA;AACnC,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,OAAA;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,kBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAACC,iBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,QAAA;AAAA,QACL,YAAc,EAAA,KAAA;AAAA,QACd,SAAA;AAAA,QACA,IAAK,EAAA,oBAAA;AAAA,QACL,IAAK,EAAA,OAAA;AAAA,OAAA;AAAA,KAET,CACF,CACF,CAED,EAAA,CAAC,OACA,oBAAA,KAAA,CAAA,aAAA,CAACF,qBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAACC,kBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAACC,iBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,QAAA;AAAA,QACL,SAAU,EAAA,OAAA;AAAA,QACV,IAAK,EAAA,oBAAA;AAAA,QACL,IAAK,EAAA,OAAA;AAAA,OAAA;AAAA,KAET,CACF,CACF,CAED,EAAA,aAAA,KAAkB,WAAW,QAChC,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/RadioButton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RadioButtonProps } from './RadioButton';\n\nexport const IconWrapper = styled(View)<Partial<RadioButtonProps & StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & RadioButtonProps) => 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 ScaledView = styled(View)`\n  transform: scale(0.8);\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,WAAA,GAAc,OAAOA,gBAAI,CAAA,CAAA;AAAA,iBAAA,EACnB,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,gBAAA,EACnD,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAA,KAAqC,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,SAAS,CAAC,CAAA;AAAA,gBAAA,EAClD,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,UAAA,GAAa,OAAOA,gBAAI,CAAA,CAAA;AAAA;AAAA,EAAA;AAIxB,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/Switch/Switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC, useCallback, useEffect } from 'react';\nimport {\n  Animated,\n  LayoutChangeEvent,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport {\n  extractNumbersFromString,\n  lightenDarkenColor,\n  RFValueStr,\n} from '../../../utils';\nimport { PressableSurface } from '../PressableSurface';\nimport { transitionSwitch } from './animation';\nimport { StyledSwitch, StyledSwitchContent, SWITCH_PIN_WIDTH } from './styled';\n\nexport interface SwitchProps {\n  onChange: (active: boolean) => void;\n  active: boolean;\n  activeColor?: ColorType;\n  activeColorTone?: ColorGradationType;\n  inactiveColor?: ColorType;\n  inactiveColorTone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  dotStyle?: StyleProp<ViewStyle>;\n  disabled?: boolean;\n}\n\nconst Switch: FC<SwitchProps> = ({\n  onChange,\n  activeColor = 'primary',\n  activeColorTone = 'medium',\n  inactiveColor = 'secondary',\n  inactiveColorTone = 'light',\n  active,\n  dotStyle,\n  disabled = false,\n  ...rest\n}): JSX.Element => {\n  const theme = useTheme() as ThemeProp;\n\n  const width = React.useRef(0);\n  const transitionValue = React.useRef(new Animated.Value(0)).current;\n  const animatedColor = React.useRef(new Animated.Value(0)).current;\n\n  const calculateTranslate = () => {\n    if (width.current > 0) {\n      return (\n        width.current -\n        extractNumbersFromString(theme.spacing.micro) * 2 -\n        extractNumbersFromString(RFValueStr(SWITCH_PIN_WIDTH))\n      );\n    }\n    return 0;\n  };\n\n  const getBackgroundColor = (color: string) => {\n    return disabled\n      ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20)\n      : color;\n  };\n\n  const interpolateColor = animatedColor.interpolate({\n    inputRange: [0, 1],\n    outputRange: [\n      getBackgroundColor(theme.color[inactiveColor][inactiveColorTone]),\n      getBackgroundColor(theme.color[activeColor][activeColorTone]),\n    ],\n  });\n\n  useEffect(() => {\n    const translate = calculateTranslate();\n    transitionSwitch(active, translate, transitionValue, animatedColor);\n  }, [active]);\n\n  const handleChange = useCallback(() => {\n    onChange(!active);\n  }, [active, onChange]);\n\n  const handleSwitchLayout = (lce: LayoutChangeEvent) => {\n    width.current = lce.nativeEvent.layout.width;\n    const translate = calculateTranslate();\n    transitionSwitch(active, translate, transitionValue, animatedColor);\n  };\n\n  return (\n    <PressableSurface\n      {...rest}\n      onPress={handleChange}\n      effect=\"none\"\n      disabled={disabled}\n    >\n      <StyledSwitchContent\n        onLayout={handleSwitchLayout}\n        style={{ backgroundColor: interpolateColor }}\n      >\n        <StyledSwitch\n          style={[dotStyle, { transform: [{ translateX: transitionValue }] }]}\n        />\n      </StyledSwitchContent>\n    </PressableSurface>\n  );\n};\n\nexport default Switch;\n"],"names":["useTheme","Animated","extractNumbersFromString","RFValueStr","SWITCH_PIN_WIDTH","lightenDarkenColor","useEffect","transitionSwitch","useCallback","StyledSwitchContent","StyledSwitch"],"mappings":"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"}

package/dist/cjs/components/atoms/Switch/animation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animation.js","sources":["../../../../../src/components/atoms/Switch/animation.ts"],"sourcesContent":["import { Animated, Easing } from 'react-native';\n\nconst ANIMATION_SPEED = 140;\n\nexport const transitionSwitch = (\n  active: boolean,\n  translate: number,\n  transitionValue: Animated.Value,\n  animatedColor: Animated.Value\n): void => {\n  if (translate <= 0) return;\n\n  if (active) {\n    Animated.timing(transitionValue, {\n      toValue: translate,\n      duration: ANIMATION_SPEED,\n      easing: Easing.out(Easing.ease),\n      useNativeDriver: true,\n    }).start();\n    Animated.timing(animatedColor, {\n      toValue: 1,\n      duration: ANIMATION_SPEED,\n      useNativeDriver: false,\n    }).start();\n    return;\n  }\n\n  Animated.timing(transitionValue, {\n    toValue: 0,\n    duration: ANIMATION_SPEED,\n    easing: Easing.out(Easing.ease),\n    useNativeDriver: true,\n  }).start();\n  Animated.timing(animatedColor, {\n    toValue: 0,\n    duration: ANIMATION_SPEED,\n    useNativeDriver: false,\n  }).start();\n};\n"],"names":["Animated","Easing"],"mappings":";;;;AAEA,MAAM,eAAkB,GAAA,GAAA,CAAA;AAEjB,MAAM,gBAAmB,GAAA,CAC9B,MACA,EAAA,SAAA,EACA,iBACA,aACS,KAAA;AACT,EAAA,IAAI,SAAa,IAAA,CAAA;AAAG,IAAA,OAAA;AAEpB,EAAA,IAAI,MAAQ,EAAA;AACV,IAAAA,oBAAA,CAAS,OAAO,eAAiB,EAAA;AAAA,MAC/B,OAAS,EAAA,SAAA;AAAA,MACT,QAAU,EAAA,eAAA;AAAA,MACV,MAAQ,EAAAC,kBAAA,CAAO,GAAI,CAAAA,kBAAA,CAAO,IAAI,CAAA;AAAA,MAC9B,eAAiB,EAAA,IAAA;AAAA,KAClB,EAAE,KAAM,EAAA,CAAA;AACT,IAAAD,oBAAA,CAAS,OAAO,aAAe,EAAA;AAAA,MAC7B,OAAS,EAAA,CAAA;AAAA,MACT,QAAU,EAAA,eAAA;AAAA,MACV,eAAiB,EAAA,KAAA;AAAA,KAClB,EAAE,KAAM,EAAA,CAAA;AACT,IAAA,OAAA;AAAA,GACF;AAEA,EAAAA,oBAAA,CAAS,OAAO,eAAiB,EAAA;AAAA,IAC/B,OAAS,EAAA,CAAA;AAAA,IACT,QAAU,EAAA,eAAA;AAAA,IACV,MAAQ,EAAAC,kBAAA,CAAO,GAAI,CAAAA,kBAAA,CAAO,IAAI,CAAA;AAAA,IAC9B,eAAiB,EAAA,IAAA;AAAA,GAClB,EAAE,KAAM,EAAA,CAAA;AACT,EAAAD,oBAAA,CAAS,OAAO,aAAe,EAAA;AAAA,IAC7B,OAAS,EAAA,CAAA;AAAA,IACT,QAAU,EAAA,eAAA;AAAA,IACV,eAAiB,EAAA,KAAA;AAAA,GAClB,EAAE,KAAM,EAAA,CAAA;AACX;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Switch/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Animated } from 'react-native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { RFValueStr } from '../../../utils';\n\nexport const SWITCH_BODY_WIDTH = '40px';\nexport const SWITCH_PIN_WIDTH = '16px';\n\nexport const StyledSwitchContent = styled(Animated.View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  padding: 0 ${({ theme }) => theme.spacing.micro};\n  justify-content: center;\n  width: ${RFValueStr(SWITCH_BODY_WIDTH)};\n  height: ${RFValueStr('22px')};\n`;\n\nexport const StyledSwitch = styled(Animated.View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  width: ${RFValueStr(SWITCH_PIN_WIDTH)};\n  height: ${RFValueStr('16px')};\n`;\n"],"names":["Animated","RFValueStr"],"mappings":";;;;;;;;;;;;;AAKO,MAAM,iBAAoB,GAAA,OAAA;AAC1B,MAAM,gBAAmB,GAAA,OAAA;AAEnB,MAAA,mBAAA,GAAsB,MAAO,CAAAA,oBAAA,CAAS,IAAI,CAAA,CAAA;AAAA,iBAAA,EACpC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,aAAA,EAC1C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA;AAAA,SAEtC,EAAAC,6BAAA,CAAW,iBAAiB,CAAC,CAAA;AAAA,UAC5B,EAAAA,6BAAA,CAAW,MAAM,CAAC,CAAA;AAAA,EAAA;AAGjB,MAAA,YAAA,GAAe,MAAO,CAAAD,oBAAA,CAAS,IAAI,CAAA,CAAA;AAAA,iBAAA,EAC7B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,oBAAA,EACnC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,SAC1D,EAAAC,6BAAA,CAAW,gBAAgB,CAAC,CAAA;AAAA,UAC3B,EAAAA,6BAAA,CAAW,MAAM,CAAC,CAAA;AAAA;;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tag.js","sources":["../../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Animated, ViewProps } from 'react-native';\nimport { IconProps } from '../Icon';\nimport { PressableSurface } from '../PressableSurface';\nimport { StyledCloseIcon, StyledLeftIcon, StyledTagContainer } from './styled';\nimport { ColorType, ColorGradationType } from '@tecsinapse/react-core';\n\nexport interface TagProps extends ViewProps {\n  value: React.ReactNode;\n  icon?: IconProps;\n  dismiss?: boolean;\n  onDismiss?: () => void;\n  variant?: 'small' | 'default';\n  backgroundColorTone?: ColorType;\n  backgroundColorVariant?: ColorGradationType;\n}\n\nconst Tag: React.FC<TagProps> = ({\n  value,\n  icon,\n  variant = 'small',\n  dismiss: canDismiss = false,\n  onDismiss,\n  style,\n  backgroundColorTone = 'secondary',\n  backgroundColorVariant = 'xlight',\n  ...rest\n}): JSX.Element => {\n  const [dismiss, setDismiss] = useState(false);\n  const fadeAnim = React.useRef(new Animated.Value(1)).current;\n  const duration = 300;\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      duration,\n      useNativeDriver: true,\n    }).start();\n  };\n\n  const handleDismiss = useCallback(() => {\n    onDismiss?.();\n    fadeOut();\n    setTimeout(() => setDismiss(true), duration);\n  }, [onDismiss]);\n\n  return (\n    <StyledTagContainer\n      backgroundColorTone={backgroundColorTone}\n      backgroundColorVariant={backgroundColorVariant}\n      variant={variant}\n      style={[{ opacity: fadeAnim as unknown as number }, style]}\n      visible={!dismiss}\n      {...rest}\n    >\n      {icon && (\n        <StyledLeftIcon\n          size={icon.size || 'micro'}\n          colorVariant={icon.colorVariant || 'primary'}\n          {...icon}\n        />\n      )}\n      {value}\n      {canDismiss && (\n        <PressableSurface onPress={handleDismiss}>\n          <StyledCloseIcon\n            name=\"close-outline\"\n            type=\"ionicon\"\n            size=\"centi\"\n            fontColor=\"medium\"\n          />\n        </PressableSurface>\n      )}\n    </StyledTagContainer>\n  );\n};\n\nexport default Tag;\n"],"names":["useState","Animated","useCallback","StyledTagContainer","StyledLeftIcon","StyledCloseIcon"],"mappings":";;;;;;;AAiBA,MAAM,MAA0B,CAAC;AAAA,EAC/B,KAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAU,GAAA,OAAA;AAAA,EACV,SAAS,UAAa,GAAA,KAAA;AAAA,EACtB,SAAA;AAAA,EACA,KAAA;AAAA,EACA,mBAAsB,GAAA,WAAA;AAAA,EACtB,sBAAyB,GAAA,QAAA;AAAA,EACzB,GAAG,IAAA;AACL,CAAmB,KAAA;AACjB,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,KAAK,CAAA,CAAA;AAC5C,EAAM,MAAA,QAAA,GAAW,MAAM,MAAO,CAAA,IAAIC,qBAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,OAAA,CAAA;AACrD,EAAA,MAAM,QAAW,GAAA,GAAA,CAAA;AAEjB,EAAA,MAAM,UAAU,MAAM;AACpB,IAAAA,oBAAA,CAAS,OAAO,QAAU,EAAA;AAAA,MACxB,OAAS,EAAA,CAAA;AAAA,MACT,QAAA;AAAA,MACA,eAAiB,EAAA,IAAA;AAAA,KAClB,EAAE,KAAM,EAAA,CAAA;AAAA,GACX,CAAA;AAEA,EAAM,MAAA,aAAA,GAAgBC,kBAAY,MAAM;AACtC,IAAY,SAAA,IAAA,CAAA;AACZ,IAAQ,OAAA,EAAA,CAAA;AACR,IAAA,UAAA,CAAW,MAAM,UAAA,CAAW,IAAI,CAAA,EAAG,QAAQ,CAAA,CAAA;AAAA,GAC7C,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,yBAAA;AAAA,IAAA;AAAA,MACC,mBAAA;AAAA,MACA,sBAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAO,CAAC,EAAE,OAAS,EAAA,QAAA,IAAiC,KAAK,CAAA;AAAA,MACzD,SAAS,CAAC,OAAA;AAAA,MACT,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,IACC,oBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,qBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,KAAK,IAAQ,IAAA,OAAA;AAAA,QACnB,YAAA,EAAc,KAAK,YAAgB,IAAA,SAAA;AAAA,QAClC,GAAG,IAAA;AAAA,OAAA;AAAA,KACN;AAAA,IAED,KAAA;AAAA,IACA,UACC,oBAAA,KAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,EAAA,OAAA,EAAS,aACzB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,sBAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,eAAA;AAAA,QACL,IAAK,EAAA,SAAA;AAAA,QACL,IAAK,EAAA,OAAA;AAAA,QACL,SAAU,EAAA,QAAA;AAAA,OAAA;AAAA,KAEd,CAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Tag/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { Animated, ViewProps } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  StyleProps,\n} from '../../../types/defaults';\nimport { Icon, IconProps } from '../Icon';\nimport { TagProps } from './Tag';\n\nconst smallVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'small' &&\n  css`\n    border-radius: ${theme.borderRadius.micro};\n    padding: ${theme.spacing.nano} ${theme.spacing.mili};\n  `;\n\nconst backgroundColorTag = ({\n  theme,\n  backgroundColorTone,\n  backgroundColorVariant,\n}: Partial<StyleProps> & {\n  backgroundColorTone: ColorType;\n  backgroundColorVariant: ColorGradationType;\n}) =>\n  css`\n    background-color: ${theme?.color[backgroundColorTone][\n      backgroundColorVariant\n    ]};\n  `;\n\nconst defaultVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'default' &&\n  css`\n    border-radius: ${theme.borderRadius.mili};\n    padding: ${theme.spacing.micro} ${theme.spacing.centi};\n  `;\n\nconst StyledTagContainerBase = styled(Animated.View)<\n  Partial<TagProps> & Partial<StyleProps> & ViewProps & { visible: boolean }\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  align-self: center;\n  display: ${({ visible }) => (visible ? 'flex' : 'none')};\n`;\n\nexport const StyledTagContainer = styled(StyledTagContainerBase)<\n  Partial<StyleProps> & {\n    backgroundColorTone: ColorType;\n    backgroundColorVariant: ColorGradationType;\n  }\n>(\n  props => css`\n    ${smallVariant(props)}\n    ${defaultVariant(props)}\n    ${backgroundColorTag(props)}\n  `\n);\n\nexport const StyledLeftIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const StyledCloseIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-left: ${({ theme }) => theme.spacing.nano};\n`;\n"],"names":["css","Animated"],"mappings":";;;;;;AAUA,MAAM,eAAe,CAAC,EAAE,OAAO,OAAQ,EAAA,KACrC,YAAY,OACZ,IAAAA,UAAA,CAAA;AAAA,mBACmB,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,aAAA,EAC9B,MAAM,OAAQ,CAAA,IAAI,CAAI,CAAA,EAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAGvD,MAAM,qBAAqB,CAAC;AAAA,EAC1B,KAAA;AAAA,EACA,mBAAA;AAAA,EACA,sBAAA;AACF,CAIE,KAAAA,UAAA,CAAA;AAAA,sBAAA,EACsB,KAAO,EAAA,KAAA,CAAM,mBAAmB,CAAA,CAClD,sBACF,CAAC,CAAA;AAAA,EAAA,CAAA,CAAA;AAGL,MAAM,iBAAiB,CAAC,EAAE,OAAO,OAAQ,EAAA,KACvC,YAAY,SACZ,IAAAA,UAAA,CAAA;AAAA,mBACmB,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,aAAA,EAC7B,MAAM,OAAQ,CAAA,KAAK,CAAI,CAAA,EAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA,EAAA,CAAA,CAAA;AAGzD,MAAM,sBAAA,GAAyB,MAAO,CAAAC,oBAAA,CAAS,IAAI,CAAA,CAAA;AAAA,oBAAA,EAG7B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,SAAS,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAKrD,CAAC,EAAE,OAAA,EAAe,KAAA,OAAA,GAAU,SAAS,MAAO,CAAA;AAAA,CAAA,CAAA;AAG5C,MAAA,kBAAA,GAAqB,OAAO,sBAAsB,CAAA;AAAA,EAM7D,CAAS,KAAA,KAAAD,UAAA,CAAA;AAAA,IACL,EAAA,YAAA,CAAa,KAAK,CAAC,CAAA;AAAA,IACnB,EAAA,cAAA,CAAe,KAAK,CAAC,CAAA;AAAA,IACrB,EAAA,kBAAA,CAAmB,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAE/B,EAAA;AAEa,MAAA,cAAA,GAAiB,OAAO,IAAI,CAAA,CAAA;AAAA,gBAAA,EACvB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA,EAAA;AAGvC,MAAA,eAAA,GAAkB,OAAO,IAAI,CAAA,CAAA;AAAA,eAAA,EACzB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Text.js","sources":["../../../../../src/components/atoms/Text/Text.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { StyleProp, TextStyle } from 'react-native';\nimport { StyledColoredText } from './styled';\nimport { getLabel } from './functions';\n\nexport interface TextProps {\n  /** Font theme text color */\n  fontColor?: FontColorType;\n  /** Font theme weight */\n  fontWeight?: FontWeightType;\n  /** Font theme sizes */\n  typography?: TypographyVariationType;\n  /** Font theme stack */\n  fontStack?: FontStackType;\n  /** Palette theme colors. You can specify this prop to override theme fontColor */\n  colorVariant?: ColorType;\n  /** Palette theme colors gradation */\n  colorTone?: ColorGradationType;\n  numberOfLines?: number;\n  ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';\n  textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';\n  capitalFirst?: boolean;\n  style?: StyleProp<TextStyle>;\n  children?: React.ReactNode;\n}\n\n/** NOTE: When using colors, be careful to not override fontColor by using colorVariant and colorTone, referent to theme colors and not text colors. */\nconst Text: FC<TextProps> = ({\n  children,\n  style,\n  fontColor = 'dark',\n  colorTone = 'medium',\n  colorVariant,\n  fontWeight = 'regular',\n  typography = 'base',\n  numberOfLines,\n  ellipsizeMode,\n  textTransform = 'none',\n  capitalFirst = false,\n  ...rest\n}): JSX.Element => {\n  return (\n    <StyledColoredText\n      {...rest}\n      style={style}\n      fontColor={fontColor}\n      colorTone={colorTone}\n      colorVariant={colorVariant}\n      fontWeight={fontWeight}\n      typography={typography}\n      numberOfLines={numberOfLines}\n      ellipsizeMode={ellipsizeMode}\n      textTransform={textTransform}\n    >\n      {getLabel(children, capitalFirst)}\n    </StyledColoredText>\n  );\n};\n\nexport default Text;\n"],"names":["StyledColoredText","getLabel"],"mappings":";;;;;;AAmCA,MAAM,OAAsB,CAAC;AAAA,EAC3B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAY,GAAA,MAAA;AAAA,EACZ,SAAY,GAAA,QAAA;AAAA,EACZ,YAAA;AAAA,EACA,UAAa,GAAA,SAAA;AAAA,EACb,UAAa,GAAA,MAAA;AAAA,EACb,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAgB,GAAA,MAAA;AAAA,EAChB,YAAe,GAAA,KAAA;AAAA,EACf,GAAG,IAAA;AACL,CAAmB,KAAA;AACjB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,wBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,KAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,KAAA;AAAA,IAECC,kBAAA,CAAS,UAAU,YAAY,CAAA;AAAA,GAClC,CAAA;AAEJ;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"functions.js","sources":["../../../../../src/components/atoms/Text/functions.ts"],"sourcesContent":["export const getFirstCapitalCharacter = (value: string): string =>\n  value.charAt(0).toUpperCase().concat(value.slice(1));\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const getLabel = (children, capitalFirst: boolean) =>\n  typeof children === 'string' && capitalFirst\n    ? getFirstCapitalCharacter(children)\n    : children;\n"],"names":[],"mappings":";;AAAO,MAAM,wBAA2B,GAAA,CAAC,KACvC,KAAA,KAAA,CAAM,MAAO,CAAA,CAAC,CAAE,CAAA,WAAA,EAAc,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,CAAM,CAAC,CAAC,EAAA;AAGxC,MAAA,QAAA,GAAW,CAAC,QAAA,EAAU,YACjC,KAAA,OAAO,aAAa,QAAY,IAAA,YAAA,GAC5B,wBAAyB,CAAA,QAAQ,CACjC,GAAA;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Text/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps, TextProps } from '@tecsinapse/react-core';\nimport { Text as RNText } from 'react-native';\n\nexport const StyledText = styled(RNText)<TextProps & Partial<StyleProps>>`\n  color: ${({ theme, fontColor = 'dark' }) => theme.font.color[fontColor]};\n  font-weight: ${({ theme, fontWeight = 'regular' }) =>\n    theme.font.weight[fontWeight]};\n  font-size: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].fontSize};\n  line-height: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].lineHeight};\n  font-family: ${({ theme, fontStack = 'default' }) =>\n    `'${theme.font.stack[fontStack]}'`};\n  text-transform: ${({ textTransform = 'none' }) => `${textTransform}`};\n`;\n\nconst colorStyles = ({\n  colorVariant,\n  colorTone,\n  theme,\n}: TextProps & StyleProps) =>\n  colorVariant &&\n  colorTone &&\n  css`\n    color: ${theme.color[colorVariant][colorTone]};\n  `;\n\nexport const StyledColoredText = styled(StyledText)<\n  TextProps & Partial<StyleProps>\n>(colorStyles);\n"],"names":["RNText","css"],"mappings":";;;;;AAIa,MAAA,UAAA,GAAa,OAAOA,gBAAM,CAAA,CAAA;AAAA,SAC5B,EAAA,CAAC,EAAE,KAAA,EAAO,SAAY,GAAA,MAAA,OAAa,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,SAAS,CAAC,CAAA;AAAA,eACxD,EAAA,CAAC,EAAE,KAAA,EAAO,UAAa,GAAA,SAAA,OACpC,KAAM,CAAA,IAAA,CAAK,MAAO,CAAA,UAAU,CAAC,CAAA;AAAA,aAClB,EAAA,CAAC,EAAE,KAAA,EAAO,UAAa,GAAA,MAAA,OAClC,KAAM,CAAA,UAAA,CAAW,UAAU,CAAA,CAAE,QAAQ,CAAA;AAAA,eACxB,EAAA,CAAC,EAAE,KAAA,EAAO,UAAa,GAAA,MAAA,OACpC,KAAM,CAAA,UAAA,CAAW,UAAU,CAAA,CAAE,UAAU,CAAA;AAAA,eAAA,EAC1B,CAAC,EAAE,KAAO,EAAA,SAAA,GAAY,SAAU,EAAA,KAC7C,CAAI,CAAA,EAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,SAAS,CAAC,CAAG,CAAA,CAAA,CAAA;AAAA,kBAAA,EAClB,CAAC,EAAE,aAAA,GAAgB,QAAa,KAAA,CAAA,EAAG,aAAa,CAAE,CAAA,CAAA;AAAA,EAAA;AAGtE,MAAM,cAAc,CAAC;AAAA,EACnB,YAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AACF,CAAA,KACE,gBACA,SACA,IAAAC,UAAA,CAAA;AAAA,WAAA,EACW,KAAM,CAAA,KAAA,CAAM,YAAY,CAAA,CAAE,SAAS,CAAC,CAAA;AAAA,EAAA,CAAA,CAAA;AAG1C,MAAM,iBAAoB,GAAA,MAAA,CAAO,UAAU,CAAA,CAEhD,WAAW;;;;;"}

package/dist/cjs/components/atoms/shared/PaperAndCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaperAndCard.js","sources":["../../../../../src/components/atoms/shared/PaperAndCard.ts"],"sourcesContent":["import { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const baseStyles = ({ theme }: StyleProps): any => css`\n  border-radius: ${theme.borderRadius.mili};\n  background-color: ${theme.miscellaneous.surfaceColor};\n`;\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const elevatedStyles = ({\n  theme,\n  elevated = false,\n}: { elevated?: boolean } & StyleProps): any =>\n  elevated && [\n    css({\n      shadowColor: theme.miscellaneous.shadow,\n      shadowOffset: { width: 0, height: 2 },\n      shadowOpacity: 0.05,\n      shadowRadius: 5,\n      elevation: 2,\n    }),\n  ];\n/* eslint-enable @typescript-eslint/no-explicit-any */\n"],"names":["css"],"mappings":";;;;AAIO,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAA6B,KAAAA,UAAA,CAAA;AAAA,iBACvC,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,oBACpB,EAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,EAAA;AAI/C,MAAM,iBAAiB,CAAC;AAAA,EAC7B,KAAA;AAAA,EACA,QAAW,GAAA,KAAA;AACb,CAAA,KACE,QAAY,IAAA;AAAA,EACVA,UAAI,CAAA;AAAA,IACF,WAAA,EAAa,MAAM,aAAc,CAAA,MAAA;AAAA,IACjC,YAAc,EAAA,EAAE,KAAO,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAAA,IACpC,aAAe,EAAA,IAAA;AAAA,IACf,YAAc,EAAA,CAAA;AAAA,IACd,SAAW,EAAA,CAAA;AAAA,GACZ,CAAA;AACH;;;;;"}

package/dist/cjs/components/molecules/Calendar/Calendar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/molecules/Calendar/Calendar.tsx"],"sourcesContent":["import { add, format, getWeeksInMonth, set } from 'date-fns';\nimport * as React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport {\n  Content,\n  Control,\n  getCapitalizedTextComponent,\n  TitleContainer,\n} from './styled';\nimport { Weekdays, MonthWeek } from './components';\n\nexport type SelectionType = 'range' | 'day';\n\nexport type DateRange = { lowest: Date; highest?: Date };\n\nexport type Value<T extends SelectionType> = T extends 'range'\n  ? DateRange\n  : Date;\n\nexport interface CalendarProps<T extends SelectionType> extends ViewProps {\n  TextComponent?: React.FC<TextProps>;\n  year?: number;\n  month?: number;\n  onChange?: (value?: Value<T>) => void | never;\n  type?: T;\n  value?: Value<T>;\n  locale?: Locale;\n}\n\nconst now = set(new Date(), {\n  date: 1,\n  hours: 0,\n  minutes: 0,\n  seconds: 0,\n  milliseconds: 0,\n});\n\nfunction dayOfWeekFromWeekStart(dayOfWeek: number, weekStartsOn: number) {\n  return dayOfWeek === 0 ? 0 : dayOfWeek - weekStartsOn;\n}\n\nfunction Calendar<T extends SelectionType>({\n  TextComponent = Text,\n  year: _year,\n  month: _month,\n  value,\n  type,\n  onChange,\n  locale,\n  ...rest\n}: CalendarProps<T>): JSX.Element {\n  const _referenceDate = React.useMemo(\n    () =>\n      _year && _month\n        ? new Date(_year, _month, 1, 0, 0, 0, 0)\n        : _month\n        ? new Date(now.getFullYear(), _month, 1, 0, 0, 0, 0)\n        : now,\n    [_year, _month]\n  );\n\n  const [referenceDate, setReferenceDate] = React.useState(_referenceDate);\n\n  const startingWeekDay = React.useMemo(\n    () =>\n      dayOfWeekFromWeekStart(\n        referenceDate.getDay(),\n        locale?.options?.weekStartsOn ?? 0\n      ),\n    [referenceDate, locale]\n  );\n\n  const weeksInMonth = React.useMemo(\n    () =>\n      getWeeksInMonth(referenceDate, {\n        weekStartsOn: locale?.options?.weekStartsOn ?? 0,\n      }),\n    [referenceDate, locale]\n  );\n\n  const Capitalized = React.useMemo(\n    () => getCapitalizedTextComponent(TextComponent),\n    [TextComponent]\n  );\n\n  const calendar = React.useMemo(\n    () =>\n      [...Array(weeksInMonth).keys()].map(week =>\n        [...Array(7).keys()].map(weekDayIndex =>\n          add(referenceDate, {\n            days: 6 * week + week + weekDayIndex - startingWeekDay,\n          })\n        )\n      ),\n    [weeksInMonth, startingWeekDay, referenceDate]\n  );\n\n  const handlePressNext = React.useCallback(() => {\n    setReferenceDate(add(referenceDate, { months: 1 }));\n  }, [referenceDate, setReferenceDate]);\n\n  const handlePressPrev = React.useCallback(() => {\n    setReferenceDate(add(referenceDate, { months: -1 }));\n  }, [referenceDate, setReferenceDate]);\n\n  return (\n    <View {...rest}>\n      <TitleContainer>\n        <Control onPress={handlePressPrev} align={'start'} isLeft>\n          <Icon\n            name={'chevron-left'}\n            type={'material-community'}\n            size={'kilo'}\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n          />\n        </Control>\n        <Capitalized\n          colorVariant={'secondary'}\n          colorTone={'xdark'}\n          fontWeight={'bold'}\n        >\n          {format(referenceDate, 'MMMM yyyy', { locale })}\n        </Capitalized>\n        <Control onPress={handlePressNext} align={'end'} isRright>\n          <Icon\n            name={'chevron-right'}\n            type={'material-community'}\n            size={'kilo'}\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n          />\n        </Control>\n      </TitleContainer>\n      <Content>\n        <Weekdays\n          locale={locale}\n          calendar={calendar}\n          Capitalized={Capitalized}\n        />\n        {calendar.map((week, index) => (\n          <MonthWeek\n            week={week}\n            type={type}\n            value={value}\n            key={`week-${index}`}\n            onChange={onChange}\n            TextComponent={TextComponent}\n            referenceDate={referenceDate}\n          />\n        ))}\n      </Content>\n    </View>\n  );\n}\n\nexport default Calendar;\n"],"names":["set","React","getWeeksInMonth","getCapitalizedTextComponent","add","View","TitleContainer","Control","format","Content"],"mappings":"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"}

package/dist/cjs/components/molecules/Calendar/components/MonthWeek.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MonthWeek.js","sources":["../../../../../../src/components/molecules/Calendar/components/MonthWeek.tsx"],"sourcesContent":["import React from 'react';\nimport { compareAsc as compare, isSameDay } from 'date-fns';\nimport { Cell, Selected, Week } from '../styled';\nimport { Value, DateRange, SelectionType } from '../Calendar';\nimport { TextProps } from '@tecsinapse/react-core';\n\ninterface IMonthWeek<T extends SelectionType> {\n  TextComponent: React.FC<TextProps>;\n  /** any as workaround for TS type mismatching */\n  onChange?: (value?: any) => void | never;\n  type?: T;\n  value?: Value<T>;\n  week: Date[];\n  referenceDate: Date;\n}\n\nconst MonthWeek = <T extends SelectionType>({\n  week,\n  referenceDate,\n  type,\n  value,\n  TextComponent,\n  onChange,\n}: IMonthWeek<T>) => {\n  const checkIfIsBetween = React.useCallback(\n    (date: Date, _value?: Value<T>) => {\n      if (type !== 'range' || !_value) return false;\n      else {\n        const { lowest, highest } = _value as DateRange;\n        if (!highest) return false;\n        return compare(lowest, date) <= 0 && compare(highest, date) >= 0;\n      }\n    },\n    [type]\n  );\n\n  const checkIfIsSelected = React.useCallback(\n    (date: Date, _value?: Value<T>) => {\n      if (!_value) return false;\n      else if (type === 'range' && _value) {\n        const { lowest, highest } = _value as DateRange;\n        return (\n          isSameDay(lowest, date) ||\n          (highest ? isSameDay(highest, date) : false)\n        );\n      } else {\n        return isSameDay(_value as Date, date);\n      }\n    },\n    [type]\n  );\n\n  const handlePressCell = React.useCallback(\n    (date: Date, _value?: Value<T>) => () => {\n      if (type === 'day') {\n        onChange?.(date as never);\n      } else if (!_value) {\n        onChange?.({ lowest: date } as never);\n      } else {\n        let newValue;\n        const { lowest, highest } = _value as DateRange;\n\n        if (!highest) {\n          if (compare(date, lowest) === -1) {\n            newValue = { lowest: date, highest: undefined };\n          } else if (compare(date, lowest) === 0) {\n            newValue = undefined;\n          } else {\n            newValue = { lowest: lowest, highest: date };\n          }\n        } else {\n          if (compare(date, lowest) === -1) {\n            newValue = { lowest: date, highest: undefined };\n          } else if (compare(date, lowest) === 0) {\n            newValue = undefined;\n          } else {\n            if (compare(date, highest) === -1) {\n              newValue = { lowest: lowest, highest: date };\n            } else if (compare(date, highest) === 0) {\n              newValue = { lowest: lowest, highest: undefined };\n            } else {\n              newValue = { lowest: lowest, highest: date };\n            }\n          }\n        }\n\n        onChange?.(newValue as never);\n      }\n    },\n    [onChange, type]\n  );\n\n  return (\n    <Week>\n      {week.map((date, index) => {\n        const isSelected = checkIfIsSelected(date, value);\n        const isBetween = checkIfIsBetween(date, value);\n\n        let isRangeStart, isRangeEnd;\n\n        if (type === 'range' && value) {\n          const { lowest, highest } = value as DateRange;\n          isRangeStart = highest && isSameDay(lowest, date);\n          isRangeEnd = !!highest && isSameDay(highest, date);\n        } else {\n          isRangeStart = false;\n          isRangeEnd = false;\n        }\n\n        const colorTone = isSelected\n          ? 'xlight'\n          : date.getMonth() === referenceDate.getMonth()\n          ? 'xdark'\n          : 'light';\n\n        return (\n          <Cell\n            key={date.getDate()}\n            selected={isSelected}\n            highlighted={isBetween}\n            isLineEnd={index === 6}\n            isLineStart={index === 0}\n            isRangeStart={isRangeStart}\n            isRangeEnd={isRangeEnd}\n            onPress={handlePressCell(date, value)}\n          >\n            <Selected selected={isSelected} pointerEvents={'none'}>\n              <TextComponent colorVariant={'secondary'} colorTone={colorTone}>\n                {date.getDate()}\n              </TextComponent>\n            </Selected>\n          </Cell>\n        );\n      })}\n    </Week>\n  );\n};\n\nexport default React.memo(MonthWeek);\n"],"names":["compare","isSameDay","Week","Cell","Selected"],"mappings":"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"}

package/dist/cjs/components/molecules/Calendar/components/Weekdays.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Weekdays.js","sources":["../../../../../../src/components/molecules/Calendar/components/Weekdays.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell, Week } from '../styled';\nimport { format } from 'date-fns';\n\ninterface IWeekdays {\n  calendar: Date[][];\n  locale?: Locale;\n  Capitalized: React.ElementType;\n}\n\nconst Weekdays = ({ calendar, locale, Capitalized }: IWeekdays) => {\n  return (\n    <Week>\n      {calendar[0].map(date => (\n        <Cell\n          key={date.getDate()}\n          selected={false}\n          highlighted={false}\n          isLineEnd={false}\n          isLineStart={false}\n          isRangeStart={false}\n          isRangeEnd={false}\n          pointerEvents={'none'}\n        >\n          <Capitalized colorVariant={'secondary'} colorTone={'medium'}>\n            {format(date, 'EEE', { locale }).slice(0, 3)}\n          </Capitalized>\n        </Cell>\n      ))}\n    </Week>\n  );\n};\n\nexport default React.memo(Weekdays);\n"],"names":["Week","Cell","format"],"mappings":";;;;;;AAUA,MAAM,WAAW,CAAC,EAAE,QAAU,EAAA,MAAA,EAAQ,aAA6B,KAAA;AACjE,EAAA,2CACGA,WACE,EAAA,IAAA,EAAA,QAAA,CAAS,CAAC,CAAA,CAAE,IAAI,CACf,IAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,KAAK,OAAQ,EAAA;AAAA,MAClB,QAAU,EAAA,KAAA;AAAA,MACV,WAAa,EAAA,KAAA;AAAA,MACb,SAAW,EAAA,KAAA;AAAA,MACX,WAAa,EAAA,KAAA;AAAA,MACb,YAAc,EAAA,KAAA;AAAA,MACd,UAAY,EAAA,KAAA;AAAA,MACZ,aAAe,EAAA,MAAA;AAAA,KAAA;AAAA,wCAEd,WAAY,EAAA,EAAA,YAAA,EAAc,WAAa,EAAA,SAAA,EAAW,YAChDC,cAAO,CAAA,IAAA,EAAM,KAAO,EAAA,EAAE,QAAQ,CAAA,CAAE,KAAM,CAAA,CAAA,EAAG,CAAC,CAC7C,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,iBAAe,KAAA,CAAM,KAAK,QAAQ,CAAA;;;;"}

package/dist/cjs/components/molecules/Calendar/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Calendar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { Platform, PressableProps, ViewProps } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { TextProps } from '../../atoms/Text';\n\nconst isWeb = Platform.OS === 'web';\n\ninterface ButtonBorders {\n  isLeft?: boolean;\n  isRright?: boolean;\n}\n\nexport const TitleContainer = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  background-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const Control = styled(PressableSurface)(\n  (\n    props: Partial<StyleProps> & ButtonBorders & { align: 'start' | 'end' }\n  ) => css`\n    align-items: flex-${props.align};\n    padding: ${props.theme?.spacing.centi};\n    border-radius: ${props.theme?.borderRadius.mili};\n    margin: ${props.theme?.spacing.mili};\n  `\n);\n\nexport const getCapitalizedTextComponent = (component: FC<TextProps>) => {\n  return styled(component)`\n    text-transform: capitalize;\n  `;\n};\n\nexport const Content = styled.View<ViewProps & Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.deca};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const Week = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n`;\n\nexport const Selected = styled.View<\n  Partial<StyleProps> & { selected: boolean }\n>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: ${({ theme, selected }) =>\n    selected ? theme.color.primary.medium : 'transparent'};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  width: 100%;\n  height: 100%;\n`;\n\nexport const Cell = styled(PressableSurface)<\n  PressableProps &\n    Partial<StyleProps> & {\n      selected: boolean;\n      highlighted: boolean;\n      isLineEnd: boolean;\n      isLineStart: boolean;\n      isRangeStart: boolean;\n      isRangeEnd: boolean;\n    }\n>(\n  ({\n    theme,\n    selected,\n    highlighted,\n    isLineEnd,\n    isLineStart,\n    isRangeStart,\n    isRangeEnd,\n  }) => {\n    const borderRadiusSize = theme.borderRadius.mili;\n\n    const { rightBorderRadius, leftBorderRadius } = {\n      rightBorderRadius:\n        (selected && !isRangeStart) || isLineEnd ? borderRadiusSize : 0,\n      leftBorderRadius:\n        (selected && !isRangeEnd) || isLineStart ? borderRadiusSize : 0,\n    };\n\n    const borderEffect = highlighted ? 0 : borderRadiusSize;\n\n    const backgroundColor = highlighted\n      ? theme.color.primary.light\n      : 'transparent';\n\n    return css`\n      ${isWeb\n        ? css`\n            width: 32px;\n            height: 32px;\n          `\n        : css`\n            aspect-ratio: 1;\n            flex: 1;\n          `}\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: ${borderEffect};\n      border-top-left-radius: ${leftBorderRadius};\n      border-bottom-left-radius: ${leftBorderRadius};\n      border-top-right-radius: ${rightBorderRadius};\n      border-bottom-right-radius: ${rightBorderRadius};\n      background-color: ${backgroundColor};\n    `;\n  }\n);\n"],"names":["Platform","css"],"mappings":";;;;;;AAOA,MAAM,KAAA,GAAQA,qBAAS,EAAO,KAAA,KAAA,CAAA;AAOvB,MAAM,iBAAiB,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,oBAAA,EAIf,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,MAAM,CAAA;AAAA,EAAA;AAGpD,MAAA,OAAA,GAAU,OAAO,gBAAgB,CAAA;AAAA,EAC5C,CACE,KACG,KAAAC,UAAA,CAAA;AAAA,sBAAA,EACiB,MAAM,KAAK,CAAA;AAAA,aACpB,EAAA,KAAA,CAAM,KAAO,EAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,mBACpB,EAAA,KAAA,CAAM,KAAO,EAAA,YAAA,CAAa,IAAI,CAAA;AAAA,YACrC,EAAA,KAAA,CAAM,KAAO,EAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,EAAA,CAAA;AAEvC,EAAA;AAEa,MAAA,2BAAA,GAA8B,CAAC,SAA6B,KAAA;AACvE,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAGzB,EAAA;AAEO,MAAM,UAAU,MAAO,CAAA,IAAA,CAAA;AAAA,WAAA,EACjB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,oBAAA,EACxB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,EAAA;AAG9D,MAAM,OAAO,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAIpB,MAAM,WAAW,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,oBAMT,EAAA,CAAC,EAAE,KAAA,EAAO,QAAS,EAAA,KACrC,WAAW,KAAM,CAAA,KAAA,CAAM,OAAQ,CAAA,MAAA,GAAS,aAAa,CAAA;AAAA,iBAAA,EACtC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA;AAAA;AAAA,EAAA;AAK5C,MAAA,IAAA,GAAO,OAAO,gBAAgB,CAAA;AAAA,EAWzC,CAAC;AAAA,IACC,KAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,GACI,KAAA;AACJ,IAAM,MAAA,gBAAA,GAAmB,MAAM,YAAa,CAAA,IAAA,CAAA;AAE5C,IAAM,MAAA,EAAE,iBAAmB,EAAA,gBAAA,EAAqB,GAAA;AAAA,MAC9C,iBACG,EAAA,QAAA,IAAY,CAAC,YAAA,IAAiB,YAAY,gBAAmB,GAAA,CAAA;AAAA,MAChE,gBACG,EAAA,QAAA,IAAY,CAAC,UAAA,IAAe,cAAc,gBAAmB,GAAA,CAAA;AAAA,KAClE,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,cAAc,CAAI,GAAA,gBAAA,CAAA;AAEvC,IAAA,MAAM,eAAkB,GAAA,WAAA,GACpB,KAAM,CAAA,KAAA,CAAM,QAAQ,KACpB,GAAA,aAAA,CAAA;AAEJ,IAAO,OAAAA,UAAA,CAAA;AAAA,MAAA,EACH,KACE,GAAAA,UAAA,CAAA;AAAA;AAAA;AAAA,UAIA,CAAA,GAAAA,UAAA,CAAA;AAAA;AAAA;AAAA,UAGC,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,qBAAA,EAIY,YAAY,CAAA;AAAA,8BAAA,EACH,gBAAgB,CAAA;AAAA,iCAAA,EACb,gBAAgB,CAAA;AAAA,+BAAA,EAClB,iBAAiB,CAAA;AAAA,kCAAA,EACd,iBAAiB,CAAA;AAAA,wBAAA,EAC3B,eAAe,CAAA;AAAA,IAAA,CAAA,CAAA;AAAA,GAEvC;AACF;;;;;;;;;;"}

package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import { format as formatDate } from 'date-fns';\nimport * as React from 'react';\nimport { useCallback, useEffect } from 'react';\nimport { InputContainerProps, useInputFocus } from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { CalendarProps, DateRange, SelectionType } from '../Calendar';\nimport { HintInputContainer } from '../HintInputContainer';\nimport { CalendarIcon, getStyledTextComponent } from './styled';\n\nexport interface DatePickerProps<T extends SelectionType>\n  extends InputContainerProps,\n    Omit<CalendarProps<T>, 'style'> {\n  controlComponent?: (\n    onPress: () => void,\n    displayValue?: string\n  ) => JSX.Element;\n  TextComponent?: React.FC<TextProps>;\n  CalendarComponent: React.FC<CalendarProps<T>>;\n  placeholder?: string;\n  onFocus?: () => void | never;\n  onBlur?: () => void | never;\n  format?: string;\n  closeOnPick?: boolean;\n  renderCalendar: (\n    calendar: React.ReactElement,\n    blur?: () => void\n  ) => JSX.Element | null;\n  requestShowCalendar: () => void;\n  requestCloseCalendar: () => void;\n}\n\nfunction DatePicker<T extends SelectionType>({\n  /** DatePicker props */\n  month,\n  year,\n  onChange,\n  value,\n  type,\n  format = 'yyyy-MM-dd',\n  placeholder,\n  onFocus,\n  onBlur,\n  disabled,\n  controlComponent,\n  hintComponent,\n  hint,\n  variant,\n  TextComponent = Text,\n  CalendarComponent,\n  rightComponent,\n  style,\n  locale,\n  closeOnPick = false,\n  renderCalendar,\n  requestShowCalendar,\n  requestCloseCalendar,\n  ...rest\n}: DatePickerProps<T>): JSX.Element {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  const handleShowCalendar = React.useCallback(() => {\n    requestShowCalendar();\n    handleFocus();\n  }, [handleFocus, requestShowCalendar]);\n\n  const getDisplayValue = () => {\n    if (!value) return placeholder;\n    if (type === 'day') {\n      return formatDate(value as Date, format, { locale: locale });\n    } else {\n      const { lowest, highest } = value as DateRange;\n      if (highest)\n        return `${formatDate(lowest, format, {\n          locale: locale,\n        })} - ${formatDate(highest, format, { locale: locale })}`;\n      else return placeholder;\n    }\n  };\n\n  const StyledText = getStyledTextComponent(TextComponent);\n\n  const handleRequestCloseCalendar = useCallback(() => {\n    requestCloseCalendar();\n    handleBlur();\n  }, [requestCloseCalendar, handleBlur]);\n\n  useEffect(() => {\n    if (closeOnPick && value && type === 'day') {\n      setTimeout(handleRequestCloseCalendar, 200);\n    }\n    if (closeOnPick && value && type === 'range') {\n      const { lowest, highest } = value as DateRange;\n      lowest && highest && setTimeout(handleRequestCloseCalendar, 200);\n    }\n  }, [value, closeOnPick, type, handleRequestCloseCalendar]);\n\n  const calendar = (\n    <CalendarComponent\n      pointerEvents={'box-none'}\n      type={type}\n      value={value}\n      month={month}\n      year={year}\n      onChange={onChange}\n      locale={locale}\n    />\n  );\n\n  return (\n    <>\n      {controlComponent ? (\n        controlComponent(handleShowCalendar, getDisplayValue())\n      ) : (\n        <HintInputContainer\n          focused={focused}\n          viewStyle={style}\n          onPress={handleShowCalendar}\n          disabled={disabled}\n          hintComponent={hintComponent}\n          LabelComponent={TextComponent}\n          variant={variant}\n          hint={hint}\n          rightComponent={\n            <>\n              <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n              {rightComponent}\n            </>\n          }\n          {...rest}\n        >\n          <StyledText fontWeight=\"bold\" disabled={disabled}>\n            {getDisplayValue() || ' '}\n          </StyledText>\n        </HintInputContainer>\n      )}\n      {renderCalendar(calendar, handleBlur)}\n    </>\n  );\n}\n\nexport default DatePicker;\n"],"names":["useInputFocus","React","formatDate","getStyledTextComponent","useCallback","useEffect","CalendarIcon"],"mappings":"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"}

package/dist/cjs/components/molecules/DatePicker/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/DatePicker/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { Icon } from '../../atoms/Icon';\nimport { disabledInputStyles, InputContainerProps } from '../../atoms/Input';\nimport { TextProps } from '../../atoms/Text';\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n  return styled(component)(\n    (props: Partial<InputContainerProps> & Partial<StyleProps>) => css`\n      line-height: ${props.theme?.typography.h5.lineHeight};\n      ${disabledInputStyles(props)}\n    `\n  );\n};\n\nexport const CalendarIcon = styled(Icon)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi};\n  color: ${({ theme }) => theme.color.secondary.medium};\n`;\n"],"names":["css","disabledInputStyles"],"mappings":";;;;;;;;;;;;AAOa,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAO,OAAO,SAAS,CAAA;AAAA,IACrB,CAAC,KAA8D,KAAAA,UAAA,CAAA;AAAA,mBAAA,EAC9C,KAAM,CAAA,KAAA,EAAO,UAAW,CAAA,EAAA,CAAG,UAAU,CAAA;AAAA,MAClD,EAAAC,4BAAA,CAAoB,KAAK,CAAC,CAAA;AAAA,IAAA,CAAA;AAAA,GAEhC,CAAA;AACF,EAAA;AAEa,MAAA,YAAA,GAAe,OAAO,IAAI,CAAA,CAAA;AAAA,WAAA,EAC1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA,SAAA,EACpC,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,MAAM,CAAA;AAAA;;;;;"}

package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimePicker.js","sources":["../../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { format as formatDate } from 'date-fns';\nimport * as React from 'react';\nimport { InputContainerProps, useInputFocus } from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { CalendarIcon, getStyledTextComponent } from '../DatePicker/styled';\nimport { DateTimeSelector, DateTimeSelectorProps } from '../DateTimeSelector';\nimport { HintInputContainer } from '../HintInputContainer';\nimport { getStyledDateTimeSelector } from './styled';\n\nexport interface DateTimePickerProps\n  extends InputContainerProps,\n    Omit<DateTimeSelectorProps, 'style'> {\n  controlComponent?: (\n    onPress: () => void,\n    displayValue?: string\n  ) => JSX.Element;\n  TextComponent?: React.FC<TextProps>;\n  DateTimeSelectorComponent: React.FC<DateTimeSelectorProps>;\n  placeholder?: string;\n  onFocus?: () => void | never;\n  onBlur?: () => void | never;\n  renderSelector: (\n    selector: React.ReactElement,\n    blur?: () => void\n  ) => JSX.Element | null;\n  requestShowSelector: () => void;\n  requestCloseSelector: () => void;\n}\n\nconst DateTimePicker: React.FC<DateTimePickerProps> = ({\n  onChange,\n  value,\n  mode = 'date',\n  format = 'yyyy-MM-dd hh:mm:ss',\n  locale,\n  upperDateThreshold,\n  lowerDateThreshold,\n  offsetThreshold,\n  upperOffsetThreshold,\n  lowerOffsetThreshold,\n  dateModalTitle,\n  timeModalTitle,\n  dateConfirmButtonText,\n  timeConfirmButtonText,\n  dayLabel,\n  monthLabel,\n  yearLabel,\n  hourLabel,\n  minuteLabel,\n  placeholder,\n  onFocus,\n  onBlur,\n  disabled,\n  controlComponent,\n  hintComponent,\n  hint,\n  variant = 'default',\n  TextComponent = Text,\n  DateTimeSelectorComponent = DateTimeSelector,\n  rightComponent,\n  style,\n  renderSelector,\n  requestShowSelector,\n  requestCloseSelector,\n  ...rest\n}) => {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  const handleShowSelector = () => {\n    requestShowSelector();\n    handleFocus();\n  };\n\n  const handleChoosing = (value: Date) => {\n    onChange?.(value);\n    requestCloseSelector();\n  };\n\n  const StyledText = getStyledTextComponent(TextComponent);\n  const displayValue =\n    (value ? formatDate(value, format, { locale: locale }) : placeholder) ||\n    ' ';\n  const StyledDateTimeSelector = getStyledDateTimeSelector(\n    DateTimeSelectorComponent\n  );\n\n  const dateTimeSelector = (\n    <StyledDateTimeSelector\n      value={value}\n      mode={mode}\n      format={format}\n      locale={locale}\n      upperDateThreshold={upperDateThreshold}\n      lowerDateThreshold={lowerDateThreshold}\n      offsetThreshold={offsetThreshold}\n      upperOffsetThreshold={upperOffsetThreshold}\n      lowerOffsetThreshold={lowerOffsetThreshold}\n      dateModalTitle={dateModalTitle}\n      timeModalTitle={timeModalTitle}\n      dateConfirmButtonText={dateConfirmButtonText}\n      timeConfirmButtonText={timeConfirmButtonText}\n      dayLabel={dayLabel}\n      monthLabel={monthLabel}\n      yearLabel={yearLabel}\n      hourLabel={hourLabel}\n      minuteLabel={minuteLabel}\n      onChange={handleChoosing}\n    />\n  );\n\n  return (\n    <>\n      {controlComponent ? (\n        controlComponent(handleShowSelector, displayValue)\n      ) : (\n        <HintInputContainer\n          focused={focused}\n          viewStyle={style}\n          onPress={handleShowSelector}\n          disabled={disabled}\n          LabelComponent={TextComponent}\n          variant={variant}\n          hint={hint}\n          hintComponent={hintComponent}\n          rightComponent={\n            <>\n              <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n              {rightComponent}\n            </>\n          }\n          {...rest}\n        >\n          <StyledText fontWeight=\"bold\" disabled={disabled}>\n            {displayValue}\n          </StyledText>\n        </HintInputContainer>\n      )}\n      {renderSelector(dateTimeSelector, handleBlur)}\n    </>\n  );\n};\n\nexport default DateTimePicker;\n"],"names":["useInputFocus","value","getStyledTextComponent","formatDate","getStyledDateTimeSelector","React","CalendarIcon"],"mappings":"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"}

package/dist/cjs/components/molecules/DateTimePicker/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/DateTimePicker/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { DateTimeSelectorProps } from '../DateTimeSelector';\n\nexport const getStyledDateTimeSelector = (\n  component: FC<DateTimeSelectorProps>\n) => {\n  return styled(component)<Partial<StyleProps>>`\n    padding: ${({ theme }) => theme.spacing.deca};\n  `;\n};\n"],"names":[],"mappings":";;;;AAKa,MAAA,yBAAA,GAA4B,CACvC,SACG,KAAA;AACH,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EACV,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAEhD;;;;"}

package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimeSelector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n  add,\n  compareAsc,\n  format as formatDate,\n  getDaysInMonth,\n  isSameDay,\n  isSameMonth,\n  isSameYear,\n  set,\n  sub,\n} from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Button } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { Granularity, Selector } from './Selector';\nimport { BackButton, Content, Header, Root, SelectorContainer } from './styled';\n\nexport type DateTimeSelectorMode = 'date' | 'time' | 'datetime' | 'month';\n\nexport interface DateTimeSelectorProps extends ViewProps {\n  TextComponent?: React.FC<TextProps>;\n  value?: Date;\n  onChange?: (value: Date) => void | never;\n\n  /**\n   * Defines the Picker behavior\n   * Must be one of ['date', 'time', 'datetime', 'month']\n   */\n  mode?: DateTimeSelectorMode;\n  format?: string;\n  locale?: Locale;\n\n  /**\n   * Maximum date from today\n   */\n  upperDateThreshold?: Date;\n\n  /**\n   * Minimum date from today\n   */\n  lowerDateThreshold?: Date;\n\n  /**\n   * Minimum and maximum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  offsetThreshold?: number;\n\n  /**\n   * Maximum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  upperOffsetThreshold?: number;\n\n  /**\n   * Minimum date in distance units from today.\n   * The distance unit used depends on the picker mode\n   * If mode is date, the unit is day\n   * If mode is time, the unit is hour\n   * If mode is datetime, the unit is day\n   * If mode is month, the unit is month\n   */\n  lowerOffsetThreshold?: number;\n\n  dateModalTitle?: string;\n  timeModalTitle?: string;\n  dateConfirmButtonText?: string;\n  timeConfirmButtonText?: string;\n  dayLabel?: string;\n  monthLabel?: string;\n  yearLabel?: string;\n  hourLabel?: string;\n  minuteLabel?: string;\n}\n\nfunction getThresholdUnit(mode: DateTimeSelectorMode, threshold?: number) {\n  if (!threshold) return {};\n  if (mode === 'month') {\n    return { months: threshold };\n  } else if (['date', 'datetime'].includes(mode)) {\n    return { days: threshold };\n  } else {\n    return { hours: threshold };\n  }\n}\n\nconst DateTimeSelector: React.FC<DateTimeSelectorProps> = ({\n  TextComponent = Text,\n  value,\n  onChange,\n  mode = 'date',\n  locale,\n  upperDateThreshold: _upperDateThreshold,\n  lowerDateThreshold: _lowerDateThreshold,\n  offsetThreshold,\n  upperOffsetThreshold,\n  lowerOffsetThreshold,\n  dateModalTitle,\n  timeModalTitle,\n  dateConfirmButtonText,\n  timeConfirmButtonText,\n  dayLabel,\n  monthLabel,\n  yearLabel,\n  hourLabel,\n  minuteLabel,\n  ...rest\n}) => {\n  const lowerDateThreshold =\n    _lowerDateThreshold ||\n    ((offsetThreshold || lowerOffsetThreshold) &&\n      sub(\n        new Date(),\n        getThresholdUnit(mode, offsetThreshold || lowerOffsetThreshold)\n      ));\n\n  const upperDateThreshold =\n    _upperDateThreshold ||\n    ((offsetThreshold || upperOffsetThreshold) &&\n      add(\n        new Date(),\n        getThresholdUnit(mode, offsetThreshold || upperOffsetThreshold)\n      ));\n\n  const [date, setDate] = React.useState<Date>(value || new Date());\n  const [currentMode, setCurrentMode] = React.useState<0 | 1>(0);\n\n  const isDate =\n    ['date', 'month'].includes(mode) ||\n    (mode === 'datetime' && currentMode === 0);\n\n  const modalTitle = isDate ? dateModalTitle : timeModalTitle;\n  const confirmButtonText = isDate\n    ? dateConfirmButtonText\n    : timeConfirmButtonText;\n\n  const handleChange = (granularity: Granularity) => (newValue: number) => {\n    setDate(date => {\n      let newState: Date;\n      // Months and years must have a different handling for being\n      // the only date units that may interfere another unit.\n      if (['month', 'year'].includes(granularity)) {\n        let newDate = set(date, { [granularity]: newValue });\n        const daysInMonth = getDaysInMonth(newDate);\n        if (granularity === 'year' && date.getMonth() != newDate.getMonth()) {\n          newDate = set(newDate, { month: date.getMonth() });\n          newState = set(newDate, { date: getDaysInMonth(newDate) });\n        }\n        newState =\n          daysInMonth < date.getDate()\n            ? set(newDate, { date: daysInMonth })\n            : newDate;\n      } else {\n        newState = set(date, { [granularity]: newValue });\n      }\n\n      if (upperDateThreshold && compareAsc(newState, upperDateThreshold) > 0) {\n        return upperDateThreshold;\n      } else if (\n        lowerDateThreshold &&\n        compareAsc(newState, lowerDateThreshold) < 0\n      ) {\n        return lowerDateThreshold;\n      } else {\n        return newState;\n      }\n    });\n  };\n\n  const getDisplayedValue = (granularity: Granularity) => (value: number) => {\n    return granularity === 'month'\n      ? formatDate(date, 'MMM', { locale: locale }).slice(0, 3)\n      : value.toString().padStart(2, '0');\n  };\n\n  const handlePressConfirm = () => {\n    if (mode === 'datetime' && currentMode === 0) {\n      setCurrentMode(1);\n    } else {\n      onChange?.(date);\n    }\n  };\n\n  const handlePressBack = () => {\n    setCurrentMode(0);\n  };\n\n  return (\n    <Root {...rest}>\n      <Header>\n        {currentMode === 1 && (\n          <BackButton onPress={handlePressBack}>\n            <Icon\n              type={'material-community'}\n              name={'chevron-left'}\n              size={'mega'}\n              colorVariant={'secondary'}\n            />\n          </BackButton>\n        )}\n        <TextComponent typography={'base'} colorVariant={'secondary'}>\n          {modalTitle}\n        </TextComponent>\n      </Header>\n\n      {isDate ? (\n        <Content>\n          {mode !== 'month' && (\n            <SelectorContainer isFirst>\n              <Selector\n                TextComponent={TextComponent}\n                onChange={handleChange('date')}\n                referenceDate={date}\n                value={date.getDate()}\n                label={dayLabel || 'Day'}\n                granularity={'date'}\n                getDisplayValue={getDisplayedValue('date')}\n                preventUpper={\n                  upperDateThreshold\n                    ? isSameDay(upperDateThreshold, date)\n                    : false\n                }\n                preventLower={\n                  lowerDateThreshold\n                    ? isSameDay(lowerDateThreshold, date)\n                    : false\n                }\n              />\n            </SelectorContainer>\n          )}\n          <SelectorContainer>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('month')}\n              referenceDate={date}\n              value={date.getMonth()}\n              label={monthLabel || 'Month'}\n              granularity={'month'}\n              getDisplayValue={getDisplayedValue('month')}\n              preventUpper={\n                upperDateThreshold\n                  ? isSameMonth(upperDateThreshold, date)\n                  : false\n              }\n              preventLower={\n                lowerDateThreshold\n                  ? isSameMonth(lowerDateThreshold, date)\n                  : false\n              }\n            />\n          </SelectorContainer>\n          <SelectorContainer isLast>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('year')}\n              referenceDate={date}\n              value={date.getFullYear()}\n              label={yearLabel || 'Year'}\n              granularity={'year'}\n              getDisplayValue={getDisplayedValue('year')}\n              preventUpper={\n                upperDateThreshold\n                  ? isSameYear(upperDateThreshold, date)\n                  : false\n              }\n              preventLower={\n                lowerDateThreshold\n                  ? isSameYear(lowerDateThreshold, date)\n                  : false\n              }\n            />\n          </SelectorContainer>\n        </Content>\n      ) : (\n        <Content>\n          <SelectorContainer isFirst>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('hours')}\n              referenceDate={date}\n              value={date.getHours()}\n              label={hourLabel || 'Hour'}\n              granularity={'hours'}\n              getDisplayValue={getDisplayedValue('hours')}\n            />\n          </SelectorContainer>\n          <SelectorContainer isLast>\n            <Selector\n              TextComponent={TextComponent}\n              onChange={handleChange('minutes')}\n              referenceDate={date}\n              value={date.getMinutes()}\n              label={minuteLabel || 'Minute'}\n              granularity={'minutes'}\n              getDisplayValue={getDisplayedValue('minutes')}\n            />\n          </SelectorContainer>\n        </Content>\n      )}\n      <Button color={'primary'} onPress={handlePressConfirm}>\n        <TextComponent fontWeight=\"bold\" fontColor=\"light\">\n          {confirmButtonText || 'OK'}\n        </TextComponent>\n      </Button>\n    </Root>\n  );\n};\n\nexport default DateTimeSelector;\n"],"names":["sub","add","React","date","set","getDaysInMonth","compareAsc","value","formatDate","Root","Header","BackButton","Content","SelectorContainer","Selector","isSameDay","isSameMonth","isSameYear"],"mappings":"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"}

package/dist/cjs/components/molecules/DateTimeSelector/Selector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Selector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/Selector.tsx"],"sourcesContent":["import { getDaysInMonth } from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Icon } from '../../atoms/Icon';\nimport { TextProps } from '../../atoms/Text';\nimport { Control, SelectorRoot, SelectorValue } from './styled';\n\nexport type Granularity = 'date' | 'month' | 'year' | 'hours' | 'minutes';\n\ninterface SelectorProps extends ViewProps {\n  TextComponent: React.FC<TextProps>;\n  granularity: Granularity;\n  referenceDate: Date;\n  label: string;\n  value: number;\n  getDisplayValue: (value: number) => string;\n  onChange: (value: number) => void | never;\n  preventUpper?: boolean;\n  preventLower?: boolean;\n}\n\nfunction getPrevAndNext(\n  value: number,\n  granularity: Granularity,\n  daysInMonth: number,\n  multiplier = 1\n): [number, number] {\n  let next = value + multiplier,\n    prev = value - multiplier;\n\n  if (granularity === 'date') {\n    next = next > daysInMonth ? 1 : next;\n    prev = prev < 1 ? daysInMonth : prev;\n  } else if (granularity === 'month') {\n    next = next > 11 ? 0 : next;\n    prev = prev < 0 ? 11 : prev;\n  } else if (granularity === 'hours') {\n    next = next > 23 ? 0 : next;\n    prev = prev < 0 ? 23 : prev;\n  } else if (granularity === 'minutes') {\n    next = next > 59 ? 0 : next;\n    prev = prev < 0 ? 59 : prev;\n  }\n\n  return [prev, next];\n}\nexport const Selector: React.FC<SelectorProps> = ({\n  granularity,\n  label,\n  value,\n  onChange,\n  getDisplayValue,\n  referenceDate,\n  preventUpper,\n  preventLower,\n  TextComponent,\n  ...rest\n}) => {\n  const pressInTimeoutRef = React.useRef<NodeJS.Timeout>();\n\n  const handlePressInNext = (_next?: number) => {\n    const daysInMonth = getDaysInMonth(referenceDate);\n    const next = _next || getPrevAndNext(value, granularity, daysInMonth)[1];\n    clearTimeout(pressInTimeoutRef.current);\n    pressInTimeoutRef.current = setTimeout(() => {\n      handlePressInNext(getPrevAndNext(next, granularity, daysInMonth, 3)[1]);\n    }, 500);\n    onChange(next);\n  };\n\n  const handlePressInPrev = (_prev?: number) => {\n    const daysInMonth = getDaysInMonth(referenceDate);\n    const prev = _prev || getPrevAndNext(value, granularity, daysInMonth)[0];\n    clearTimeout(pressInTimeoutRef.current);\n    pressInTimeoutRef.current = setTimeout(() => {\n      handlePressInPrev(getPrevAndNext(prev, granularity, daysInMonth, 3)[0]);\n    }, 500);\n    onChange(prev);\n  };\n\n  const handlePressOut = () => {\n    pressInTimeoutRef.current && clearTimeout(pressInTimeoutRef.current);\n  };\n\n  return (\n    <SelectorRoot {...rest}>\n      <Control\n        onPressIn={() => requestAnimationFrame(() => handlePressInNext())}\n        onPressOut={handlePressOut}\n        disabled={preventUpper}\n      >\n        <Icon\n          name={'chevron-up'}\n          type={'material-community'}\n          size={'mega'}\n          colorVariant={'primary'}\n        />\n      </Control>\n      <SelectorValue>\n        <TextComponent colorVariant={'secondary'} typography={'sub'}>\n          {label}\n        </TextComponent>\n        <TextComponent fontWeight={'bold'} typography={'h5'}>\n          {getDisplayValue(value)}\n        </TextComponent>\n      </SelectorValue>\n      <Control\n        onPressIn={() => requestAnimationFrame(() => handlePressInPrev())}\n        onPressOut={handlePressOut}\n        disabled={preventLower}\n        style={{ opacity: preventLower ? 0 : 1 }}\n      >\n        <Icon\n          name={'chevron-down'}\n          type={'material-community'}\n          size={'mega'}\n          colorVariant={'primary'}\n        />\n      </Control>\n    </SelectorRoot>\n  );\n};\n"],"names":["React","getDaysInMonth","SelectorRoot","Control","SelectorValue"],"mappings":"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"}

package/dist/cjs/components/molecules/DateTimeSelector/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/DateTimeSelector/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { PressableSurface } from '../../atoms/PressableSurface';\n\nexport const Root = styled.View<Partial<StyleProps>>`\n  position: relative;\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const Content = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n  justify-content: space-between;\n  margin-vertical: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const SelectorRoot = styled.View<Partial<StyleProps>>`\n  border-width: ${RFValueStr('1px')};\n  border-color: ${({ theme }) => theme.color.secondary.xlight};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n`;\n\nexport const SelectorValue = styled.View`\n  align-items: center;\n`;\n\nexport const SelectorContainer = styled.View<\n  Partial<StyleProps> & { isFirst?: boolean; isLast?: boolean }\n>`\n  margin-right: ${({ theme, isFirst }) => (isFirst ? theme.spacing.deca : 0)};\n  margin-left: ${({ theme, isLast }) => (isLast ? theme.spacing.deca : 0)};\n  flex: 1;\n`;\n\nexport const Control = styled(PressableSurface)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  padding: ${({ theme }) => theme.spacing.micro};\n  margin-vertical: ${({ theme }) => theme.spacing.mili};\n  margin-horizontal: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const Header = styled.View`\n  width: 100%;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const BackButton = styled(PressableSurface)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  padding: ${({ theme }) => theme.spacing.micro};\n  position: absolute;\n  aspect-ratio: 1;\n  left: 0;\n`;\n"],"names":["RFValueStr"],"mappings":";;;;;;;;;;;;;;AAKO,MAAM,OAAO,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,oBAAA,EAEL,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,EAAA;AAG9D,MAAM,UAAU,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,mBAAA,EAGT,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAG/C,MAAM,eAAe,MAAO,CAAA,IAAA,CAAA;AAAA,gBACjB,EAAAA,6BAAA,CAAW,KAAK,CAAC,CAAA;AAAA,gBAAA,EACjB,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,MAAM,CAAA;AAAA,iBAAA,EAC1C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,EAAA;AAGlD,MAAM,gBAAgB,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAI7B,MAAM,oBAAoB,MAAO,CAAA,IAAA,CAAA;AAAA,gBAGtB,EAAA,CAAC,EAAE,KAAO,EAAA,OAAA,OAAe,OAAU,GAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,GAAO,CAAE,CAAA;AAAA,eAC3D,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OAAc,MAAS,GAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,GAAO,CAAE,CAAA;AAAA;AAAA,EAAA;AAI5D,MAAA,OAAA,GAAU,OAAO,gBAAgB,CAAA,CAAA;AAAA,iBAAA,EAC3B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,WAAA,EAC5C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA,mBAAA,EAC1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,qBAAA,EAC/B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGjD,MAAM,SAAS,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOhB,MAAA,UAAA,GAAa,OAAO,gBAAgB,CAAA,CAAA;AAAA,iBAAA,EAC9B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,WAAA,EAC5C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;"}

package/dist/cjs/components/molecules/Grid/functions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"functions.js","sources":["../../../../../src/components/molecules/Grid/functions.ts"],"sourcesContent":["import { GridSpacing, PaddingPosition, Spacing } from '@tecsinapse/react-core';\nimport { extractNumbersFromString } from '../../../utils';\n\nexport const getGridItemPadding = (\n  pos: PaddingPosition,\n  _spacing: GridSpacing | undefined,\n  themeSpacing: Spacing\n): number | undefined => {\n  if (_spacing) {\n    if (typeof _spacing === 'string')\n      return extractNumbersFromString(themeSpacing[_spacing]);\n    else if (typeof _spacing === 'object' && _spacing[pos]) {\n      return extractNumbersFromString(themeSpacing[_spacing[pos] ?? '0']);\n    } else return undefined;\n  } else return undefined;\n};\n\n/**\n * Calc the basis width percentage for a given item\n * @param columns - number of grid columns\n * @param span - number of columns to merge\n * @returns {number} - value in %\n */\nexport const getGridItemColumSpan = (columns: number, span: number): number =>\n  100 / (columns / span);\n"],"names":["extractNumbersFromString"],"mappings":";;;;;;;;;;;;AAGO,MAAM,kBAAqB,GAAA,CAChC,GACA,EAAA,QAAA,EACA,YACuB,KAAA;AACvB,EAAA,IAAI,QAAU,EAAA;AACZ,IAAA,IAAI,OAAO,QAAa,KAAA,QAAA;AACtB,MAAO,OAAAA,iDAAA,CAAyB,YAAa,CAAA,QAAQ,CAAC,CAAA,CAAA;AAAA,SAAA,IAC/C,OAAO,QAAA,KAAa,QAAY,IAAA,QAAA,CAAS,GAAG,CAAG,EAAA;AACtD,MAAA,OAAOA,kDAAyB,YAAa,CAAA,QAAA,CAAS,GAAG,CAAA,IAAK,GAAG,CAAC,CAAA,CAAA;AAAA,KACpE;AAAO,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GAChB;AAAO,IAAO,OAAA,KAAA,CAAA,CAAA;AAChB,EAAA;AAQO,MAAM,oBAAuB,GAAA,CAAC,OAAiB,EAAA,IAAA,KACpD,OAAO,OAAU,GAAA,IAAA;;;;;"}

package/dist/cjs/components/molecules/HintInputContainer/HintInputContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HintInputContainer.js","sources":["../../../../../src/components/molecules/HintInputContainer/HintInputContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\nimport {\n  Hint,\n  InputVariantType,\n  PressableInputContainer,\n  PressableInputContainerProps,\n} from '../../atoms/Input';\nimport { TextProps } from '../../atoms/Text';\n\nexport interface HintInputContainerProps extends PressableInputContainerProps {\n  viewStyle?: StyleProp<ViewStyle>;\n  focused: boolean;\n  LabelComponent?: React.FC<TextProps>;\n  onPress?: () => void | never;\n  disabled?: boolean;\n  hint?: string;\n  hintComponent?: JSX.Element;\n  variant?: InputVariantType;\n  rightComponent?: JSX.Element;\n}\n\nconst HintInputContainer: React.FC<HintInputContainerProps> = ({\n  viewStyle,\n  onPress,\n  focused,\n  disabled,\n  LabelComponent,\n  variant = 'default',\n  rightComponent,\n  children,\n  hint,\n  hintComponent,\n  ...rest\n}) => {\n  const _hint = hintComponent || (\n    <Hint TextComponent={LabelComponent} text={hint} variant={variant} />\n  );\n\n  return (\n    <View style={viewStyle}>\n      <PressableInputContainer\n        onPress={onPress}\n        focused={focused}\n        disabled={disabled}\n        LabelComponent={LabelComponent}\n        variant={variant}\n        rightComponent={rightComponent}\n        {...rest}\n      >\n        {children}\n      </PressableInputContainer>\n      {hint && _hint}\n    </View>\n  );\n};\n\nexport default HintInputContainer;\n"],"names":["React","View"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,qBAAwD,CAAC;AAAA,EAC7D,SAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,cAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,KAAA,GAAQ,iCACXA,gBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,eAAe,cAAgB,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AAGrE,EACE,uBAAAA,gBAAA,CAAA,aAAA,CAACC,gBAAK,EAAA,EAAA,KAAA,EAAO,SACX,EAAA,kBAAAD,gBAAA,CAAA,aAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,cAAA;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,QAAA;AAAA,GACH,EACC,QAAQ,KACX,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/molecules/IconTextButton/IconComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconComponent.js","sources":["../../../../../src/components/molecules/IconTextButton/IconComponent.tsx"],"sourcesContent":["import { ButtonSizeType, FontColor, IconProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Icon } from '../../atoms/Icon';\n\ninterface IconComponentProps {\n  iconProps?: IconProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n}\n\nconst IconComponent: FC<IconComponentProps> = ({\n  iconProps,\n  size = 'default',\n  defaultFontColor,\n}) => {\n  return iconProps ? (\n    <Icon\n      size={iconProps.size ?? size === 'small' ? 'deca' : 'kilo'}\n      fontColor={iconProps.fontColor ?? defaultFontColor}\n      {...iconProps}\n    />\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(IconComponent);\n"],"names":[],"mappings":";;;;;AAUA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AACF,CAAM,KAAA;AACJ,EAAA,OAAO,SACL,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,SAAA,CAAU,IAAQ,IAAA,IAAA,KAAS,UAAU,MAAS,GAAA,MAAA;AAAA,MACpD,SAAA,EAAW,UAAU,SAAa,IAAA,gBAAA;AAAA,MACjC,GAAG,SAAA;AAAA,KAAA;AAAA,sBAGJ,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAe,KAAA,CAAM,KAAK,aAAa,CAAA;;;;"}

package/dist/cjs/components/molecules/InputPassword/InputPasswordIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputPasswordIcon.js","sources":["../../../../../src/components/molecules/InputPassword/InputPasswordIcon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonProps } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { StyledPasswordButtonIcon } from './styled';\n\ninterface InputPasswordIconProps extends ButtonProps {\n  revealed: boolean;\n  onChangeState: (revealed: boolean) => void;\n}\n\nconst InputPasswordIcon: FC<InputPasswordIconProps> = ({\n  revealed,\n  onChangeState,\n  ...rest\n}) => {\n  const icon = revealed ? 'eye-outline' : 'eye-off-outline';\n  return (\n    <StyledPasswordButtonIcon\n      {...rest}\n      variant=\"text\"\n      size=\"small\"\n      onPress={() => onChangeState(!revealed)}\n    >\n      <Icon name={icon} type=\"ionicon\" size=\"centi\" />\n    </StyledPasswordButtonIcon>\n  );\n};\n\nexport default InputPasswordIcon;\n"],"names":["StyledPasswordButtonIcon"],"mappings":";;;;;;AAUA,MAAM,oBAAgD,CAAC;AAAA,EACrD,QAAA;AAAA,EACA,aAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,IAAA,GAAO,WAAW,aAAgB,GAAA,iBAAA,CAAA;AACxC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,+BAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,OAAQ,EAAA,MAAA;AAAA,MACR,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,MAAM,aAAc,CAAA,CAAC,QAAQ,CAAA;AAAA,KAAA;AAAA,wCAErC,IAAK,EAAA,EAAA,IAAA,EAAM,MAAM,IAAK,EAAA,SAAA,EAAU,MAAK,OAAQ,EAAA,CAAA;AAAA,GAChD,CAAA;AAEJ;;;;"}

package/dist/cjs/components/molecules/InputPassword/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIa,MAAA,wBAAA,GAA2B,OAAO,MAAM,CAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA;;;;"}

package/dist/cjs/components/molecules/Snackbar/Snackbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Snackbar.js","sources":["../../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Animated, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon, IconProps } from '../../atoms/Icon';\nimport {\n  ContentContainer,\n  DismissContainer,\n  IconContainer,\n  SnackbarContainer,\n  StyledContainerFlexRow,\n  StyledProgressBar,\n  TextContainer,\n} from './styled';\n\nexport interface SnackbarProps {\n  colorVariant?: ColorType;\n  colorTone?: ColorGradationType;\n  open: boolean;\n  /** Close callback */\n  onClose?: () => void;\n  /** Snackbar is closable */\n  dismissable?: boolean;\n  /** Time in miliseconds for auto hide */\n  timeout?: number;\n  /** Decides whether to show timeout progressbar (temporarily disabled) */\n  showProgressBar?: boolean;\n  leftIcon?: IconProps;\n  /** Properties for close icon */\n  rightIcon?: Omit<IconProps, 'name' | 'type'>;\n  anchor?: 'top' | 'bottom';\n  /** Distance from anchorage (results in px) */\n  anchorDistance?: number;\n  style?: StyleProp<ViewStyle>;\n  children?: ReactNode;\n}\n\nconst FADE_DURATION = 500;\n\nconst Snackbar = ({\n  children,\n  open = true,\n  onClose,\n  dismissable = false,\n  timeout = undefined,\n  leftIcon,\n  colorTone = 'xlight',\n  colorVariant = 'primary',\n  rightIcon = { colorTone: 'medium', colorVariant: 'primary' },\n  anchor = 'bottom',\n  anchorDistance,\n  style,\n}: SnackbarProps): JSX.Element => {\n  const fadeAnim = React.useRef(new Animated.Value(0)).current;\n  const timeoutRef = React.useRef<NodeJS.Timeout>();\n  const showProgressBar = false;\n\n  const fadeIn = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 1,\n      useNativeDriver: true,\n      duration: FADE_DURATION,\n    }).start(() => timeout && fadeOut());\n  };\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      useNativeDriver: true,\n      duration: FADE_DURATION,\n      delay: timeout ? timeout - FADE_DURATION : 0,\n    }).start();\n  };\n\n  const handleClose = () => {\n    clearTimeout(timeoutRef.current);\n    fadeAnim.setValue(0);\n    onClose?.();\n  };\n\n  const handleDismiss = () => {\n    fadeOut();\n    setTimeout(() => {\n      handleClose();\n    }, FADE_DURATION);\n  };\n\n  React.useEffect(() => {\n    if (open) {\n      fadeIn();\n    }\n    if (open && timeout) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = setTimeout(() => {\n        handleDismiss();\n      }, timeout + FADE_DURATION);\n    }\n  }, [open, timeout]);\n\n  return (\n    <SnackbarContainer\n      colorVariant={colorVariant}\n      colorTone={colorTone}\n      elevated\n      anchor={anchor}\n      anchorDistance={anchorDistance}\n      visible={open}\n      style={[{ opacity: fadeAnim as unknown as number }, style]}\n      timeout={timeout}\n    >\n      <StyledContainerFlexRow>\n        <ContentContainer>\n          {leftIcon && (\n            <IconContainer>\n              <Icon {...leftIcon} size=\"centi\" />\n            </IconContainer>\n          )}\n          <TextContainer>{children}</TextContainer>\n        </ContentContainer>\n        {dismissable && (\n          <DismissContainer effect=\"none\" onPress={handleDismiss}>\n            <Icon\n              {...rightIcon}\n              size=\"centi\"\n              name=\"close\"\n              type=\"material-community\"\n            />\n          </DismissContainer>\n        )}\n      </StyledContainerFlexRow>\n      {timeout && showProgressBar && open && (\n        <StyledProgressBar\n          valueNow={0}\n          valueMax={100}\n          valueMin={0}\n          animate={true}\n          color={colorVariant}\n          colorTone=\"medium\"\n          animationParameters={{ direction: 'left', duration: timeout }}\n        />\n      )}\n    </SnackbarContainer>\n  );\n};\n\nexport default Snackbar;\n"],"names":["Animated","SnackbarContainer","StyledContainerFlexRow","ContentContainer","IconContainer","TextContainer","DismissContainer","StyledProgressBar"],"mappings":"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"}

package/dist/cjs/components/molecules/Snackbar/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { Paper } from '../../atoms/Paper';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { ProgressBar } from '../../atoms/ProgressBar';\nimport { SnackbarProps } from './Snackbar';\n\nconst baseStyles = ({\n  theme,\n  colorTone = 'xlight',\n  colorVariant = 'primary',\n  visible,\n}: StyleProps & Partial<SnackbarProps> & { visible: boolean }) => css`\n  padding: 0;\n  border-radius: ${theme.borderRadius.mili};\n  background-color: ${theme.color[colorVariant][colorTone]};\n  position: absolute;\n  z-index: ${theme.zIndex.modal};\n  display: ${visible ? 'flex' : 'none'};\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: stretch;\n`;\n\nconst anchorTop = ({\n  theme,\n  anchor,\n  anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n  return (\n    anchor === 'top' &&\n    css`\n      top: ${anchorDistance\n        ? `${RFValue(anchorDistance)}px`\n        : theme.spacing.deca};\n    `\n  );\n};\n\nconst anchorBottom = ({\n  theme,\n  anchor,\n  anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n  return (\n    anchor === 'bottom' &&\n    css`\n      bottom: ${anchorDistance\n        ? `${RFValue(anchorDistance)}px`\n        : theme.spacing.deca};\n    `\n  );\n};\n\nexport const SnackbarContainer = styled(Paper)<\n  Partial<SnackbarProps & StyleProps> & { visible: boolean }\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n  `\n);\n\nexport const ContentContainer = styled(View)`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  flex-shrink: 1;\n`;\n\nexport const IconContainer = styled(View)<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const DismissContainer = styled(PressableSurface)<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)<Partial<StyleProps>>`\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n`;\n\nexport const StyledContainerFlexRow = styled(View)<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const TextContainer = styled(View)`\n  display: flex;\n  flex-shrink: 1;\n`;\n"],"names":["css","RFValue","View"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,SAAY,GAAA,QAAA;AAAA,EACZ,YAAe,GAAA,SAAA;AAAA,EACf,OAAA;AACF,CAAkE,KAAAA,UAAA,CAAA;AAAA;AAAA,iBAE/C,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,oBAAA,EACpB,KAAM,CAAA,KAAA,CAAM,YAAY,CAAA,CAAE,SAAS,CAAC,CAAA;AAAA;AAAA,WAE7C,EAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,WAClB,EAAA,OAAA,GAAU,SAAS,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMtC,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2C,KAAA;AACzC,EAAA,OACE,WAAW,KACX,IAAAA,UAAA,CAAA;AAAA,WACS,EAAA,cAAA,GACH,GAAGC,0BAAQ,CAAA,cAAc,CAAC,CAC1B,EAAA,CAAA,GAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,IAAA,CAAA,CAAA;AAG5B,CAAA,CAAA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2C,KAAA;AACzC,EAAA,OACE,WAAW,QACX,IAAAD,UAAA,CAAA;AAAA,cACY,EAAA,cAAA,GACN,GAAGC,0BAAQ,CAAA,cAAc,CAAC,CAC1B,EAAA,CAAA,GAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,IAAA,CAAA,CAAA;AAG5B,CAAA,CAAA;AAEa,MAAA,iBAAA,GAAoB,OAAO,KAAK,CAAA;AAAA,EAG3C,CAAS,KAAA,KAAAD,UAAA,CAAA;AAAA,IACL,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IACjB,EAAA,YAAA,CAAa,KAAK,CAAC,CAAA;AAAA,IACnB,EAAA,SAAA,CAAU,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAEtB,EAAA;AAEa,MAAA,gBAAA,GAAmB,OAAOE,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAO9B,MAAA,aAAA,GAAgB,OAAOA,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAItB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGtC,MAAA,gBAAA,GAAmB,OAAO,gBAAgB,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAItC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGrC,MAAA,iBAAA,GAAoB,OAAO,WAAW,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKtC,MAAA,sBAAA,GAAyB,OAAOA,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGjC,MAAA,aAAA,GAAgB,OAAOA,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;;;;;;;;;;"}

package/dist/cjs/components/molecules/TextArea/TextArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { FontStackType, FontWeightType } from '@tecsinapse/react-core';\nimport {\n  Hint,\n  InputContainerProps,\n  InputElementProps,\n} from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { StyledInputContainer } from './styled';\n\nexport interface TextAreaProps\n  extends Omit<InputElementProps, 'style' | 'multiline' | 'value'>,\n    InputContainerProps {\n  inputFontStack?: FontStackType;\n  inputFontWeight?: FontWeightType;\n  maxCharCount?: number;\n  value: string;\n  // Omit below\n  TextComponent?: FC<TextProps>;\n  focused?: boolean;\n}\n\nconst TextArea: FC<TextAreaProps> = ({\n  label,\n  labelColor,\n  labelColorVariant,\n  labelColorTone,\n  labelTypography,\n  labelStack,\n  labelWeight,\n  leftComponent,\n  rightComponent,\n  disabled,\n  style,\n  borderColor,\n  borderColorGradation,\n  inputContainerStyle,\n  variant = 'default',\n  hintComponent,\n  hint,\n  TextComponent = Text,\n  focused,\n  children,\n  maxLength: _maxLenght,\n  value: _value,\n}) => {\n  let length = _value.length;\n  const maxLength = _maxLenght;\n  if (maxLength && length > maxLength) {\n    length = maxLength;\n  }\n\n  const _hint = hintComponent || (\n    <Hint TextComponent={TextComponent} text={hint} variant={variant} />\n  );\n\n  return (\n    <View style={style}>\n      <StyledInputContainer\n        label={label}\n        labelColor={labelColor}\n        labelColorVariant={labelColorVariant}\n        labelColorTone={labelColorTone}\n        labelTypography={labelTypography}\n        labelStack={labelStack}\n        labelWeight={labelWeight}\n        LabelComponent={TextComponent}\n        leftComponent={leftComponent}\n        rightComponent={rightComponent}\n        borderColor={borderColor}\n        borderColorGradation={borderColorGradation}\n        inputContainerStyle={inputContainerStyle}\n        focused={focused}\n        disabled={disabled}\n        variant={variant}\n      >\n        {children}\n        {maxLength && (\n          <TextComponent\n            colorVariant={'secondary'}\n            colorTone={'medium'}\n            typography={'label'}\n            fontStack={'default'}\n            fontWeight={'bold'}\n            style={{ textAlign: 'right' }}\n          >\n            {`${length}/${maxLength}`}\n          </TextComponent>\n        )}\n      </StyledInputContainer>\n      {hint && _hint}\n    </View>\n  );\n};\n\nexport default TextArea;\n"],"names":["View","StyledInputContainer"],"mappings":";;;;;;;;;;;;;AAuBA,MAAM,WAA8B,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,aAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAgB,GAAA,IAAA;AAAA,EAChB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAW,EAAA,UAAA;AAAA,EACX,KAAO,EAAA,MAAA;AACT,CAAM,KAAA;AACJ,EAAA,IAAI,SAAS,MAAO,CAAA,MAAA,CAAA;AACpB,EAAA,MAAM,SAAY,GAAA,UAAA,CAAA;AAClB,EAAI,IAAA,SAAA,IAAa,SAAS,SAAW,EAAA;AACnC,IAAS,MAAA,GAAA,SAAA,CAAA;AAAA,GACX;AAEA,EAAA,MAAM,QAAQ,aACZ,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,aAA8B,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AAGpE,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,oBAAK,KACJ,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAgB,EAAA,aAAA;AAAA,MAChB,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,KAAA;AAAA,IAEC,QAAA;AAAA,IACA,SACC,oBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,YAAc,EAAA,WAAA;AAAA,QACd,SAAW,EAAA,QAAA;AAAA,QACX,UAAY,EAAA,OAAA;AAAA,QACZ,SAAW,EAAA,SAAA;AAAA,QACX,UAAY,EAAA,MAAA;AAAA,QACZ,KAAA,EAAO,EAAE,SAAA,EAAW,OAAQ,EAAA;AAAA,OAAA;AAAA,MAE3B,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,KACzB;AAAA,GAEJ,EACC,QAAQ,KACX,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/molecules/TextArea/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { extractNumbersFromString, RFValue, RFValueStr } from '../../../utils';\nimport { InputContainer, InputElement } from '../../atoms/Input';\nimport { TextAreaProps } from './TextArea';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n  min-height: ${RFValueStr('50px')};\n`;\n\nexport const TextAreaInputBase = styled(InputElement)<\n  Partial<TextAreaProps> & Partial<StyleProps>\n>`\n  max-height: ${({ theme, numberOfLines }) =>\n    `${RFValue(\n      extractNumbersFromString(theme.typography.h5.lineHeight) *\n        (numberOfLines || 1)\n    )}px`};\n  width: 100%;\n  padding: 0;\n  margin: ${RFValueStr('3px')} 0;\n`;\n"],"names":["RFValueStr","RFValue","extractNumbersFromString"],"mappings":";;;;;;;;;;;;;;;AAMa,MAAA,oBAAA,GAAuB,OAAO,cAAc,CAAA,CAAA;AAAA,cACzC,EAAAA,6BAAA,CAAW,MAAM,CAAC,CAAA;AAAA,EAAA;AAGrB,MAAA,iBAAA,GAAoB,OAAO,YAAY,CAAA,CAAA;AAAA,cAAA,EAGpC,CAAC,EAAE,KAAO,EAAA,aAAA,OACtB,CAAG,EAAAC,0BAAA;AAAA,EACDC,kDAAyB,KAAM,CAAA,UAAA,CAAW,EAAG,CAAA,UAAU,KACpD,aAAiB,IAAA,CAAA,CAAA;AACtB,CAAC,CAAI,EAAA,CAAA,CAAA;AAAA;AAAA;AAAA,UAGG,EAAAF,6BAAA,CAAW,KAAK,CAAC,CAAA;AAAA;;;;;"}

package/dist/cjs/hooks/useDebouncedState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDebouncedState.js","sources":["../../../src/hooks/useDebouncedState.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';\n\n/**\n * @param initialState\n * @param timeoutCallback callback to be called after bouncing ends. Should be memoized.\n * @param timeoutMs\n */\nexport function useDebouncedState<S>(\n  initialState: S | (() => S),\n  timeoutCallback?: (state: S) => void,\n  timeoutMs = 166\n): [S, Dispatch<SetStateAction<S>>] {\n  const timeoutId = useRef<NodeJS.Timeout>();\n\n  const [state, setState] = useState<S>(initialState);\n\n  useEffect(() => {\n    if (timeoutId.current) clearTimeout(timeoutId.current);\n    if (timeoutCallback)\n      timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);\n  }, [state]);\n\n  return [state, setState];\n}\n"],"names":["useRef","useState","useEffect"],"mappings":";;;;AAOO,SAAS,iBACd,CAAA,YAAA,EACA,eACA,EAAA,SAAA,GAAY,GACsB,EAAA;AAClC,EAAA,MAAM,YAAYA,YAAuB,EAAA,CAAA;AAEzC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIC,eAAY,YAAY,CAAA,CAAA;AAElD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAU,CAAA,OAAA;AAAS,MAAA,YAAA,CAAa,UAAU,OAAO,CAAA,CAAA;AACrD,IAAI,IAAA,eAAA;AACF,MAAA,SAAA,CAAU,UAAU,UAAW,CAAA,MAAM,eAAgB,CAAA,KAAK,GAAG,SAAS,CAAA,CAAA;AAAA,GAC1E,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAO,OAAA,CAAC,OAAO,QAAQ,CAAA,CAAA;AACzB;;;;"}

package/dist/cjs/hooks/useTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.js","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useTheme as useEmotionTheme } from '@emotion/react';\nimport { ThemeProp } from '../types/defaults';\n\nexport const useTheme = (): ThemeProp => useEmotionTheme() as ThemeProp;\n"],"names":["useEmotionTheme"],"mappings":";;;;AAGa,MAAA,QAAA,GAAW,MAAiBA,cAAgB;;;;"}

package/dist/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/styles/ThemeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../src/styles/ThemeProvider.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ThemeProvider as EmotionProvider } from '@emotion/react';\nimport { ThemeProviderProps } from '../types/defaults';\n\nconst ThemeProvider: FC<ThemeProviderProps> = ({\n  theme,\n  children,\n}): JSX.Element => {\n  return <EmotionProvider theme={theme}>{children}</EmotionProvider>;\n};\n\nexport default ThemeProvider;\n"],"names":["EmotionProvider"],"mappings":";;;;;AAIA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,KAAA;AAAA,EACA,QAAA;AACF,CAAmB,KAAA;AACjB,EAAO,uBAAA,KAAA,CAAA,aAAA,CAACA,mBAAgB,EAAA,EAAA,KAAA,EAAA,EAAe,QAAS,CAAA,CAAA;AAClD;;;;"}

package/dist/cjs/styles/definitions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"definitions.js","sources":["../../../src/styles/definitions.ts"],"sourcesContent":["import {\n  BorderRadius,\n  BorderWidth,\n  Breakpoints,\n  FontColor,\n  FontStack,\n  FontWeight,\n  IconSize,\n  Miscellaneous,\n  Spacing,\n  TypographyVariation,\n  ZIndex,\n} from '../types/defaults';\nimport { RFValueStr } from '../utils';\n\nexport const statusColor = {\n  error: {\n    xlight: '#fdf3f2',\n    light: '#ee9891',\n    medium: '#e04638',\n    dark: '#9b2318',\n    xdark: '#58240e',\n  },\n  warning: {\n    xlight: '#fffcf0',\n    light: '#ffe380',\n    medium: '#ffc700',\n    dark: '#cc9f00',\n    xdark: '#665000',\n  },\n  success: {\n    xlight: '#f3fcf8',\n    light: '#99e6c9',\n    medium: '#2db783',\n    dark: '#238f67',\n    xdark: '#14523b',\n  },\n  info: {\n    xlight: '#f0f8fe',\n    light: '#85c7fa',\n    medium: '#239bf6',\n    dark: '#0873c4',\n    xdark: '#043962',\n  },\n};\n\nexport const hex2rgba: (hex, alpha?: number) => string = (hex, alpha = 1) => {\n  const rgb = ((hex ?? '').match(/\\w\\w/g) ?? []).map(x => parseInt(x, 16));\n  if (!rgb || (rgb ?? []).length === 0) return '';\n  const [r, g, b] = rgb;\n  return `rgba(${r},${g},${b},${alpha})`;\n};\n\nexport const miscellaneous: Miscellaneous = {\n  shadow: '#000000', // black\n  overlay: '#282625', // rgba(40, 38, 37, 0.5)\n  bodyColor: '#f8f7f7',\n  surfaceColor: '#ffffff', //input, group button, cards\n};\n\nexport const spacing: Spacing = {\n  nano: RFValueStr('2px'),\n  micro: RFValueStr('4px'),\n  mili: RFValueStr('8px'),\n  centi: RFValueStr('12px'),\n  deca: RFValueStr('16px'),\n  kilo: RFValueStr('24px'),\n  mega: RFValueStr('32px'),\n  giga: RFValueStr('40px'),\n  tera: RFValueStr('48px'),\n  peta: RFValueStr('56px'),\n  hexa: RFValueStr('64px'),\n};\n\nexport const iconSize: IconSize = {\n  micro: RFValueStr('12px'),\n  mili: RFValueStr('14px'),\n  centi: RFValueStr('16px'), // '1rem'\n  deca: RFValueStr('18px'), // '1.5rem'\n  kilo: RFValueStr('24px'), // '1.6rem'\n  mega: RFValueStr('32px'), // '2rem'\n};\n\nexport const borderRadius: BorderRadius = {\n  nano: RFValueStr('2px'),\n  micro: RFValueStr('4px'),\n  mili: RFValueStr('8px'),\n  centi: RFValueStr('16px'),\n  deca: RFValueStr('24px'),\n  pill: RFValueStr('999999px'), // also circle\n};\n\nexport const borderWidth: BorderWidth = {\n  pico: RFValueStr('1px'),\n  nano: RFValueStr('2px'),\n};\n\nexport const typography: TypographyVariation = {\n  h5: {\n    fontSize: RFValueStr('16px'), // '1rem'\n    lineHeight: RFValueStr('24px'), // '1.5rem'\n  },\n  h4: {\n    fontSize: RFValueStr('18px'), // '1.125rem'\n    lineHeight: RFValueStr('27px'), // '1.688rem'\n  },\n  h3: {\n    fontSize: RFValueStr('20px'), // '1.25rem'\n    lineHeight: RFValueStr('32px'), // '2rem'\n  },\n  h2: {\n    fontSize: RFValueStr('26px'), // '1.625rem'\n    lineHeight: RFValueStr('38px'), // '2.375rem'\n  },\n  h1: {\n    fontSize: RFValueStr('32px'), // '2rem'\n    lineHeight: RFValueStr('42px'), // '2.625rem'\n  },\n  base: {\n    fontSize: RFValueStr('14px'), // '0.875rem'\n    lineHeight: RFValueStr('21px'), // '1.313rem'\n  },\n  sub: {\n    fontSize: RFValueStr('12px'), // '0.75rem'\n    lineHeight: RFValueStr('18px'), // '1.125rem'\n  },\n  label: {\n    fontSize: RFValueStr('10px'),\n    lineHeight: RFValueStr('12px'),\n  },\n};\n\nexport const fontStack: FontStack = {\n  default: 'Lato',\n  mono: 'Consolas, monaco, monospace',\n};\n\nexport const fontWeight: FontWeight = {\n  regular: '400',\n  bold: '700',\n  black: '900',\n};\n\nexport const fontFiles: FontWeight = {\n  black: '{0}-Black',\n  bold: '{0}-Bold',\n  regular: '{0}-Regular',\n};\n\nexport const fontColor: FontColor = {\n  light: '#fff',\n  medium: '#85807a',\n  dark: '#353231', // default\n  orange: '#f89907',\n};\n\nexport const zIndex: ZIndex = {\n  default: 0,\n  absolute: 1,\n  select: 20,\n  input: 20,\n  popover: 30,\n  tooltip: 40,\n  header: 600,\n  backdrop: 700,\n  drawer: 700,\n  sidebar: 800,\n  modal: 1000,\n};\n\nexport type IconType =\n  | 'material'\n  | 'material-community'\n  | 'simple-line-icon'\n  | 'zocial'\n  | 'font-awesome'\n  | 'octicon'\n  | 'ionicon'\n  | 'foundation'\n  | 'evilicon'\n  | 'entypo'\n  | 'antdesign'\n  | 'font-awesome-5'\n  | string;\n\nexport const breakpoints: Breakpoints = {\n  sm: 480,\n  md: 768,\n  lg: 1366,\n};\n"],"names":["RFValueStr"],"mappings":"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"}

package/dist/cjs/styles/light.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"light.js","sources":["../../../src/styles/light.ts"],"sourcesContent":["import { ThemeProp } from '../types/defaults';\nimport {\n  borderRadius,\n  borderWidth,\n  breakpoints,\n  fontColor,\n  fontFiles,\n  fontStack,\n  fontWeight,\n  iconSize,\n  miscellaneous,\n  spacing,\n  statusColor,\n  typography,\n  zIndex,\n} from './definitions';\n\nconst primaryGradation = {\n  xlight: '#fef9f0',\n  light: '#fccb83',\n  medium: '#f89907',\n  dark: '#ae6b05',\n  xdark: '#633d03',\n};\n\nconst secondaryGradation = {\n  xlight: '#f8f7f7',\n  light: '#c2bfbc',\n  medium: '#85807a',\n  dark: '#5d5955',\n  xdark: '#353231',\n};\n\nexport const lightTheme: ThemeProp = {\n  color: {\n    primary: {\n      ...primaryGradation,\n    },\n    secondary: { ...secondaryGradation },\n    ...statusColor,\n  },\n  miscellaneous,\n  spacing,\n  iconSize,\n  borderRadius,\n  borderWidth,\n  typography,\n  font: {\n    color: fontColor,\n    stack: fontStack,\n    weight: fontWeight,\n    files: fontFiles,\n  },\n  zIndex,\n  breakpoints,\n};\n"],"names":["statusColor","miscellaneous","spacing","iconSize","borderRadius","borderWidth","typography","fontColor","fontStack","fontWeight","fontFiles","zIndex","breakpoints"],"mappings":";;;;AAiBA,MAAM,gBAAmB,GAAA;AAAA,EACvB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEA,MAAM,kBAAqB,GAAA;AAAA,EACzB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEO,MAAM,UAAwB,GAAA;AAAA,EACnC,KAAO,EAAA;AAAA,IACL,OAAS,EAAA;AAAA,MACP,GAAG,gBAAA;AAAA,KACL;AAAA,IACA,SAAA,EAAW,EAAE,GAAG,kBAAmB,EAAA;AAAA,IACnC,GAAGA,uBAAA;AAAA,GACL;AAAA,iBACAC,yBAAA;AAAA,WACAC,mBAAA;AAAA,YACAC,oBAAA;AAAA,gBACAC,wBAAA;AAAA,eACAC,uBAAA;AAAA,cACAC,sBAAA;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAAC,qBAAA;AAAA,IACP,KAAO,EAAAC,qBAAA;AAAA,IACP,MAAQ,EAAAC,sBAAA;AAAA,IACR,KAAO,EAAAC,qBAAA;AAAA,GACT;AAAA,UACAC,kBAAA;AAAA,eACAC,uBAAA;AACF;;;;"}

package/dist/cjs/utils/IPhoneXHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IPhoneXHelper.js","sources":["../../../src/utils/IPhoneXHelper.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\n\nexport function isIphoneX() {\n  const dimen = Dimensions.get('window');\n  return (\n    Platform.OS === 'ios' &&\n    !Platform.isPad &&\n    !Platform.isTV &&\n    (dimen.height === 780 ||\n      dimen.width === 780 ||\n      dimen.height === 812 ||\n      dimen.width === 812 ||\n      dimen.height === 844 ||\n      dimen.width === 844 ||\n      dimen.height === 896 ||\n      dimen.width === 896 ||\n      dimen.height === 926 ||\n      dimen.width === 926)\n  );\n}\n\nexport function ifIphoneX(iphoneXStyle, regularStyle) {\n  if (isIphoneX()) {\n    return iphoneXStyle;\n  }\n  return regularStyle;\n}\n\nexport function getStatusBarHeight(safe) {\n  return Platform.select({\n    ios: ifIphoneX(safe ? 44 : 30, 20),\n    android: StatusBar.currentHeight,\n    default: 0,\n  });\n}\n\nexport function getBottomSpace() {\n  return isIphoneX() ? 34 : 0;\n}\n"],"names":["Dimensions","Platform","StatusBar"],"mappings":";;;;AAEO,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,KAAA,GAAQA,sBAAW,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AACrC,EAAA,OACEC,qBAAS,EAAO,KAAA,KAAA,IAChB,CAACA,oBAAA,CAAS,SACV,CAACA,oBAAA,CAAS,IACT,KAAA,KAAA,CAAM,WAAW,GAChB,IAAA,KAAA,CAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,KAAM,CAAA,KAAA,KAAU,OAChB,KAAM,CAAA,MAAA,KAAW,GACjB,IAAA,KAAA,CAAM,UAAU,GAChB,IAAA,KAAA,CAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,CAAA,CAAA;AAEtB,CAAA;AAEgB,SAAA,SAAA,CAAU,cAAc,YAAc,EAAA;AACpD,EAAA,IAAI,WAAa,EAAA;AACf,IAAO,OAAA,YAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEO,SAAS,mBAAmB,IAAM,EAAA;AACvC,EAAA,OAAOA,qBAAS,MAAO,CAAA;AAAA,IACrB,GAAK,EAAA,SAAA,CAAU,IAAO,GAAA,EAAA,GAAK,IAAI,EAAE,CAAA;AAAA,IACjC,SAASC,qBAAU,CAAA,aAAA;AAAA,IACnB,OAAS,EAAA,CAAA;AAAA,GACV,CAAA,CAAA;AACH,CAAA;AAEO,SAAS,cAAiB,GAAA;AAC/B,EAAO,OAAA,SAAA,KAAc,EAAK,GAAA,CAAA,CAAA;AAC5B;;;;;;;"}

package/dist/cjs/utils/ResponsiveFontSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveFontSize.js","sources":["../../../src/utils/ResponsiveFontSize.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\nimport { extractNumbersFromString } from './extractNumbersFromString';\nimport { isIphoneX } from './IPhoneXHelper';\n\nconst STANDARD_SCREEN_HEIGHT = 680;\n\n/**\n * Use this function when you want to scale a percentage number\n * to a reasonable value that will fit better on most of devices.\n *\n * @param percent\n * @returns\n */\nexport const RFPercentage = (percent: number) => {\n  if (Platform.OS === 'web') return percent;\n  const { height, width } = Dimensions.get('window');\n  const standardLength = width > height ? width : height;\n  const offset =\n    width > height\n      ? 0\n      : Platform.OS === 'ios'\n      ? 78\n      : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n  const deviceHeight =\n    isIphoneX() || Platform.OS === 'android'\n      ? standardLength - offset\n      : standardLength;\n  const heightPercent = (percent * deviceHeight) / 100;\n  return Math.round(heightPercent);\n};\n\n/**\n * Use this function when you want to scale a font size based on pixel unit\n * to a reasonable value that will fit better on most of devices.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValue = (\n  fontSize: number,\n  standardScreenHeight: number = STANDARD_SCREEN_HEIGHT\n) => {\n  if (Platform.OS === 'web') return fontSize;\n  const { height, width } = Dimensions.get('window');\n  const standardLength = width > height ? width : height;\n  const offset =\n    width > height\n      ? 0\n      : Platform.OS === 'ios'\n      ? 78\n      : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n  const deviceHeight =\n    isIphoneX() || Platform.OS === 'android'\n      ? standardLength - offset\n      : standardLength;\n  const heightPercent = (fontSize * deviceHeight) / standardScreenHeight;\n  return Math.round(heightPercent);\n};\n\n/**\n * Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValueStr = (fontSize: string, standardScreenHeight?: number) => {\n  const _fontSize = extractNumbersFromString(fontSize);\n  return `${RFValue(_fontSize, standardScreenHeight)}px`;\n};\n"],"names":["Platform","Dimensions","StatusBar","isIphoneX","extractNumbersFromString"],"mappings":";;;;;;AAIA,MAAM,sBAAyB,GAAA,GAAA,CAAA;AASlB,MAAA,YAAA,GAAe,CAAC,OAAoB,KAAA;AAC/C,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,OAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,UAAU,YAAgB,GAAA,GAAA,CAAA;AACjD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AAUO,MAAM,OAAU,GAAA,CACrB,QACA,EAAA,oBAAA,GAA+B,sBAC5B,KAAA;AACH,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,QAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,WAAW,YAAgB,GAAA,oBAAA,CAAA;AAClD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AASa,MAAA,UAAA,GAAa,CAAC,QAAA,EAAkB,oBAAkC,KAAA;AAC7E,EAAM,MAAA,SAAA,GAAYI,kDAAyB,QAAQ,CAAA,CAAA;AACnD,EAAA,OAAO,CAAG,EAAA,OAAA,CAAQ,SAAW,EAAA,oBAAoB,CAAC,CAAA,EAAA,CAAA,CAAA;AACpD;;;;;;"}

package/dist/cjs/utils/extractNumbersFromString.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"extractNumbersFromString.js","sources":["../../../src/utils/extractNumbersFromString.ts"],"sourcesContent":["export const extractNumbersFromString = (value: string): number =>\n  Number(extractDigitsFromString(value));\n\nexport const extractDigitsFromString = (value: string): string =>\n  value.replace(/[^0-9]/g, '');\n"],"names":[],"mappings":";;AAAO,MAAM,2BAA2B,CAAC,KAAA,KACvC,MAAO,CAAA,uBAAA,CAAwB,KAAK,CAAC,EAAA;AAEhC,MAAM,0BAA0B,CAAC,KAAA,KACtC,KAAM,CAAA,OAAA,CAAQ,WAAW,EAAE;;;;;"}

package/dist/cjs/utils/formatWithMask.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formatWithMask.js","sources":["../../../src/utils/formatWithMask.ts"],"sourcesContent":["import {\n  MaskType,\n  CurrencyOptions,\n  getMask,\n  mergeMask,\n  getInternalNumberAndMask,\n} from '../components/atoms/Input';\nimport currency from 'currency.js';\n\nexport const formatWithMask = (\n  mask: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions,\n  value: string | number\n): string | number => {\n  if (Array.isArray(mask) || typeof mask === 'function') {\n    const selectedMask = getMask(mask, String(value));\n    const { formatted } = mergeMask(String(value), selectedMask);\n    return formatted || '';\n  } else {\n    const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n      value,\n      mask\n    );\n    return currency(internalNumber).format(mergedOptions);\n  }\n};\n"],"names":["getMask","mergeMask","getInternalNumberAndMask"],"mappings":";;;;;;;;;;;;AASa,MAAA,cAAA,GAAiB,CAC5B,IAAA,EACA,KACoB,KAAA;AACpB,EAAA,IAAI,MAAM,OAAQ,CAAA,IAAI,CAAK,IAAA,OAAO,SAAS,UAAY,EAAA;AACrD,IAAA,MAAM,YAAe,GAAAA,qBAAA,CAAQ,IAAM,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAChD,IAAA,MAAM,EAAE,SAAU,EAAA,GAAIC,wBAAU,MAAO,CAAA,KAAK,GAAG,YAAY,CAAA,CAAA;AAC3D,IAAA,OAAO,SAAa,IAAA,EAAA,CAAA;AAAA,GACf,MAAA;AACL,IAAM,MAAA,EAAE,cAAgB,EAAA,aAAA,EAAkB,GAAAC,sCAAA;AAAA,MACxC,KAAA;AAAA,MACA,IAAA;AAAA,KACF,CAAA;AACA,IAAA,OAAO,QAAS,CAAA,cAAc,CAAE,CAAA,MAAA,CAAO,aAAa,CAAA,CAAA;AAAA,GACtD;AACF;;;;"}

package/dist/cjs/utils/lightenDarkenColor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lightenDarkenColor.js","sources":["../../../src/utils/lightenDarkenColor.ts"],"sourcesContent":["export const lightenDarkenColor = (color: string, variation: number) => {\n  let usePound = false;\n\n  if (color[0] == '#') {\n    color = color.slice(1);\n    usePound = true;\n  }\n\n  const num = parseInt(color, 16);\n\n  let r = (num >> 16) + variation;\n  if (r > 255) r = 255;\n  else if (r < 0) r = 0;\n\n  let b = ((num >> 8) & 0x00ff) + variation;\n  if (b > 255) b = 255;\n  else if (b < 0) b = 0;\n\n  let g = (num & 0x0000ff) + variation;\n  if (g > 255) g = 255;\n  else if (g < 0) g = 0;\n\n  return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"names":[],"mappings":";;AAAa,MAAA,kBAAA,GAAqB,CAAC,KAAA,EAAe,SAAsB,KAAA;AACtE,EAAA,IAAI,QAAW,GAAA,KAAA,CAAA;AAEf,EAAI,IAAA,KAAA,CAAM,CAAC,CAAA,IAAK,GAAK,EAAA;AACnB,IAAQ,KAAA,GAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AACrB,IAAW,QAAA,GAAA,IAAA,CAAA;AAAA,GACb;AAEA,EAAM,MAAA,GAAA,GAAM,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AAE9B,EAAI,IAAA,CAAA,GAAA,CAAK,OAAO,EAAM,IAAA,SAAA,CAAA;AACtB,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAM,GAAO,IAAA,CAAA,GAAK,GAAU,IAAA,SAAA,CAAA;AAChC,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAK,MAAM,GAAY,IAAA,SAAA,CAAA;AAC3B,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAQ,OAAA,CAAA,QAAA,GAAW,MAAM,EAAO,IAAA,CAAA,CAAA,GAAK,KAAK,CAAM,GAAA,CAAA,IAAK,EAAK,EAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AACvE;;;;"}

package/dist/cjs/utils/masks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"masks.js","sources":["../../../src/utils/masks.ts"],"sourcesContent":["// NOTE: Add here all individually utils, then you can use it on input components everywhere.\nimport { extractDigitsFromString } from './extractNumbersFromString';\n\nexport const Masks = {\n  CPF: ['999.999.999-99'],\n  CNPJ: ['99.999.999/9999-99'],\n  DATE: ['99/99/9999'],\n  MONTH_YEAR: ['99/9999'],\n  CEP: ['99999-999'],\n  PHONE: ['(99) 9999-9999'],\n  PHONE_EXTENDED: ['(99) 99999-9999'],\n  COMBINED_PHONE: (value: string) => {\n    const onlyNumbers = extractDigitsFromString(value);\n    // Value is number extended, but without mask.\n    const isCellPhoneExtended = onlyNumbers.length === 11;\n\n    // Value in formatted mode\n    return value?.length <= 14 && !isCellPhoneExtended\n      ? Masks.PHONE\n      : Masks.PHONE_EXTENDED;\n  },\n  COMBINED_CPF_CNPJ: (value: string) =>\n    value?.length <= 14 ? Masks.CPF : Masks.CNPJ,\n};\n"],"names":["extractDigitsFromString"],"mappings":";;;;AAGO,MAAM,KAAQ,GAAA;AAAA,EACnB,GAAA,EAAK,CAAC,gBAAgB,CAAA;AAAA,EACtB,IAAA,EAAM,CAAC,oBAAoB,CAAA;AAAA,EAC3B,IAAA,EAAM,CAAC,YAAY,CAAA;AAAA,EACnB,UAAA,EAAY,CAAC,SAAS,CAAA;AAAA,EACtB,GAAA,EAAK,CAAC,WAAW,CAAA;AAAA,EACjB,KAAA,EAAO,CAAC,gBAAgB,CAAA;AAAA,EACxB,cAAA,EAAgB,CAAC,iBAAiB,CAAA;AAAA,EAClC,cAAA,EAAgB,CAAC,KAAkB,KAAA;AACjC,IAAM,MAAA,WAAA,GAAcA,iDAAwB,KAAK,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,YAAY,MAAW,KAAA,EAAA,CAAA;AAGnD,IAAA,OAAO,OAAO,MAAU,IAAA,EAAA,IAAM,CAAC,mBAC3B,GAAA,KAAA,CAAM,QACN,KAAM,CAAA,cAAA,CAAA;AAAA,GACZ;AAAA,EACA,iBAAA,EAAmB,CAAC,KAClB,KAAA,KAAA,EAAO,UAAU,EAAK,GAAA,KAAA,CAAM,MAAM,KAAM,CAAA,IAAA;AAC5C;;;;"}

package/dist/cjs/utils/variantComplement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"variantComplement.js","sources":["../../../src/utils/variantComplement.ts"],"sourcesContent":["import {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  VariantType,\n} from '../types/defaults';\n\nexport const fontColorVC: Record<VariantType, FontColorType> = {\n  filled: 'light',\n  outlined: 'orange',\n  text: 'orange',\n};\n\nexport const colorVC: Record<VariantType, ColorType> = {\n  filled: 'primary',\n  outlined: 'primary',\n  text: 'primary',\n};\n\nexport const colorGradationVC: Record<VariantType, ColorGradationType> = {\n  filled: 'dark',\n  outlined: 'dark',\n  text: 'dark',\n};\n\nexport const borderColorVC: Record<VariantType, ColorType> = {\n  filled: 'primary',\n  outlined: 'primary',\n  text: 'primary',\n};\n\nexport const borderColorGradationVC: Record<VariantType, ColorGradationType> = {\n  filled: 'dark',\n  outlined: 'dark',\n  text: 'dark',\n};\n"],"names":[],"mappings":";;AAOO,MAAM,WAAkD,GAAA;AAAA,EAC7D,MAAQ,EAAA,OAAA;AAAA,EACR,QAAU,EAAA,QAAA;AAAA,EACV,IAAM,EAAA,QAAA;AACR,EAAA;AAEO,MAAM,OAA0C,GAAA;AAAA,EACrD,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,gBAA4D,GAAA;AAAA,EACvE,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR,EAAA;AAEO,MAAM,aAAgD,GAAA;AAAA,EAC3D,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,sBAAkE,GAAA;AAAA,EAC7E,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR;;;;;;;;"}

package/dist/esm/components/atoms/Avatar/Avatar.d.ts

@@ -1,14 +0,0 @@
-import React, { FC } from 'react';
-import { ImageSourcePropType } from 'react-native';
-import { IconSize } from '../../../types/defaults';
-import { TextProps } from '../Text';
-export type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;
-export interface AvatarProps {
-    source?: ImageSourcePropType;
-    name: string;
-    onPress?: () => void;
-    size?: keyof SizeAvatar;
-    TextComponent?: FC<TextProps>;
-}
-declare const Avatar: React.FC<AvatarProps>;
-export default Avatar;

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

@@ -1 +0,0 @@
-{"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":["React"],"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,GAAAA,cAAA,CAAM,SAAkB,KAAK,CAAA,CAAA;AAG7D,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,GACnB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAM,MAAA,UAAA,GAAa,uBAAuB,aAAa,CAAA,CAAA;AAEvD,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,EAAsB,MAAO,EAAA,MAAA,EAAO,OAAkB,EAAA,IAAA,EAAA,EACpD,MAAU,IAAA,CAAC,QACV,mBAAAA,cAAA,CAAA,aAAA,CAAC,YAAa,EAAA,EAAA,MAAA,EAAgB,SAAS,MAAM,WAAA,CAAY,IAAI,CAAA,EAAG,CAEhE,mBAAAA,cAAA,CAAA,aAAA,CAAC,gBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,UAAA,EAAW,MAAO,EAAA,SAAA,EAAU,OACrC,EAAA,EAAA,WAAA,CAAY,IAAI,CACnB,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/atoms/Avatar/helpers.d.ts

@@ -1 +0,0 @@
-export declare const getIniciais: (name: string) => string;

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

@@ -1 +0,0 @@
-{"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/esm/components/atoms/Avatar/index.d.ts

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

package/dist/esm/components/atoms/Avatar/styled.d.ts

@@ -1,24 +0,0 @@
-import { FC } from 'react';
-import { Image, View } from 'react-native';
-import { TextProps } from '../Text';
-import { AvatarProps } from './Avatar';
-export declare const ContainerButtonAvatar: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & Partial<import("../../../types/defaults").ThemeProviderProps & AvatarProps>, {}, {}>;
-export declare const StyledAvatar: import("@emotion/native").StyledComponent<import("react-native").ImageProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
-    ref?: import("react").Ref<Image> | undefined;
-}>;
-export declare const StyledBackground: 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<View> | undefined;
-}>;
-export declare const getStyledTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {}>;

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

@@ -1 +0,0 @@
-{"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":[],"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,OAAO,KAAK,CAAA,CAAA;AAAA,iBAAA,EACrB,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMxD,MAAA,gBAAA,GAAmB,OAAO,IAAI,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;;;;"}