@tecsinapse/react-core 1.21.2 → 1.21.4

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

@@ -0,0 +1 @@
+{"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<number>();\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,SAAS,cACP,CAAA,KAAA,EACA,WACA,EAAA,WAAA,EACA,aAAa,CACK,EAAA;AAClB,EAAA,IAAI,IAAO,GAAA,KAAA,GAAQ,UACjB,EAAA,IAAA,GAAO,KAAQ,GAAA,UAAA,CAAA;AAEjB,EAAA,IAAI,gBAAgB,MAAQ,EAAA;AAC1B,IAAO,IAAA,GAAA,IAAA,GAAO,cAAc,CAAI,GAAA,IAAA,CAAA;AAChC,IAAO,IAAA,GAAA,IAAA,GAAO,IAAI,WAAc,GAAA,IAAA,CAAA;AAAA,GAClC,MAAA,IAAW,gBAAgB,OAAS,EAAA;AAClC,IAAO,IAAA,GAAA,IAAA,GAAO,KAAK,CAAI,GAAA,IAAA,CAAA;AACvB,IAAO,IAAA,GAAA,IAAA,GAAO,IAAI,EAAK,GAAA,IAAA,CAAA;AAAA,GACzB,MAAA,IAAW,gBAAgB,OAAS,EAAA;AAClC,IAAO,IAAA,GAAA,IAAA,GAAO,KAAK,CAAI,GAAA,IAAA,CAAA;AACvB,IAAO,IAAA,GAAA,IAAA,GAAO,IAAI,EAAK,GAAA,IAAA,CAAA;AAAA,GACzB,MAAA,IAAW,gBAAgB,SAAW,EAAA;AACpC,IAAO,IAAA,GAAA,IAAA,GAAO,KAAK,CAAI,GAAA,IAAA,CAAA;AACvB,IAAO,IAAA,GAAA,IAAA,GAAO,IAAI,EAAK,GAAA,IAAA,CAAA;AAAA,GACzB;AAEA,EAAO,OAAA,CAAC,MAAM,IAAI,CAAA,CAAA;AACpB,CAAA;AACa,MAAA,QAAA,GAAoC,CAAC,EAW5C,KAAA;AAX4C,EAChD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,GAvDF,GA8CkD,EAU7C,EAAA,IAAA,GAAA,SAAA,CAV6C,EAU7C,EAAA;AAAA,IATH,aAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,iBAAA,GAAoB,MAAM,MAAe,EAAA,CAAA;AAE/C,EAAM,MAAA,iBAAA,GAAoB,CAAC,KAAmB,KAAA;AAC5C,IAAM,MAAA,WAAA,GAAc,eAAe,aAAa,CAAA,CAAA;AAChD,IAAA,MAAM,OAAO,KAAS,IAAA,cAAA,CAAe,KAAO,EAAA,WAAA,EAAa,WAAW,CAAE,CAAA,CAAA,CAAA,CAAA;AACtE,IAAA,YAAA,CAAa,kBAAkB,OAAO,CAAA,CAAA;AACtC,IAAkB,iBAAA,CAAA,OAAA,GAAU,WAAW,MAAM;AAC3C,MAAA,iBAAA,CAAkB,eAAe,IAAM,EAAA,WAAA,EAAa,WAAa,EAAA,CAAC,EAAE,CAAE,CAAA,CAAA,CAAA;AAAA,OACrE,GAAG,CAAA,CAAA;AACN,IAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,GACf,CAAA;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,KAAmB,KAAA;AAC5C,IAAM,MAAA,WAAA,GAAc,eAAe,aAAa,CAAA,CAAA;AAChD,IAAA,MAAM,OAAO,KAAS,IAAA,cAAA,CAAe,KAAO,EAAA,WAAA,EAAa,WAAW,CAAE,CAAA,CAAA,CAAA,CAAA;AACtE,IAAA,YAAA,CAAa,kBAAkB,OAAO,CAAA,CAAA;AACtC,IAAkB,iBAAA,CAAA,OAAA,GAAU,WAAW,MAAM;AAC3C,MAAA,iBAAA,CAAkB,eAAe,IAAM,EAAA,WAAA,EAAa,WAAa,EAAA,CAAC,EAAE,CAAE,CAAA,CAAA,CAAA;AAAA,OACrE,GAAG,CAAA,CAAA;AACN,IAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,GACf,CAAA;AAEA,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAkB,iBAAA,CAAA,OAAA,IAAW,YAAa,CAAA,iBAAA,CAAkB,OAAO,CAAA,CAAA;AAAA,GACrE,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,YAAiB,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,kBACf,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IACC,SAAW,EAAA,MAAM,qBAAsB,CAAA,MAAM,mBAAmB,CAAA;AAAA,IAChE,UAAY,EAAA,cAAA;AAAA,IACZ,QAAU,EAAA,YAAA;AAAA,GAAA,kBAET,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAM,EAAA,YAAA;AAAA,IACN,IAAM,EAAA,oBAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,YAAc,EAAA,SAAA;AAAA,GAChB,CACF,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IAAc,YAAc,EAAA,WAAA;AAAA,IAAa,UAAY,EAAA,KAAA;AAAA,GACnD,EAAA,KACH,mBACC,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IAAc,UAAY,EAAA,MAAA;AAAA,IAAQ,UAAY,EAAA,IAAA;AAAA,GAAA,EAC5C,eAAgB,CAAA,KAAK,CACxB,CACF,mBACC,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IACC,SAAW,EAAA,MAAM,qBAAsB,CAAA,MAAM,mBAAmB,CAAA;AAAA,IAChE,UAAY,EAAA,cAAA;AAAA,IACZ,QAAU,EAAA,YAAA;AAAA,IACV,KAAO,EAAA,EAAE,OAAS,EAAA,YAAA,GAAe,IAAI,CAAE,EAAA;AAAA,GAAA,kBAEtC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAM,EAAA,cAAA;AAAA,IACN,IAAM,EAAA,oBAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,YAAc,EAAA,SAAA;AAAA,GAChB,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1 @@
+{"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":[],"mappings":";;;;;;;;;;;;AAKO,MAAM,OAAO,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,oBAAA,EAEL,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAGlD,MAAM,UAAU,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,mBAAA,EAGT,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAG3C,MAAM,eAAe,MAAO,CAAA,IAAA,CAAA;AAAA,gBAAA,EACjB,WAAW,KAAK,CAAA,CAAA;AAAA,gBAAA,EAChB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA,iBAAA,EACpC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,EAAA;AAG9C,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,QAAQ,IAAO,GAAA,CAAA,CAAA;AAAA,eACzD,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OAAc,MAAS,GAAA,KAAA,CAAM,QAAQ,IAAO,GAAA,CAAA,CAAA;AAAA;AAAA,EAAA;AAI1D,MAAA,OAAA,GAAU,OAAO,gBAAgB,CAAA,CAAA;AAAA,iBAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,mBAAA,EACrB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,qBAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAG7C,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,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1 @@
+{"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":[],"mappings":";;;;;;;;;;AAGO,MAAM,kBAAqB,GAAA,CAChC,GACA,EAAA,QAAA,EACA,YACuB,KAAA;AAPzB,EAAA,IAAA,EAAA,CAAA;AAQE,EAAA,IAAI,QAAU,EAAA;AACZ,IAAA,IAAI,OAAO,QAAa,KAAA,QAAA;AACtB,MAAO,OAAA,wBAAA,CAAyB,aAAa,QAAS,CAAA,CAAA,CAAA;AAAA,SAAA,IAC/C,OAAO,QAAA,KAAa,QAAY,IAAA,QAAA,CAAS,GAAM,CAAA,EAAA;AACtD,MAAA,OAAO,wBAAyB,CAAA,YAAA,CAAA,CAAa,EAAS,GAAA,QAAA,CAAA,GAAA,CAAA,KAAT,YAAiB,GAAI,CAAA,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/esm/components/molecules/HintInputContainer/HintInputContainer.js.map

@@ -0,0 +1 @@
+{"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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBM,MAAA,kBAAA,GAAwD,CAAC,EAYzD,KAAA;AAZyD,EAC7D,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,cAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,aAAA;AAAA,GAhCF,GAsB+D,EAW1D,EAAA,IAAA,GAAA,SAAA,CAX0D,EAW1D,EAAA;AAAA,IAVH,WAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,eAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,KAAA,GAAQ,iCACX,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,aAAe,EAAA,cAAA;AAAA,IAAgB,IAAM,EAAA,IAAA;AAAA,IAAM,OAAA;AAAA,GAAkB,CAAA,CAAA;AAGrE,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,KAAO,EAAA,SAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,cAAA,CAAA;AAAA,IACC,OAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,OAAA;AAAA,IACA,cAAA;AAAA,GAAA,EACI,IAEH,CAAA,EAAA,QACH,CACC,EAAA,IAAA,IAAQ,KACX,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1 @@
+{"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":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AACF,CAAM,KAAA;AAdN,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAeE,EAAA,OAAO,4BACJA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA;AAAA,IACC,QAAM,EAAU,GAAA,SAAA,CAAA,IAAA,KAAV,IAAkB,GAAA,EAAA,GAAA,IAAA,KAAS,WAAU,MAAS,GAAA,MAAA;AAAA,IACpD,SAAA,EAAA,CAAW,EAAU,GAAA,SAAA,CAAA,SAAA,KAAV,IAAuB,GAAA,EAAA,GAAA,gBAAA;AAAA,GAC9B,EAAA,SAAA,CACN,oBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAeA,cAAA,CAAM,KAAK,aAAa,CAAA;;;;"}

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

@@ -0,0 +1 @@
+{"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":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,iBAAA,GAAgD,CAAC,EAIjD,KAAA;AAJiD,EACrD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,aAAA;AAAA,GAZF,GAUuD,EAGlD,EAAA,IAAA,GAAA,SAAA,CAHkD,EAGlD,EAAA;AAAA,IAFH,UAAA;AAAA,IACA,eAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,IAAA,GAAO,WAAW,aAAgB,GAAA,iBAAA,CAAA;AACxC,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,2DACK,IADL,CAAA,EAAA;AAAA,IAEC,OAAQ,EAAA,MAAA;AAAA,IACR,IAAK,EAAA,OAAA;AAAA,IACL,OAAS,EAAA,MAAM,aAAc,CAAA,CAAC,QAAQ,CAAA;AAAA,GAAA,CAAA,kBAErCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,IAAM,EAAA,IAAA;AAAA,IAAM,IAAK,EAAA,SAAA;AAAA,IAAU,IAAK,EAAA,OAAA;AAAA,GAAQ,CAChD,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1 @@
+{"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,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.js","sources":["../../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React 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  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}\n\nconst Snackbar: React.FC<SnackbarProps> = ({\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}) => {\n  const fadeAnim = React.useRef(new Animated.Value(0)).current;\n  const duration = 500;\n\n  const fadeIn = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 1,\n      useNativeDriver: true,\n      duration,\n    }).start(() => timeout && fadeOut());\n  };\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      useNativeDriver: true,\n      duration,\n      delay: timeout ? timeout - duration : 0,\n    }).start();\n  };\n\n  React.useEffect(() => {\n    if (open) {\n      fadeIn();\n    }\n    if (open && timeout) {\n      setTimeout(() => {\n        onClose?.();\n      }, timeout + 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\n            effect=\"none\"\n            onPress={() => {\n              fadeOut();\n              setTimeout(() => {\n                fadeAnim.setValue(0);\n                onClose?.();\n              }, duration);\n            }}\n          >\n            <Icon\n              {...rightIcon}\n              size=\"centi\"\n              name=\"close\"\n              type=\"material-community\"\n            />\n          </DismissContainer>\n        )}\n      </StyledContainerFlexRow>\n      {timeout && 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":["React"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"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":[],"mappings":";;;;;;;;;;;;;;AASA,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,SAAY,GAAA,QAAA;AAAA,EACZ,YAAe,GAAA,SAAA;AAAA,EACf,OAAA;AACF,CAAkE,KAAA,GAAA,CAAA;AAAA;AAAA,iBAAA,EAE/C,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAChB,EAAA,KAAA,CAAM,MAAM,YAAc,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA;AAAA,WAAA,EAEnC,MAAM,MAAO,CAAA,KAAA,CAAA;AAAA,WAAA,EACb,UAAU,MAAS,GAAA,MAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMhC,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2C,KAAA;AACzC,EAAA,OACE,WAAW,KACX,IAAA,GAAA,CAAA;AAAA,WAAA,EACS,iBACH,CAAG,EAAA,OAAA,CAAQ,cAAc,CAAA,CAAA,EAAA,CAAA,GACzB,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGxB,CAAA,CAAA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2C,KAAA;AACzC,EAAA,OACE,WAAW,QACX,IAAA,GAAA,CAAA;AAAA,cAAA,EACY,iBACN,CAAG,EAAA,OAAA,CAAQ,cAAc,CAAA,CAAA,EAAA,CAAA,GACzB,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGxB,CAAA,CAAA;AAEa,MAAA,iBAAA,GAAoB,OAAO,KAAK,CAAA;AAAA,EAG3C,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IAAA,EACL,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,aAAa,KAAK,CAAA,CAAA;AAAA,IAAA,EAClB,UAAU,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAErB,EAAA;AAEa,MAAA,gBAAA,GAAmB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAO9B,MAAA,aAAA,GAAgB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAItB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,gBAAA,GAAmB,OAAO,gBAAgB,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAItC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGjC,MAAA,iBAAA,GAAoB,OAAO,WAAW,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKtC,MAAA,sBAAA,GAAyB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAG7B,MAAA,aAAA,GAAgB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1 @@
+{"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":["React"],"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,EAAM,MAAA,KAAA,GAAQ,iCACXA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,aAAA;AAAA,IAA8B,IAAM,EAAA,IAAA;AAAA,IAAM,OAAA;AAAA,GAAkB,CAAA,CAAA;AAGpE,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,KAAA;AAAA,GAAA,kBACHA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAgB,EAAA,aAAA;AAAA,IAChB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,GAEC,EAAA,QAAA,EACA,6BACEA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,YAAc,EAAA,WAAA;AAAA,IACd,SAAW,EAAA,QAAA;AAAA,IACX,UAAY,EAAA,OAAA;AAAA,IACZ,SAAW,EAAA,SAAA;AAAA,IACX,UAAY,EAAA,MAAA;AAAA,IACZ,KAAA,EAAO,EAAE,SAAA,EAAW,OAAQ,EAAA;AAAA,GAAA,EAE3B,GAAG,MAAU,CAAA,CAAA,EAAA,SAAA,CAAA,CAChB,CAEJ,CAAA,EACC,QAAQ,KACX,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1 @@
+{"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":[],"mappings":";;;;;;;;;;;;;AAMa,MAAA,oBAAA,GAAuB,OAAO,cAAc,CAAA,CAAA;AAAA,cAAA,EACzC,WAAW,MAAM,CAAA,CAAA;AAAA,EAAA;AAGpB,MAAA,iBAAA,GAAoB,OAAO,YAAY,CAAA,CAAA;AAAA,cAAA,EAGpC,CAAC,EAAE,KAAO,EAAA,aAAA,OACtB,CAAG,EAAA,OAAA;AAAA,EACD,yBAAyB,KAAM,CAAA,UAAA,CAAW,EAAG,CAAA,UAAU,KACpD,aAAiB,IAAA,CAAA,CAAA;AACtB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA;AAAA;AAAA,UAAA,EAGQ,WAAW,KAAK,CAAA,CAAA;AAAA;;;;"}

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

@@ -0,0 +1 @@
+{"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<number>();\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":[],"mappings":";;AAOO,SAAS,iBACd,CAAA,YAAA,EACA,eACA,EAAA,SAAA,GAAY,GACsB,EAAA;AAClC,EAAA,MAAM,YAAY,MAAe,EAAA,CAAA;AAEjC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAY,YAAY,CAAA,CAAA;AAElD,EAAA,SAAA,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/esm/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"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,UAAgB;;;;"}

package/dist/esm/index.d.ts

@@ -0,0 +1,64 @@
+export { Avatar } from './components/atoms/Avatar';
+export type { AvatarProps } from './components/atoms/Avatar';
+export { Badge } from './components/atoms/Badge';
+export type { BadgeProps } from './components/atoms/Badge';
+export { BoxContent } from './components/atoms/BoxContent';
+export type { BoxContentProps } from './components/atoms/BoxContent';
+export { Button, Error, Loading, Success } from './components/atoms/Button';
+export type { ButtonProps, ButtonSizeType, ButtonStateProps, ButtonStateType, } from './components/atoms/Button';
+export { Card } from './components/atoms/Card';
+export type { CardProps } from './components/atoms/Card';
+export { Footer } from './components/atoms/Card/Footer';
+export type { FooterProps } from './components/atoms/Card/Footer';
+export { Header } from './components/atoms/Card/Header';
+export type { HeaderProps } from './components/atoms/Card/Header';
+export { Checkbox } from './components/atoms/Checkbox';
+export type { CheckboxProps } from './components/atoms/Checkbox';
+export { Divider } from './components/atoms/Divider';
+export type { DividerProps } from './components/atoms/Divider';
+export { GroupButton, GroupButtonOption } from './components/atoms/GroupButton';
+export type { GroupButtonOptionProps, GroupButtonProps, GroupButtonValue, } from './components/atoms/GroupButton';
+export { Icon } from './components/atoms/Icon';
+export type { IconProps } from './components/atoms/Icon';
+export { disabledInputStyles, Hint, InputContainer, InputElement, InputMaskElement, PressableInputContainer, StyledBorderKeeper, useInputFocus, useNumberMask, useStringMask, } from './components/atoms/Input';
+export type { InputContainerProps, InputElementProps, InputMaskElementProps, InputVariantType, PressableInputContainerProps, } from './components/atoms/Input';
+export { Paper } from './components/atoms/Paper';
+export type { PaperProps } from './components/atoms/Paper';
+export { PressableSurface } from './components/atoms/PressableSurface';
+export type { PressableSurfaceProps } from './components/atoms/PressableSurface';
+export { ProgressBar } from './components/atoms/ProgressBar';
+export type { ProgressBarProps } from './components/atoms/ProgressBar';
+export { RadioButton } from './components/atoms/RadioButton';
+export type { RadioButtonProps } from './components/atoms/RadioButton';
+export { Switch } from './components/atoms/Switch';
+export type { SwitchProps } from './components/atoms/Switch';
+export { Tag } from './components/atoms/Tag';
+export type { TagProps } from './components/atoms/Tag';
+export { Text } from './components/atoms/Text';
+export type { TextProps } from './components/atoms/Text';
+export { Calendar } from './components/molecules/Calendar';
+export type { CalendarProps, DateRange, SelectionType, Value, } from './components/molecules/Calendar';
+export { DatePicker, CalendarIcon } from './components/molecules/DatePicker';
+export type { DatePickerProps } from './components/molecules/DatePicker';
+export { DateTimePicker } from './components/molecules/DateTimePicker';
+export type { DateTimePickerProps } from './components/molecules/DateTimePicker';
+export { DateTimeSelector } from './components/molecules/DateTimeSelector';
+export type { DateTimeSelectorMode, DateTimeSelectorProps, } from './components/molecules/DateTimeSelector';
+export { getGridItemPadding, getGridItemColumSpan, } from './components/molecules/Grid';
+export type { GridSpacing, IGridItem, IGrid, FlexAlignBase, FlexAlignType, FlexPositioning, FlexSpacing, PaddingPosition, } from './components/molecules/Grid';
+export { HintInputContainer } from './components/molecules/HintInputContainer';
+export type { HintInputContainerProps } from './components/molecules/HintInputContainer';
+export { IconComponent } from './components/molecules/IconTextButton';
+export type { IconPositionOptions, IconTextButtonProps, } from './components/molecules/IconTextButton';
+export { InputPasswordIcon } from './components/molecules/InputPassword';
+export type { LabeledSwitchProps, LabelPositionOptions, } from './components/molecules/LabeledSwitch';
+export { Snackbar } from './components/molecules/Snackbar';
+export type { SnackbarProps } from './components/molecules/Snackbar';
+export { TextArea, TextAreaInputBase } from './components/molecules/TextArea';
+export type { TextAreaProps } from './components/molecules/TextArea';
+export * from './hooks';
+export * from './styles/definitions';
+export * from './styles/light';
+export { default as ThemeProvider } from './styles/ThemeProvider';
+export * from './types/defaults';
+export * from './utils';

package/dist/esm/index.js

@@ -0,0 +1,56 @@
+export { default as Avatar } from './components/atoms/Avatar/Avatar.js';
+export { default as Badge } from './components/atoms/Badge/Badge.js';
+export { default as BoxContent } from './components/atoms/BoxContent/BoxContent.js';
+export { default as Button } from './components/atoms/Button/Button.js';
+export { default as Error } from './components/atoms/Button/States/Error.js';
+export { default as Loading } from './components/atoms/Button/States/Loading.js';
+export { default as Success } from './components/atoms/Button/States/Success.js';
+export { default as Card } from './components/atoms/Card/Card.js';
+export { default as Footer } from './components/atoms/Card/Footer/Footer.js';
+export { default as Header } from './components/atoms/Card/Header/Header.js';
+export { default as Checkbox } from './components/atoms/Checkbox/Checkbox.js';
+export { default as Divider } from './components/atoms/Divider/Divider.js';
+export { default as GroupButton } from './components/atoms/GroupButton/GroupButton.js';
+export { default as GroupButtonOption } from './components/atoms/GroupButton/GroupButtonOption.js';
+export { default as Icon } from './components/atoms/Icon/Icon.js';
+export { default as Hint } from './components/atoms/Input/Hint.js';
+export { useInputFocus } from './components/atoms/Input/hooks/useInputFocus.js';
+export { useNumberMask } from './components/atoms/Input/hooks/useNumberMask.js';
+export { useStringMask } from './components/atoms/Input/hooks/useStringMask.js';
+export { default as InputContainer } from './components/atoms/Input/InputContainer/InputContainer.js';
+export { default as InputElement } from './components/atoms/Input/InputElement/InputElement.js';
+export { default as InputMaskElement } from './components/atoms/Input/InputMaskElement/InputMaskElement.js';
+export { default as PressableInputContainer } from './components/atoms/Input/PressableInputContainer/PressableInputContainer.js';
+export { StyledBorderKeeper, disabledInputStyles } from './components/atoms/Input/styled.js';
+export { default as Paper } from './components/atoms/Paper/Paper.js';
+export { default as PressableSurface } from './components/atoms/PressableSurface/PressableSurface.js';
+export { default as ProgressBar } from './components/atoms/ProgressBar/ProgressBar.js';
+export { default as RadioButton } from './components/atoms/RadioButton/RadioButton.js';
+export { default as Switch } from './components/atoms/Switch/Switch.js';
+export { default as Tag } from './components/atoms/Tag/Tag.js';
+export { default as Text } from './components/atoms/Text/Text.js';
+export { default as Calendar } from './components/molecules/Calendar/Calendar.js';
+export { default as DatePicker } from './components/molecules/DatePicker/DatePicker.js';
+export { CalendarIcon } from './components/molecules/DatePicker/styled.js';
+export { default as DateTimePicker } from './components/molecules/DateTimePicker/DateTimePicker.js';
+export { default as DateTimeSelector } from './components/molecules/DateTimeSelector/DateTimeSelector.js';
+export { getGridItemColumSpan, getGridItemPadding } from './components/molecules/Grid/functions.js';
+export { default as HintInputContainer } from './components/molecules/HintInputContainer/HintInputContainer.js';
+export { default as IconComponent } from './components/molecules/IconTextButton/IconComponent.js';
+export { default as InputPasswordIcon } from './components/molecules/InputPassword/InputPasswordIcon.js';
+export { default as Snackbar } from './components/molecules/Snackbar/Snackbar.js';
+export { default as TextArea } from './components/molecules/TextArea/TextArea.js';
+export { TextAreaInputBase } from './components/molecules/TextArea/styled.js';
+export { useDebouncedState } from './hooks/useDebouncedState.js';
+export { useTheme } from './hooks/useTheme.js';
+export { borderRadius, borderWidth, breakpoints, fontColor, fontFiles, fontStack, fontWeight, hex2rgba, iconSize, miscellaneous, spacing, statusColor, typography, zIndex } from './styles/definitions.js';
+export { lightTheme } from './styles/light.js';
+export { default as ThemeProvider } from './styles/ThemeProvider.js';
+export { extractDigitsFromString, extractNumbersFromString } from './utils/extractNumbersFromString.js';
+export { formatWithMask } from './utils/formatWithMask.js';
+export { getBottomSpace, getStatusBarHeight, ifIphoneX, isIphoneX } from './utils/IPhoneXHelper.js';
+export { lightenDarkenColor } from './utils/lightenDarkenColor.js';
+export { Masks } from './utils/masks.js';
+export { RFPercentage, RFValue, RFValueStr } from './utils/ResponsiveFontSize.js';
+export { borderColorGradationVC, borderColorVC, colorGradationVC, colorVC, fontColorVC } from './utils/variantComplement.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

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

@@ -0,0 +1 @@
+{"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":["React","EmotionProvider"],"mappings":";;;AAIA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,KAAA;AAAA,EACA,QAAA;AACF,CAAmB,KAAA;AACjB,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAAC,eAAA,EAAA;AAAA,IAAgB,KAAA;AAAA,GAAA,EAAe,QAAS,CAAA,CAAA;AAClD;;;;"}

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

@@ -0,0 +1 @@
+{"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 [r, g, b] = hex.match(/\\w\\w/g).map(x => parseInt(x, 16));\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":[],"mappings":";;;;;;;;;;AAeO,MAAM,WAAc,GAAA;AAAA,EACzB,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AACF,EAAA;AAEO,MAAM,QAA4C,GAAA,CAAC,GAAK,EAAA,KAAA,GAAQ,CAAM,KAAA;AAC3E,EAAA,MAAM,CAAC,CAAA,EAAG,CAAG,EAAA,CAAC,IAAI,GAAI,CAAA,KAAA,CAAM,OAAO,CAAA,CAAE,GAAI,CAAA,CAAA,CAAA,KAAK,QAAS,CAAA,CAAA,EAAG,EAAE,CAAC,CAAA,CAAA;AAC7D,EAAO,OAAA,CAAA,KAAA,EAAQ,CAAK,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,EAAK,CAAK,CAAA,CAAA,EAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAChC,EAAA;AAEO,MAAM,aAA+B,GAAA;AAAA,EAC1C,MAAQ,EAAA,SAAA;AAAA,EACR,OAAS,EAAA,SAAA;AAAA,EACT,SAAW,EAAA,SAAA;AAAA,EACX,YAAc,EAAA,SAAA;AAChB,EAAA;AAEO,MAAM,OAAmB,GAAA;AAAA,EAC9B,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,EACtB,KAAA,EAAO,WAAW,KAAK,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,EACtB,KAAA,EAAO,WAAW,MAAM,CAAA;AAAA,EACxB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AACzB,EAAA;AAEO,MAAM,QAAqB,GAAA;AAAA,EAChC,KAAA,EAAO,WAAW,MAAM,CAAA;AAAA,EACxB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,KAAA,EAAO,WAAW,MAAM,CAAA;AAAA,EACxB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AACzB,EAAA;AAEO,MAAM,YAA6B,GAAA;AAAA,EACxC,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,EACtB,KAAA,EAAO,WAAW,KAAK,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,EACtB,KAAA,EAAO,WAAW,MAAM,CAAA;AAAA,EACxB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,UAAU,CAAA;AAC7B,EAAA;AAEO,MAAM,WAA2B,GAAA;AAAA,EACtC,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,EACtB,IAAA,EAAM,WAAW,KAAK,CAAA;AACxB,EAAA;AAEO,MAAM,UAAkC,GAAA;AAAA,EAC7C,EAAI,EAAA;AAAA,IACF,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AAAA,EACA,GAAK,EAAA;AAAA,IACH,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AAAA,EACA,KAAO,EAAA;AAAA,IACL,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AACF,EAAA;AAEO,MAAM,SAAuB,GAAA;AAAA,EAClC,OAAS,EAAA,MAAA;AAAA,EACT,IAAM,EAAA,6BAAA;AACR,EAAA;AAEO,MAAM,UAAyB,GAAA;AAAA,EACpC,OAAS,EAAA,KAAA;AAAA,EACT,IAAM,EAAA,KAAA;AAAA,EACN,KAAO,EAAA,KAAA;AACT,EAAA;AAEO,MAAM,SAAwB,GAAA;AAAA,EACnC,KAAO,EAAA,WAAA;AAAA,EACP,IAAM,EAAA,UAAA;AAAA,EACN,OAAS,EAAA,aAAA;AACX,EAAA;AAEO,MAAM,SAAuB,GAAA;AAAA,EAClC,KAAO,EAAA,MAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,MAAQ,EAAA,SAAA;AACV,EAAA;AAEO,MAAM,MAAiB,GAAA;AAAA,EAC5B,OAAS,EAAA,CAAA;AAAA,EACT,QAAU,EAAA,CAAA;AAAA,EACV,MAAQ,EAAA,EAAA;AAAA,EACR,KAAO,EAAA,EAAA;AAAA,EACP,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,MAAQ,EAAA,GAAA;AAAA,EACR,QAAU,EAAA,GAAA;AAAA,EACV,MAAQ,EAAA,GAAA;AAAA,EACR,OAAS,EAAA,GAAA;AAAA,EACT,KAAO,EAAA,GAAA;AACT,EAAA;AAiBO,MAAM,WAA2B,GAAA;AAAA,EACtC,EAAI,EAAA,GAAA;AAAA,EACJ,EAAI,EAAA,GAAA;AAAA,EACJ,EAAI,EAAA,IAAA;AACN;;;;"}

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

@@ -0,0 +1 @@
+{"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":[],"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,cAAA,CAAA;AAAA,IACL,SAAS,cACJ,CAAA,EAAA,EAAA,gBAAA,CAAA;AAAA,IAEL,WAAW,cAAK,CAAA,EAAA,EAAA,kBAAA,CAAA;AAAA,GACb,EAAA,WAAA,CAAA;AAAA,EAEL,aAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,UAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AACF;;;;"}

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

@@ -0,0 +1 @@
+{"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.isTVOS &&\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":[],"mappings":";;AAEO,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,KAAA,GAAQ,UAAW,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AACrC,EAAA,OACE,SAAS,EAAO,KAAA,KAAA,IAChB,CAAC,QAAA,CAAS,SACV,CAAC,QAAA,CAAS,MACT,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,OAAO,SAAS,MAAO,CAAA;AAAA,IACrB,GAAK,EAAA,SAAA,CAAU,IAAO,GAAA,EAAA,GAAK,IAAI,EAAE,CAAA;AAAA,IACjC,SAAS,SAAU,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/esm/utils/ResponsiveFontSize.js.map

@@ -0,0 +1 @@
+{"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":[],"mappings":";;;;AAIA,MAAM,sBAAyB,GAAA,GAAA,CAAA;AASlB,MAAA,YAAA,GAAe,CAAC,OAAoB,KAAA;AAC/C,EAAA,IAAI,SAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,OAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAA,UAAA,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,GACA,SAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAA,SAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJ,SAAU,EAAA,IAAK,SAAS,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,IAAI,SAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,QAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAA,UAAA,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,GACA,SAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAA,SAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJ,SAAU,EAAA,IAAK,SAAS,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,GAAY,yBAAyB,QAAQ,CAAA,CAAA;AACnD,EAAO,OAAA,CAAA,EAAG,OAAQ,CAAA,SAAA,EAAW,oBAAoB,CAAA,CAAA,EAAA,CAAA,CAAA;AACnD;;;;"}

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

@@ -0,0 +1 @@
+{"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/esm/utils/formatWithMask.js.map

@@ -0,0 +1 @@
+{"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":[],"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,GAAA,OAAA,CAAQ,IAAM,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAChD,IAAA,MAAM,EAAE,SAAU,EAAA,GAAI,UAAU,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,GAAA,wBAAA;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/esm/utils/lightenDarkenColor.js.map

@@ -0,0 +1 @@
+{"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,MAAM,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/esm/utils/masks.js.map

@@ -0,0 +1 @@
+{"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":[],"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,GAAc,wBAAwB,KAAK,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,YAAY,MAAW,KAAA,EAAA,CAAA;AAGnD,IAAA,OAAA,CAAO,+BAAO,MAAU,KAAA,EAAA,IAAM,CAAC,mBAC3B,GAAA,KAAA,CAAM,QACN,KAAM,CAAA,cAAA,CAAA;AAAA,GACZ;AAAA,EACA,iBAAA,EAAmB,CAAC,KAClB,KAAA,CAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,WAAU,EAAK,GAAA,KAAA,CAAM,MAAM,KAAM,CAAA,IAAA;AAC5C;;;;"}

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

@@ -0,0 +1 @@
+{"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/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@tecsinapse/react-core",
   "description": "TecSinapse hybrid React components",
-  "version": "1.21.2",
+  "version": "1.21.4",
   "license": "MIT",
-  "main": "dist/index.js",
-  "module": "esm/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "start": "yarn build:es --watch",
     "build:es": "yarn rollup --config",
@@ -17,10 +20,10 @@
     "yalc:show": "yalc installations show $npm_package_name"
   },
   "dependencies": {
-    "@emotion/native": "^11.10.0",
-    "@emotion/react": "^11.10.0",
-    "currency.js": "^2.0.4",
-    "date-fns": "^2.29.1"
+    "@emotion/native": "~11.10.0",
+    "@emotion/react": "~11.10.0",
+    "currency.js": "~2.0.4",
+    "date-fns": "~2.29.1"
   },
   "repository": {
     "type": "git",
@@ -36,5 +39,5 @@
     "react-native": "^0.64.0",
     "react-native-vector-icons": "^8.1.0 || ^9.0.0"
   },
-  "gitHead": "6fd94322cdd8670ff536a8fb8271cb519b2310c9"
+  "gitHead": "93a4f5357ab8ec362e51d8026493651536d056bf"
 }