@tecsinapse/react-core 1.18.0 → 1.19.0

package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"LabeledSwitch.js"}
+{"version":3,"file":"LabeledSwitch.js","names":[],"sources":["../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { SwitchProps } from '../../atoms/Switch';\n\nexport type LabelPositionOptions = 'left' | 'right';\n\nexport interface LabeledSwitchProps extends SwitchProps {\n  label: string;\n  labelPosition?: LabelPositionOptions;\n  pressableLabel?: boolean;\n}\n"],"mappings":""}

package/dist/components/molecules/LabeledSwitch/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.LabelPositionOptions = exports.LabeledSwitchProps = void 0;
+exports.LabeledSwitchProps = exports.LabelPositionOptions = void 0;
 
 var _LabeledSwitch = require("./LabeledSwitch");
 

package/dist/components/molecules/LabeledSwitch/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/LabeledSwitch/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { LabeledSwitchProps, LabelPositionOptions } from './LabeledSwitch';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/LabeledSwitch/index.ts"],"sourcesContent":["export { LabeledSwitchProps, LabelPositionOptions } from './LabeledSwitch';\n"],"mappings":";;;;;AAAA"}

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

@@ -13,7 +13,7 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Snackbar = ({
   children,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"names":["Snackbar","children","open","onClose","dismissable","timeout","undefined","leftIcon","colorTone","colorVariant","rightIcon","anchor","anchorDistance","style","fadeAnim","React","useRef","Animated","Value","current","duration","fadeIn","timing","toValue","useNativeDriver","start","fadeOut","delay","useEffect","setTimeout","opacity","setValue","direction"],"mappings":"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","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\nexport const 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"],"file":"Snackbar.js"}
+{"version":3,"file":"Snackbar.js","names":["Snackbar","children","open","onClose","dismissable","timeout","undefined","leftIcon","colorTone","colorVariant","rightIcon","anchor","anchorDistance","style","fadeAnim","React","useRef","Animated","Value","current","duration","fadeIn","timing","toValue","useNativeDriver","start","fadeOut","delay","useEffect","setTimeout","opacity","setValue","direction"],"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\nexport const 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"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Snackbar/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Snackbar, SnackbarProps } from './Snackbar';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Snackbar/index.ts"],"sourcesContent":["export { default as Snackbar, SnackbarProps } from './Snackbar';\n"],"mappings":";;;;;AAAA"}

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

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.TextContainer = exports.StyledContainerFlexRow = exports.StyledProgressBar = exports.DismissContainer = exports.IconContainer = exports.ContentContainer = exports.SnackbarContainer = void 0;
+exports.TextContainer = exports.StyledProgressBar = exports.StyledContainerFlexRow = exports.SnackbarContainer = exports.IconContainer = exports.DismissContainer = exports.ContentContainer = void 0;
 
 var _native = _interopRequireWildcard(require("@emotion/native"));
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"names":["baseStyles","theme","colorTone","colorVariant","visible","borderRadius","mili","color","zIndex","modal","anchorTop","anchor","anchorDistance","spacing","deca","anchorBottom","SnackbarContainer","Paper","props","ContentContainer","View","IconContainer","DismissContainer","PressableSurface","StyledProgressBar","ProgressBar","StyledContainerFlexRow","TextContainer"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAGA,MAAMA,UAAU,GAAG,CAAC;AAClBC,EAAAA,KADkB;AAElBC,EAAAA,SAAS,GAAG,QAFM;AAGlBC,EAAAA,YAAY,GAAG,SAHG;AAIlBC,EAAAA;AAJkB,CAAD,KAK+C,gBAAI;AACtE;AACA,mBAAmBH,KAAK,CAACI,YAAN,CAAmBC,IAAK;AAC3C,sBAAsBL,KAAK,CAACM,KAAN,CAAYJ,YAAZ,EAA0BD,SAA1B,CAAqC;AAC3D;AACA,aAAaD,KAAK,CAACO,MAAN,CAAaC,KAAM;AAChC,aAAaL,OAAO,GAAG,MAAH,GAAY,MAAO;AACvC;AACA;AACA;AACA,CAfA;;AAiBA,MAAMM,SAAS,GAAG,CAAC;AACjBT,EAAAA,KADiB;AAEjBU,EAAAA,MAFiB;AAGjBC,EAAAA;AAHiB,CAAD,KAIyB;AACzC,SACED,MAAM,KAAK,KAAX,IACA,gBAAI;AACR,aAAaC,cAAc,GAAI,GAAE,oBAAQA,cAAR,CAAwB,IAA9B,GAAoCX,KAAK,CAACY,OAAN,CAAcC,IAAK;AAClF,KAJE;AAMD,CAXD;;AAaA,MAAMC,YAAY,GAAG,CAAC;AACpBd,EAAAA,KADoB;AAEpBU,EAAAA,MAFoB;AAGpBC,EAAAA;AAHoB,CAAD,KAIsB;AACzC,SACED,MAAM,KAAK,QAAX,IACA,gBAAI;AACR,gBAAgBC,cAAc,GAAI,GAAE,oBAAQA,cAAR,CAAwB,IAA9B,GAAoCX,KAAK,CAACY,OAAN,CAAcC,IAAK;AACrF,KAJE;AAMD,CAXD;;AAaO,MAAME,iBAAiB,GAAG,qBAAOC,YAAP,EAG/BC,KAAK,IAAI,gBAAI;AACf,MAAMlB,UAAU,CAACkB,KAAD,CAAQ;AACxB,MAAMH,YAAY,CAACG,KAAD,CAAQ;AAC1B,MAAMR,SAAS,CAACQ,KAAD,CAAQ;AACvB,GAPiC,CAA1B;;AAUA,MAAMC,gBAAgB,GAAG,qBAAOC,iBAAP,CAAa;AAC7C;AACA;AACA;AACA;AACA,CALO;;AAOA,MAAMC,aAAa,GAAG,qBAAOD,iBAAP,CAAkC;AAC/D;AACA;AACA;AACA,kBAAkB,CAAC;AAAEnB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACY,OAAN,CAAcP,IAAK;AACpD,CALO;;AAOA,MAAMgB,gBAAgB,GAAG,qBAAOC,kCAAP,CAA8C;AAC9E;AACA;AACA;AACA,iBAAiB,CAAC;AAAEtB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACY,OAAN,CAAcP,IAAK;AACnD,CALO;;AAOA,MAAMkB,iBAAiB,GAAG,qBAAOC,wBAAP,CAAyC;AAC1E;AACA;AACA,CAHO;;AAKA,MAAMC,sBAAsB,GAAG,qBAAON,iBAAP,CAAkC;AACxE;AACA;AACA;AACA,aAAa,CAAC;AAAEnB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACY,OAAN,CAAcP,IAAK;AAC/C,CALO;;AAOA,MAAMqB,aAAa,GAAG,qBAAOP,iBAAP,CAAa;AAC1C;AACA;AACA,CAHO","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 ? `${RFValue(anchorDistance)}px` : 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 ? `${RFValue(anchorDistance)}px` : 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"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["baseStyles","theme","colorTone","colorVariant","visible","css","borderRadius","mili","color","zIndex","modal","anchorTop","anchor","anchorDistance","RFValue","spacing","deca","anchorBottom","SnackbarContainer","styled","Paper","props","ContentContainer","View","IconContainer","DismissContainer","PressableSurface","StyledProgressBar","ProgressBar","StyledContainerFlexRow","TextContainer"],"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"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAGA,MAAMA,UAAU,GAAG,CAAC;EAClBC,KADkB;EAElBC,SAAS,GAAG,QAFM;EAGlBC,YAAY,GAAG,SAHG;EAIlBC;AAJkB,CAAD,KAK+C,IAAAC,WAAA,CAAI;AACtE;AACA,mBAAmBJ,KAAK,CAACK,YAAN,CAAmBC,IAAK;AAC3C,sBAAsBN,KAAK,CAACO,KAAN,CAAYL,YAAZ,EAA0BD,SAA1B,CAAqC;AAC3D;AACA,aAAaD,KAAK,CAACQ,MAAN,CAAaC,KAAM;AAChC,aAAaN,OAAO,GAAG,MAAH,GAAY,MAAO;AACvC;AACA;AACA;AACA,CAfA;;AAiBA,MAAMO,SAAS,GAAG,CAAC;EACjBV,KADiB;EAEjBW,MAFiB;EAGjBC;AAHiB,CAAD,KAIyB;EACzC,OACED,MAAM,KAAK,KAAX,IACA,IAAAP,WAAA,CAAI;AACR,aAAaQ,cAAc,GAChB,GAAE,IAAAC,cAAA,EAAQD,cAAR,CAAwB,IADV,GAEjBZ,KAAK,CAACc,OAAN,CAAcC,IAAK;AAC7B,KANE;AAQD,CAbD;;AAeA,MAAMC,YAAY,GAAG,CAAC;EACpBhB,KADoB;EAEpBW,MAFoB;EAGpBC;AAHoB,CAAD,KAIsB;EACzC,OACED,MAAM,KAAK,QAAX,IACA,IAAAP,WAAA,CAAI;AACR,gBAAgBQ,cAAc,GACnB,GAAE,IAAAC,cAAA,EAAQD,cAAR,CAAwB,IADP,GAEpBZ,KAAK,CAACc,OAAN,CAAcC,IAAK;AAC7B,KANE;AAQD,CAbD;;AAeO,MAAME,iBAAiB,GAAG,IAAAC,eAAA,EAAOC,YAAP,EAG/BC,KAAK,IAAI,IAAAhB,WAAA,CAAI;AACf,MAAML,UAAU,CAACqB,KAAD,CAAQ;AACxB,MAAMJ,YAAY,CAACI,KAAD,CAAQ;AAC1B,MAAMV,SAAS,CAACU,KAAD,CAAQ;AACvB,GAPiC,CAA1B;;AAUA,MAAMC,gBAAgB,GAAG,IAAAH,eAAA,EAAOI,iBAAP,CAAa;AAC7C;AACA;AACA;AACA;AACA,CALO;;AAOA,MAAMC,aAAa,GAAG,IAAAL,eAAA,EAAOI,iBAAP,CAAkC;AAC/D;AACA;AACA;AACA,kBAAkB,CAAC;EAAEtB;AAAF,CAAD,KAAeA,KAAK,CAACc,OAAN,CAAcR,IAAK;AACpD,CALO;;AAOA,MAAMkB,gBAAgB,GAAG,IAAAN,eAAA,EAAOO,kCAAP,CAA8C;AAC9E;AACA;AACA;AACA,iBAAiB,CAAC;EAAEzB;AAAF,CAAD,KAAeA,KAAK,CAACc,OAAN,CAAcR,IAAK;AACnD,CALO;;AAOA,MAAMoB,iBAAiB,GAAG,IAAAR,eAAA,EAAOS,wBAAP,CAAyC;AAC1E;AACA;AACA,CAHO;;AAKA,MAAMC,sBAAsB,GAAG,IAAAV,eAAA,EAAOI,iBAAP,CAAkC;AACxE;AACA;AACA;AACA,aAAa,CAAC;EAAEtB;AAAF,CAAD,KAAeA,KAAK,CAACc,OAAN,CAAcR,IAAK;AAC/C,CALO;;AAOA,MAAMuB,aAAa,GAAG,IAAAX,eAAA,EAAOI,iBAAP,CAAa;AAC1C;AACA;AACA,CAHO"}

package/dist/components/molecules/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { FontStackType, FontWeightType } from '../../../types/defaults';
+import { FontStackType, FontWeightType } from '@tecsinapse/react-core';
 import { InputContainerProps, InputElementProps } from '../../atoms/Input';
 import { TextProps } from '../../atoms/Text';
 export interface TextAreaProps extends Omit<InputElementProps, 'style' | 'multiline' | 'value'>, InputContainerProps {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/TextArea/TextArea.tsx"],"names":["TextArea","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","TextComponent","Text","focused","children","maxLength","_maxLenght","value","_value","length","_hint","textAlign"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAcA,MAAMA,QAA2B,GAAG,CAAC;AACnCC,EAAAA,KADmC;AAEnCC,EAAAA,UAFmC;AAGnCC,EAAAA,iBAHmC;AAInCC,EAAAA,cAJmC;AAKnCC,EAAAA,eALmC;AAMnCC,EAAAA,UANmC;AAOnCC,EAAAA,WAPmC;AAQnCC,EAAAA,aARmC;AASnCC,EAAAA,cATmC;AAUnCC,EAAAA,QAVmC;AAWnCC,EAAAA,KAXmC;AAYnCC,EAAAA,WAZmC;AAanCC,EAAAA,oBAbmC;AAcnCC,EAAAA,mBAdmC;AAenCC,EAAAA,OAAO,GAAG,SAfyB;AAgBnCC,EAAAA,aAhBmC;AAiBnCC,EAAAA,IAjBmC;AAkBnCC,EAAAA,aAAa,GAAGC,UAlBmB;AAmBnCC,EAAAA,OAnBmC;AAoBnCC,EAAAA,QApBmC;AAqBnCC,EAAAA,SAAS,EAAEC,UArBwB;AAsBnCC,EAAAA,KAAK,EAAEC;AAtB4B,CAAD,KAuB9B;AACJ,MAAIC,MAAM,GAAGD,MAAM,CAACC,MAApB;AACA,QAAMJ,SAAS,GAAGC,UAAlB;;AACA,MAAID,SAAS,IAAII,MAAM,GAAGJ,SAA1B,EAAqC;AACnCI,IAAAA,MAAM,GAAGJ,SAAT;AACD;;AAED,QAAMK,KAAK,GAAGX,aAAa,IACzB,6BAAC,WAAD;AAAM,IAAA,aAAa,EAAEE,aAArB;AAAoC,IAAA,IAAI,EAAED,IAA1C;AAAgD,IAAA,OAAO,EAAEF;AAAzD,IADF;;AAIA,SACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEJ;AAAb,KACE,6BAAC,4BAAD;AACE,IAAA,KAAK,EAAEV,KADT;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,iBAAiB,EAAEC,iBAHrB;AAIE,IAAA,cAAc,EAAEC,cAJlB;AAKE,IAAA,eAAe,EAAEC,eALnB;AAME,IAAA,UAAU,EAAEC,UANd;AAOE,IAAA,WAAW,EAAEC,WAPf;AAQE,IAAA,cAAc,EAAEW,aARlB;AASE,IAAA,aAAa,EAAEV,aATjB;AAUE,IAAA,cAAc,EAAEC,cAVlB;AAWE,IAAA,WAAW,EAAEG,WAXf;AAYE,IAAA,oBAAoB,EAAEC,oBAZxB;AAaE,IAAA,mBAAmB,EAAEC,mBAbvB;AAcE,IAAA,OAAO,EAAEM,OAdX;AAeE,IAAA,QAAQ,EAAEV,QAfZ;AAgBE,IAAA,OAAO,EAAEK;AAhBX,KAkBGM,QAlBH,EAmBGC,SAAS,IACR,6BAAC,aAAD;AACE,IAAA,YAAY,EAAE,WADhB;AAEE,IAAA,SAAS,EAAE,QAFb;AAGE,IAAA,UAAU,EAAE,OAHd;AAIE,IAAA,SAAS,EAAE,SAJb;AAKE,IAAA,UAAU,EAAE,MALd;AAME,IAAA,KAAK,EAAE;AAAEM,MAAAA,SAAS,EAAE;AAAb;AANT,KAQI,GAAEF,MAAO,IAAGJ,SAAU,EAR1B,CApBJ,CADF,EAiCGL,IAAI,IAAIU,KAjCX,CADF;AAqCD,CAvED;;eAyEe3B,Q","sourcesContent":["import React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { FontStackType, FontWeightType } from '../../../types/defaults';\nimport { Hint, InputContainerProps, InputElementProps } 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"],"file":"TextArea.js"}
+{"version":3,"file":"TextArea.js","names":["TextArea","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","TextComponent","Text","focused","children","maxLength","_maxLenght","value","_value","length","_hint","textAlign"],"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"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;;;AAcA,MAAMA,QAA2B,GAAG,CAAC;EACnCC,KADmC;EAEnCC,UAFmC;EAGnCC,iBAHmC;EAInCC,cAJmC;EAKnCC,eALmC;EAMnCC,UANmC;EAOnCC,WAPmC;EAQnCC,aARmC;EASnCC,cATmC;EAUnCC,QAVmC;EAWnCC,KAXmC;EAYnCC,WAZmC;EAanCC,oBAbmC;EAcnCC,mBAdmC;EAenCC,OAAO,GAAG,SAfyB;EAgBnCC,aAhBmC;EAiBnCC,IAjBmC;EAkBnCC,aAAa,GAAGC,UAlBmB;EAmBnCC,OAnBmC;EAoBnCC,QApBmC;EAqBnCC,SAAS,EAAEC,UArBwB;EAsBnCC,KAAK,EAAEC;AAtB4B,CAAD,KAuB9B;EACJ,IAAIC,MAAM,GAAGD,MAAM,CAACC,MAApB;EACA,MAAMJ,SAAS,GAAGC,UAAlB;;EACA,IAAID,SAAS,IAAII,MAAM,GAAGJ,SAA1B,EAAqC;IACnCI,MAAM,GAAGJ,SAAT;EACD;;EAED,MAAMK,KAAK,GAAGX,aAAa,IACzB,6BAAC,WAAD;IAAM,aAAa,EAAEE,aAArB;IAAoC,IAAI,EAAED,IAA1C;IAAgD,OAAO,EAAEF;EAAzD,EADF;;EAIA,OACE,6BAAC,iBAAD;IAAM,KAAK,EAAEJ;EAAb,GACE,6BAAC,4BAAD;IACE,KAAK,EAAEV,KADT;IAEE,UAAU,EAAEC,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,cAAc,EAAEW,aARlB;IASE,aAAa,EAAEV,aATjB;IAUE,cAAc,EAAEC,cAVlB;IAWE,WAAW,EAAEG,WAXf;IAYE,oBAAoB,EAAEC,oBAZxB;IAaE,mBAAmB,EAAEC,mBAbvB;IAcE,OAAO,EAAEM,OAdX;IAeE,QAAQ,EAAEV,QAfZ;IAgBE,OAAO,EAAEK;EAhBX,GAkBGM,QAlBH,EAmBGC,SAAS,IACR,6BAAC,aAAD;IACE,YAAY,EAAE,WADhB;IAEE,SAAS,EAAE,QAFb;IAGE,UAAU,EAAE,OAHd;IAIE,SAAS,EAAE,SAJb;IAKE,UAAU,EAAE,MALd;IAME,KAAK,EAAE;MAAEM,SAAS,EAAE;IAAb;EANT,GAQI,GAAEF,MAAO,IAAGJ,SAAU,EAR1B,CApBJ,CADF,EAiCGL,IAAI,IAAIU,KAjCX,CADF;AAqCD,CAvED;;eAyEe3B,Q"}

package/dist/components/molecules/TextArea/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.TextAreaInputBase = exports.TextAreaProps = exports.TextArea = void 0;
+exports.TextAreaProps = exports.TextAreaInputBase = exports.TextArea = void 0;
 
 var _TextArea = _interopRequireWildcard(require("./TextArea"));
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/TextArea/index.ts"],"names":[],"mappings":";;;;;AAAA;;;;;AACA","sourcesContent":["export { default as TextArea, TextAreaProps } from './TextArea';\nexport { TextAreaInputBase } from './styled';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/TextArea/index.ts"],"sourcesContent":["export { default as TextArea, TextAreaProps } from './TextArea';\nexport { TextAreaInputBase } from './styled';\n"],"mappings":";;;;;AAAA;;;;;AACA"}

package/dist/components/molecules/TextArea/styled.d.ts

@@ -1,14 +1,2 @@
-/// <reference types="react" />
-import { TextAreaProps } from './TextArea';
-export declare const StyledInputContainer: import("@emotion/native").StyledComponent<import("../../atoms/Input").InputContainerProps & Partial<import("../../atoms/Input").InputElementProps> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
-export declare const TextAreaInputBase: import("@emotion/native").StyledComponent<import("../../atoms/Input").InputElementProps & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & Partial<TextAreaProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const StyledInputContainer: import("@emotion/native").StyledComponent<any, {}, {}>;
+export declare const TextAreaInputBase: import("@emotion/native").StyledComponent<any, {}, {}>;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/TextArea/styled.ts"],"names":["StyledInputContainer","InputContainer","TextAreaInputBase","InputElement","theme","numberOfLines","typography","h5","lineHeight"],"mappings":";;;;;AAAA;;AAEA;;AACA;;;;AAGO,MAAMA,oBAAoB,GAAG,qBAAOC,qBAAP,CAA4C;AAChF,gBAAgB,uBAAW,MAAX,CAAmB;AACnC,CAFO;;AAIA,MAAMC,iBAAiB,GAAG,qBAAOC,mBAAP,CAE/B;AACF,gBAAgB,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAD,KACX,GAAE,oBAAQ,qCAAyBD,KAAK,CAACE,UAAN,CAAiBC,EAAjB,CAAoBC,UAA7C,KAA4DH,aAAa,IAAI,CAA7E,CAAR,CAAyF,IAAI;AACpG;AACA;AACA,YAAY,uBAAW,KAAX,CAAkB;AAC9B,CARO","sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\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(extractNumbersFromString(theme.typography.h5.lineHeight) * (numberOfLines || 1))}px`};\n  width: 100%;\n  padding: 0;\n  margin: ${RFValueStr('3px')} 0;\n`;\n"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["StyledInputContainer","styled","InputContainer","RFValueStr","TextAreaInputBase","InputElement","theme","numberOfLines","RFValue","extractNumbersFromString","typography","h5","lineHeight"],"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"],"mappings":";;;;;AAAA;;AAEA;;AACA;;;;AAGO,MAAMA,oBAAoB,GAAG,IAAAC,eAAA,EAAOC,qBAAP,CAA4C;AAChF,gBAAgB,IAAAC,iBAAA,EAAW,MAAX,CAAmB;AACnC,CAFO;;AAIA,MAAMC,iBAAiB,GAAG,IAAAH,eAAA,EAAOI,mBAAP,CAE/B;AACF,gBAAgB,CAAC;EAAEC,KAAF;EAASC;AAAT,CAAD,KACX,GAAE,IAAAC,cAAA,EACD,IAAAC,+BAAA,EAAyBH,KAAK,CAACI,UAAN,CAAiBC,EAAjB,CAAoBC,UAA7C,KACGL,aAAa,IAAI,CADpB,CADC,CAGD,IAAI;AACV;AACA;AACA,YAAY,IAAAJ,iBAAA,EAAW,KAAX,CAAkB;AAC9B,CAXO"}

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;;;AAAA;;;;AACA","sourcesContent":["export { useDebouncedState } from './useDebouncedState';\nexport { useTheme } from './useTheme';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/hooks/index.ts"],"sourcesContent":["export { useDebouncedState } from './useDebouncedState';\nexport { useTheme } from './useTheme';\n"],"mappings":";;;;;AAAA;;;;AACA"}

package/dist/hooks/useDebouncedState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useDebouncedState.ts"],"names":["useDebouncedState","initialState","timeoutCallback","timeoutMs","timeoutId","state","setState","current","clearTimeout","setTimeout"],"mappings":";;;;;AAAA;;AAOO,SAASA,iBAAT,CACLC,YADK,EAELC,eAFK,EAGLC,SAAS,GAAG,GAHP,EAI6B;AAClC,QAAMC,SAAS,GAAG,oBAAlB;AAEA,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,qBAAYL,YAAZ,CAA1B;AAEA,wBAAU,MAAM;AACd,QAAIG,SAAS,CAACG,OAAd,EAAuBC,YAAY,CAACJ,SAAS,CAACG,OAAX,CAAZ;AACvB,QAAIL,eAAJ,EACEE,SAAS,CAACG,OAAV,GAAoBE,UAAU,CAAC,MAAMP,eAAe,CAACG,KAAD,CAAtB,EAA+BF,SAA/B,CAA9B;AACH,GAJD,EAIG,CAACE,KAAD,CAJH;AAMA,SAAO,CAACA,KAAD,EAAQC,QAAR,CAAP;AACD","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"],"file":"useDebouncedState.js"}
+{"version":3,"file":"useDebouncedState.js","names":["useDebouncedState","initialState","timeoutCallback","timeoutMs","timeoutId","useRef","state","setState","useState","useEffect","current","clearTimeout","setTimeout"],"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"],"mappings":";;;;;AAAA;;AAOO,SAASA,iBAAT,CACLC,YADK,EAELC,eAFK,EAGLC,SAAS,GAAG,GAHP,EAI6B;EAClC,MAAMC,SAAS,GAAG,IAAAC,aAAA,GAAlB;EAEA,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,IAAAC,eAAA,EAAYP,YAAZ,CAA1B;EAEA,IAAAQ,gBAAA,EAAU,MAAM;IACd,IAAIL,SAAS,CAACM,OAAd,EAAuBC,YAAY,CAACP,SAAS,CAACM,OAAX,CAAZ;IACvB,IAAIR,eAAJ,EACEE,SAAS,CAACM,OAAV,GAAoBE,UAAU,CAAC,MAAMV,eAAe,CAACI,KAAD,CAAtB,EAA+BH,SAA/B,CAA9B;EACH,CAJD,EAIG,CAACG,KAAD,CAJH;EAMA,OAAO,CAACA,KAAD,EAAQC,QAAR,CAAP;AACD"}

package/dist/hooks/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useTheme.ts"],"names":["useTheme"],"mappings":";;;;;AAAA;;AAGO,MAAMA,QAAQ,GAAG,MAAiB,sBAAlC","sourcesContent":["import { useTheme as useEmotionTheme } from '@emotion/react';\nimport { ThemeProp } from '../types/defaults';\n\nexport const useTheme = (): ThemeProp => useEmotionTheme() as ThemeProp;\n"],"file":"useTheme.js"}
+{"version":3,"file":"useTheme.js","names":["useTheme","useEmotionTheme"],"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"],"mappings":";;;;;AAAA;;AAGO,MAAMA,QAAQ,GAAG,MAAiB,IAAAC,eAAA,GAAlC"}

package/dist/index.d.ts

@@ -21,7 +21,7 @@ export { Calendar, CalendarProps, DateRange, SelectionType, Value, } from './com
 export { DatePicker, DatePickerProps } from './components/molecules/DatePicker';
 export { DateTimePicker, DateTimePickerProps, } from './components/molecules/DateTimePicker';
 export { DateTimeSelector, DateTimeSelectorMode, DateTimeSelectorProps, } from './components/molecules/DateTimeSelector';
-export * from './components/molecules/Grid';
+export { GridSpacing, IGridItem, getGridItemPadding, getGridItemColumSpan, IGrid, FlexAlignBase, FlexAlignType, FlexPositioning, FlexSpacing, PaddingPosition, } from './components/molecules/Grid';
 export { HintInputContainer, HintInputContainerProps, } from './components/molecules/HintInputContainer';
 export { IconComponent, IconPositionOptions, IconTextButtonProps, } from './components/molecules/IconTextButton';
 export { InputPasswordIcon } from './components/molecules/InputPassword';

package/dist/index.js

@@ -74,6 +74,16 @@ var _exportNames = {
   DateTimeSelector: true,
   DateTimeSelectorMode: true,
   DateTimeSelectorProps: true,
+  GridSpacing: true,
+  IGridItem: true,
+  getGridItemPadding: true,
+  getGridItemColumSpan: true,
+  IGrid: true,
+  FlexAlignBase: true,
+  FlexAlignType: true,
+  FlexPositioning: true,
+  FlexSpacing: true,
+  PaddingPosition: true,
   HintInputContainer: true,
   HintInputContainerProps: true,
   IconComponent: true,
@@ -89,7 +99,7 @@ var _exportNames = {
   TextAreaProps: true,
   ThemeProvider: true
 };
-exports.ThemeProvider = exports.TextAreaProps = exports.TextAreaInputBase = exports.TextArea = exports.SnackbarProps = exports.Snackbar = exports.LabelPositionOptions = exports.LabeledSwitchProps = exports.InputPasswordIcon = exports.IconTextButtonProps = exports.IconPositionOptions = exports.IconComponent = exports.HintInputContainerProps = exports.HintInputContainer = exports.DateTimeSelectorProps = exports.DateTimeSelectorMode = exports.DateTimeSelector = exports.DateTimePickerProps = exports.DateTimePicker = exports.DatePickerProps = exports.DatePicker = exports.Value = exports.SelectionType = exports.DateRange = exports.CalendarProps = exports.Calendar = exports.TextProps = exports.Text = exports.TagProps = exports.Tag = exports.SwitchProps = exports.Switch = exports.RadioButtonProps = exports.RadioButton = exports.ProgressBarProps = exports.ProgressBar = exports.PressableSurfaceProps = exports.PressableSurface = exports.PaperProps = exports.Paper = exports.useStringMask = exports.useNumberMask = exports.useInputFocus = exports.StyledBorderKeeper = exports.PressableInputContainerProps = exports.PressableInputContainer = exports.InputVariantType = exports.InputMaskElementProps = exports.InputMaskElement = exports.InputElementProps = exports.InputElement = exports.InputContainerProps = exports.InputContainer = exports.Hint = exports.disabledInputStyles = exports.IconProps = exports.Icon = exports.GroupButtonValue = exports.GroupButtonProps = exports.GroupButtonOptionProps = exports.GroupButtonOption = exports.GroupButton = exports.DividerProps = exports.Divider = exports.CheckboxProps = exports.Checkbox = exports.HeaderProps = exports.Header = exports.FooterProps = exports.Footer = exports.CardProps = exports.Card = exports.Success = exports.Loading = exports.Error = exports.ButtonStateType = exports.ButtonStateProps = exports.ButtonSizeType = exports.ButtonProps = exports.Button = exports.BoxContentProps = exports.BoxContent = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = void 0;
+exports.useStringMask = exports.useNumberMask = exports.useInputFocus = exports.getGridItemPadding = exports.getGridItemColumSpan = exports.disabledInputStyles = exports.Value = exports.ThemeProvider = exports.TextProps = exports.TextAreaProps = exports.TextAreaInputBase = exports.TextArea = exports.Text = exports.TagProps = exports.Tag = exports.SwitchProps = exports.Switch = exports.Success = exports.StyledBorderKeeper = exports.SnackbarProps = exports.Snackbar = exports.SelectionType = exports.RadioButtonProps = exports.RadioButton = exports.ProgressBarProps = exports.ProgressBar = exports.PressableSurfaceProps = exports.PressableSurface = exports.PressableInputContainerProps = exports.PressableInputContainer = exports.PaperProps = exports.Paper = exports.PaddingPosition = exports.Loading = exports.LabeledSwitchProps = exports.LabelPositionOptions = exports.InputVariantType = exports.InputPasswordIcon = exports.InputMaskElementProps = exports.InputMaskElement = exports.InputElementProps = exports.InputElement = exports.InputContainerProps = exports.InputContainer = exports.IconTextButtonProps = exports.IconProps = exports.IconPositionOptions = exports.IconComponent = exports.Icon = exports.IGridItem = exports.IGrid = exports.HintInputContainerProps = exports.HintInputContainer = exports.Hint = exports.HeaderProps = exports.Header = exports.GroupButtonValue = exports.GroupButtonProps = exports.GroupButtonOptionProps = exports.GroupButtonOption = exports.GroupButton = exports.GridSpacing = exports.FooterProps = exports.Footer = exports.FlexSpacing = exports.FlexPositioning = exports.FlexAlignType = exports.FlexAlignBase = exports.Error = exports.DividerProps = exports.Divider = exports.DateTimeSelectorProps = exports.DateTimeSelectorMode = exports.DateTimeSelector = exports.DateTimePickerProps = exports.DateTimePicker = exports.DateRange = exports.DatePickerProps = exports.DatePicker = exports.CheckboxProps = exports.Checkbox = exports.CardProps = exports.Card = exports.CalendarProps = exports.Calendar = exports.ButtonStateType = exports.ButtonStateProps = exports.ButtonSizeType = exports.ButtonProps = exports.Button = exports.BoxContentProps = exports.BoxContent = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = void 0;
 
 var _Avatar = require("./components/atoms/Avatar");
 
@@ -234,12 +244,16 @@ exports.DateTimeSelectorProps = _DateTimeSelector.DateTimeSelectorProps;
 
 var _Grid = require("./components/molecules/Grid");
 
-Object.keys(_Grid).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Grid[key]) return;
-  exports[key] = _Grid[key];
-});
+exports.GridSpacing = _Grid.GridSpacing;
+exports.IGridItem = _Grid.IGridItem;
+exports.getGridItemPadding = _Grid.getGridItemPadding;
+exports.getGridItemColumSpan = _Grid.getGridItemColumSpan;
+exports.IGrid = _Grid.IGrid;
+exports.FlexAlignBase = _Grid.FlexAlignBase;
+exports.FlexAlignType = _Grid.FlexAlignType;
+exports.FlexPositioning = _Grid.FlexPositioning;
+exports.FlexSpacing = _Grid.FlexSpacing;
+exports.PaddingPosition = _Grid.PaddingPosition;
 
 var _HintInputContainer = require("./components/molecules/HintInputContainer");
 

package/dist/index.js.map

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

package/dist/styles/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/ThemeProvider.tsx"],"names":["ThemeProvider","theme","children"],"mappings":";;;;;AAAA;;AACA;;;;AAGA,MAAMA,aAAqC,GAAG,CAAC;AAC7CC,EAAAA,KAD6C;AAE7CC,EAAAA;AAF6C,CAAD,KAG3B;AACjB,SAAO,6BAAC,qBAAD;AAAiB,IAAA,KAAK,EAAED;AAAxB,KAAgCC,QAAhC,CAAP;AACD,CALD;;eAOeF,a","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"],"file":"ThemeProvider.js"}
+{"version":3,"file":"ThemeProvider.js","names":["ThemeProvider","theme","children"],"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"],"mappings":";;;;;AAAA;;AACA;;;;AAGA,MAAMA,aAAqC,GAAG,CAAC;EAC7CC,KAD6C;EAE7CC;AAF6C,CAAD,KAG3B;EACjB,OAAO,6BAAC,qBAAD;IAAiB,KAAK,EAAED;EAAxB,GAAgCC,QAAhC,CAAP;AACD,CALD;;eAOeF,a"}

package/dist/styles/definitions.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.breakpoints = exports.zIndex = exports.fontColor = exports.fontFiles = exports.fontWeight = exports.fontStack = exports.typography = exports.borderWidth = exports.borderRadius = exports.iconSize = exports.spacing = exports.miscellaneous = exports.hex2rgba = exports.statusColor = void 0;
+exports.zIndex = exports.typography = exports.statusColor = exports.spacing = exports.miscellaneous = exports.iconSize = exports.hex2rgba = exports.fontWeight = exports.fontStack = exports.fontFiles = exports.fontColor = exports.breakpoints = exports.borderWidth = exports.borderRadius = void 0;
 
 var _utils = require("../utils");
 

package/dist/styles/definitions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/definitions.ts"],"names":["statusColor","error","xlight","light","medium","dark","xdark","warning","success","info","hex2rgba","hex","alpha","r","g","b","match","map","x","parseInt","miscellaneous","shadow","overlay","bodyColor","surfaceColor","spacing","nano","micro","mili","centi","deca","kilo","mega","giga","tera","peta","hexa","iconSize","borderRadius","pill","borderWidth","pico","typography","h5","fontSize","lineHeight","h4","h3","h2","h1","base","sub","label","fontStack","default","mono","fontWeight","regular","bold","black","fontFiles","fontColor","orange","zIndex","absolute","select","input","popover","tooltip","header","backdrop","drawer","sidebar","modal","breakpoints","sm","md","lg"],"mappings":"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","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"],"file":"definitions.js"}
+{"version":3,"file":"definitions.js","names":["statusColor","error","xlight","light","medium","dark","xdark","warning","success","info","hex2rgba","hex","alpha","r","g","b","match","map","x","parseInt","miscellaneous","shadow","overlay","bodyColor","surfaceColor","spacing","nano","RFValueStr","micro","mili","centi","deca","kilo","mega","giga","tera","peta","hexa","iconSize","borderRadius","pill","borderWidth","pico","typography","h5","fontSize","lineHeight","h4","h3","h2","h1","base","sub","label","fontStack","default","mono","fontWeight","regular","bold","black","fontFiles","fontColor","orange","zIndex","absolute","select","input","popover","tooltip","header","backdrop","drawer","sidebar","modal","breakpoints","sm","md","lg"],"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"],"mappings":"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"}

package/dist/styles/light.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/light.ts"],"names":["primaryGradation","xlight","light","medium","dark","xdark","secondaryGradation","lightTheme","color","primary","secondary","statusColor","miscellaneous","spacing","iconSize","borderRadius","borderWidth","typography","font","fontColor","stack","fontStack","weight","fontWeight","files","fontFiles","zIndex","breakpoints"],"mappings":";;;;;AACA;;AAgBA,MAAMA,gBAAgB,GAAG;AACvBC,EAAAA,MAAM,EAAE,SADe;AAEvBC,EAAAA,KAAK,EAAE,SAFgB;AAGvBC,EAAAA,MAAM,EAAE,SAHe;AAIvBC,EAAAA,IAAI,EAAE,SAJiB;AAKvBC,EAAAA,KAAK,EAAE;AALgB,CAAzB;AAQA,MAAMC,kBAAkB,GAAG;AACzBL,EAAAA,MAAM,EAAE,SADiB;AAEzBC,EAAAA,KAAK,EAAE,SAFkB;AAGzBC,EAAAA,MAAM,EAAE,SAHiB;AAIzBC,EAAAA,IAAI,EAAE,SAJmB;AAKzBC,EAAAA,KAAK,EAAE;AALkB,CAA3B;AAQO,MAAME,UAAqB,GAAG;AACnCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,EACP,GAAGT;AADI,KADJ;AAILU,IAAAA,SAAS,EAAE,EAAE,GAAGJ;AAAL,KAJN;AAKL,OAAGK;AALE,GAD4B;AAQnCC,EAAAA,aAAa,EAAbA,0BARmC;AASnCC,EAAAA,OAAO,EAAPA,oBATmC;AAUnCC,EAAAA,QAAQ,EAARA,qBAVmC;AAWnCC,EAAAA,YAAY,EAAZA,yBAXmC;AAYnCC,EAAAA,WAAW,EAAXA,wBAZmC;AAanCC,EAAAA,UAAU,EAAVA,uBAbmC;AAcnCC,EAAAA,IAAI,EAAE;AACJV,IAAAA,KAAK,EAAEW,sBADH;AAEJC,IAAAA,KAAK,EAAEC,sBAFH;AAGJC,IAAAA,MAAM,EAAEC,uBAHJ;AAIJC,IAAAA,KAAK,EAAEC;AAJH,GAd6B;AAoBnCC,EAAAA,MAAM,EAANA,mBApBmC;AAqBnCC,EAAAA,WAAW,EAAXA;AArBmC,CAA9B","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"],"file":"light.js"}
+{"version":3,"file":"light.js","names":["primaryGradation","xlight","light","medium","dark","xdark","secondaryGradation","lightTheme","color","primary","secondary","statusColor","miscellaneous","spacing","iconSize","borderRadius","borderWidth","typography","font","fontColor","stack","fontStack","weight","fontWeight","files","fontFiles","zIndex","breakpoints"],"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"],"mappings":";;;;;AACA;;AAgBA,MAAMA,gBAAgB,GAAG;EACvBC,MAAM,EAAE,SADe;EAEvBC,KAAK,EAAE,SAFgB;EAGvBC,MAAM,EAAE,SAHe;EAIvBC,IAAI,EAAE,SAJiB;EAKvBC,KAAK,EAAE;AALgB,CAAzB;AAQA,MAAMC,kBAAkB,GAAG;EACzBL,MAAM,EAAE,SADiB;EAEzBC,KAAK,EAAE,SAFkB;EAGzBC,MAAM,EAAE,SAHiB;EAIzBC,IAAI,EAAE,SAJmB;EAKzBC,KAAK,EAAE;AALkB,CAA3B;AAQO,MAAME,UAAqB,GAAG;EACnCC,KAAK,EAAE;IACLC,OAAO,EAAE,EACP,GAAGT;IADI,CADJ;IAILU,SAAS,EAAE,EAAE,GAAGJ;IAAL,CAJN;IAKL,GAAGK;EALE,CAD4B;EAQnCC,aAAa,EAAbA,0BARmC;EASnCC,OAAO,EAAPA,oBATmC;EAUnCC,QAAQ,EAARA,qBAVmC;EAWnCC,YAAY,EAAZA,yBAXmC;EAYnCC,WAAW,EAAXA,wBAZmC;EAanCC,UAAU,EAAVA,uBAbmC;EAcnCC,IAAI,EAAE;IACJV,KAAK,EAAEW,sBADH;IAEJC,KAAK,EAAEC,sBAFH;IAGJC,MAAM,EAAEC,uBAHJ;IAIJC,KAAK,EAAEC;EAJH,CAd6B;EAoBnCC,MAAM,EAANA,mBApBmC;EAqBnCC,WAAW,EAAXA;AArBmC,CAA9B"}

package/dist/types/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"defaults.js"}
+{"version":3,"file":"defaults.js","names":[],"sources":["../../src/types/defaults.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport type Color = {\n  primary: ColorGradation;\n  secondary: ColorGradation;\n  error: ColorGradation;\n  success: ColorGradation;\n  info: ColorGradation;\n  warning: ColorGradation;\n};\n\nexport type TypographyVariation = {\n  h1: Typography;\n  h2: Typography;\n  h3: Typography;\n  h4: Typography;\n  h5: Typography;\n  base: Typography;\n  sub: Typography;\n  label: Typography;\n};\n\nexport type Miscellaneous = {\n  shadow: string;\n  overlay: string;\n  bodyColor: string;\n  surfaceColor: string;\n};\n\nexport type Spacing = {\n  nano: string;\n  micro: string;\n  mili: string;\n  centi: string;\n  deca: string;\n  kilo: string;\n  mega: string;\n  giga: string;\n  tera: string;\n  peta: string;\n  hexa: string;\n};\n\nexport type IconSize = {\n  micro: string;\n  mili: string;\n  centi: string;\n  deca: string;\n  kilo: string;\n  mega: string;\n};\n\nexport type BorderRadius = {\n  nano: string;\n  micro: string;\n  mili: string;\n  centi: string;\n  deca: string;\n  pill: string;\n};\n\nexport type BorderWidth = {\n  pico: string;\n  nano: string;\n};\n\nexport type Typography = {\n  lineHeight: string;\n  fontSize: string;\n};\n\nexport type ColorGradation = {\n  xlight: string;\n  light: string;\n  medium: string;\n  dark: string;\n  xdark: string;\n};\n\nexport type FontStack = {\n  default: string;\n  mono: string;\n};\n\nexport type FontColor = {\n  light: string;\n  medium: string;\n  dark: string; // default\n  orange: string;\n};\n\nexport type ZIndex = {\n  default: number;\n  absolute: number;\n  drawer: number;\n  select: number;\n  input: number;\n  popover: number;\n  tooltip: number;\n  header: number;\n  backdrop: number;\n  sidebar: number;\n  modal: number;\n};\n\nexport type FontWeight = {\n  regular: string;\n  bold: string;\n  black: string;\n};\n\nexport type Breakpoints = {\n  sm: number;\n  md: number;\n  lg: number;\n};\n\nexport type ThemeProp = {\n  color: Color;\n  miscellaneous: Miscellaneous;\n  spacing: Spacing;\n  iconSize: IconSize;\n  borderRadius: BorderRadius;\n  borderWidth: BorderWidth;\n  typography: TypographyVariation;\n  font: {\n    color: FontColor;\n    stack: FontStack;\n    weight: FontWeight;\n    files: FontWeight;\n  };\n  zIndex: ZIndex;\n  /** Designed to web */\n  breakpoints: Breakpoints;\n};\n\nexport interface ThemeProviderProps {\n  children?: ReactNode;\n  theme: ThemeProp;\n}\n\nexport type StyleProps = ThemeProviderProps;\n\nexport type ColorType = keyof Color;\n\nexport type SpacingType = keyof Spacing;\n\nexport type TypographyVariationType = keyof TypographyVariation;\n\nexport type FontWeightType = keyof FontWeight;\n\nexport type VariantType = 'filled' | 'outlined' | 'text';\n\nexport type ColorGradationType = keyof ColorGradation;\n\nexport type FontColorType = keyof FontColor;\n\nexport type BorderRadiusType = keyof BorderRadius;\n\nexport type FontStackType = keyof FontStack;\n\nexport type IconSizeType = keyof IconSize;\n"],"mappings":""}

package/dist/utils/IPhoneXHelper.js

@@ -1,10 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
-exports.isIphoneX = isIphoneX;
-exports.ifIphoneX = ifIphoneX;
-exports.getStatusBarHeight = getStatusBarHeight;
 exports.getBottomSpace = getBottomSpace;
+exports.getStatusBarHeight = getStatusBarHeight;
+exports.ifIphoneX = ifIphoneX;
+exports.isIphoneX = isIphoneX;
 
 var _reactNative = require("react-native");
 

package/dist/utils/IPhoneXHelper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/IPhoneXHelper.ts"],"names":["isIphoneX","dimen","Dimensions","get","Platform","OS","isPad","isTVOS","height","width","ifIphoneX","iphoneXStyle","regularStyle","getStatusBarHeight","safe","select","ios","android","StatusBar","currentHeight","default","getBottomSpace"],"mappings":";;;;;;;;AAAA;;AAEO,SAASA,SAAT,GAAqB;AACxB,QAAMC,KAAK,GAAGC,wBAAWC,GAAX,CAAe,QAAf,CAAd;;AACA,SACIC,sBAASC,EAAT,KAAgB,KAAhB,IACA,CAACD,sBAASE,KADV,IAEA,CAACF,sBAASG,MAFV,KAGEN,KAAK,CAACO,MAAN,KAAiB,GAAjB,IAAwBP,KAAK,CAACQ,KAAN,KAAgB,GAAzC,IACKR,KAAK,CAACO,MAAN,KAAiB,GAAjB,IAAwBP,KAAK,CAACQ,KAAN,KAAgB,GAD7C,IAEKR,KAAK,CAACO,MAAN,KAAiB,GAAjB,IAAwBP,KAAK,CAACQ,KAAN,KAAgB,GAF7C,IAGKR,KAAK,CAACO,MAAN,KAAiB,GAAjB,IAAwBP,KAAK,CAACQ,KAAN,KAAgB,GAH7C,IAIKR,KAAK,CAACO,MAAN,KAAiB,GAAjB,IAAwBP,KAAK,CAACQ,KAAN,KAAgB,GAP9C,CADJ;AAUH;;AAEM,SAASC,SAAT,CAAmBC,YAAnB,EAAiCC,YAAjC,EAA+C;AAClD,MAAIZ,SAAS,EAAb,EAAiB;AACb,WAAOW,YAAP;AACH;;AACD,SAAOC,YAAP;AACH;;AAEM,SAASC,kBAAT,CAA4BC,IAA5B,EAAkC;AACrC,SAAOV,sBAASW,MAAT,CAAgB;AACnBC,IAAAA,GAAG,EAAEN,SAAS,CAACI,IAAI,GAAG,EAAH,GAAQ,EAAb,EAAiB,EAAjB,CADK;AAEnBG,IAAAA,OAAO,EAAEC,uBAAUC,aAFA;AAGnBC,IAAAA,OAAO,EAAE;AAHU,GAAhB,CAAP;AAKH;;AAEM,SAASC,cAAT,GAA0B;AAC7B,SAAOrB,SAAS,KAAK,EAAL,GAAU,CAA1B;AACH","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 || dimen.width === 780)\n          || (dimen.height === 812 || dimen.width === 812)\n          || (dimen.height === 844 || dimen.width === 844)\n          || (dimen.height === 896 || dimen.width === 896)\n          || (dimen.height === 926 || 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}"],"file":"IPhoneXHelper.js"}
+{"version":3,"file":"IPhoneXHelper.js","names":["isIphoneX","dimen","Dimensions","get","Platform","OS","isPad","isTVOS","height","width","ifIphoneX","iphoneXStyle","regularStyle","getStatusBarHeight","safe","select","ios","android","StatusBar","currentHeight","default","getBottomSpace"],"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"],"mappings":";;;;;;;;AAAA;;AAEO,SAASA,SAAT,GAAqB;EAC1B,MAAMC,KAAK,GAAGC,uBAAA,CAAWC,GAAX,CAAe,QAAf,CAAd;;EACA,OACEC,qBAAA,CAASC,EAAT,KAAgB,KAAhB,IACA,CAACD,qBAAA,CAASE,KADV,IAEA,CAACF,qBAAA,CAASG,MAFV,KAGCN,KAAK,CAACO,MAAN,KAAiB,GAAjB,IACCP,KAAK,CAACQ,KAAN,KAAgB,GADjB,IAECR,KAAK,CAACO,MAAN,KAAiB,GAFlB,IAGCP,KAAK,CAACQ,KAAN,KAAgB,GAHjB,IAICR,KAAK,CAACO,MAAN,KAAiB,GAJlB,IAKCP,KAAK,CAACQ,KAAN,KAAgB,GALjB,IAMCR,KAAK,CAACO,MAAN,KAAiB,GANlB,IAOCP,KAAK,CAACQ,KAAN,KAAgB,GAPjB,IAQCR,KAAK,CAACO,MAAN,KAAiB,GARlB,IASCP,KAAK,CAACQ,KAAN,KAAgB,GAZlB,CADF;AAeD;;AAEM,SAASC,SAAT,CAAmBC,YAAnB,EAAiCC,YAAjC,EAA+C;EACpD,IAAIZ,SAAS,EAAb,EAAiB;IACf,OAAOW,YAAP;EACD;;EACD,OAAOC,YAAP;AACD;;AAEM,SAASC,kBAAT,CAA4BC,IAA5B,EAAkC;EACvC,OAAOV,qBAAA,CAASW,MAAT,CAAgB;IACrBC,GAAG,EAAEN,SAAS,CAACI,IAAI,GAAG,EAAH,GAAQ,EAAb,EAAiB,EAAjB,CADO;IAErBG,OAAO,EAAEC,sBAAA,CAAUC,aAFE;IAGrBC,OAAO,EAAE;EAHY,CAAhB,CAAP;AAKD;;AAEM,SAASC,cAAT,GAA0B;EAC/B,OAAOrB,SAAS,KAAK,EAAL,GAAU,CAA1B;AACD"}

package/dist/utils/ResponsiveFontSize.js

@@ -17,11 +17,11 @@ const RFPercentage = percent => {
   const {
     height,
     width
-  } = _reactNative.Dimensions.get("window");
+  } = _reactNative.Dimensions.get('window');
 
   const standardLength = width > height ? width : height;
-  const offset = width > height ? 0 : _reactNative.Platform.OS === "ios" ? 78 : _reactNative.StatusBar.currentHeight || 0;
-  const deviceHeight = (0, _IPhoneXHelper.isIphoneX)() || _reactNative.Platform.OS === "android" ? standardLength - offset : standardLength;
+  const offset = width > height ? 0 : _reactNative.Platform.OS === 'ios' ? 78 : _reactNative.StatusBar.currentHeight || 0;
+  const deviceHeight = (0, _IPhoneXHelper.isIphoneX)() || _reactNative.Platform.OS === 'android' ? standardLength - offset : standardLength;
   const heightPercent = percent * deviceHeight / 100;
   return Math.round(heightPercent);
 };
@@ -34,11 +34,11 @@ const RFValue = (fontSize, standardScreenHeight = STANDARD_SCREEN_HEIGHT) => {
   const {
     height,
     width
-  } = _reactNative.Dimensions.get("window");
+  } = _reactNative.Dimensions.get('window');
 
   const standardLength = width > height ? width : height;
-  const offset = width > height ? 0 : _reactNative.Platform.OS === "ios" ? 78 : _reactNative.StatusBar.currentHeight || 0;
-  const deviceHeight = (0, _IPhoneXHelper.isIphoneX)() || _reactNative.Platform.OS === "android" ? standardLength - offset : standardLength;
+  const offset = width > height ? 0 : _reactNative.Platform.OS === 'ios' ? 78 : _reactNative.StatusBar.currentHeight || 0;
+  const deviceHeight = (0, _IPhoneXHelper.isIphoneX)() || _reactNative.Platform.OS === 'android' ? standardLength - offset : standardLength;
   const heightPercent = fontSize * deviceHeight / standardScreenHeight;
   return Math.round(heightPercent);
 };

package/dist/utils/ResponsiveFontSize.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/ResponsiveFontSize.ts"],"names":["STANDARD_SCREEN_HEIGHT","RFPercentage","percent","Platform","OS","height","width","Dimensions","get","standardLength","offset","StatusBar","currentHeight","deviceHeight","heightPercent","Math","round","RFValue","fontSize","standardScreenHeight","RFValueStr","_fontSize"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAEA,MAAMA,sBAAsB,GAAG,GAA/B;;AASO,MAAMC,YAAY,GAAIC,OAAD,IAAqB;AAC7C,MAAIC,sBAASC,EAAT,KAAgB,KAApB,EAA2B,OAAOF,OAAP;;AAC3B,QAAM;AAAEG,IAAAA,MAAF;AAAUC,IAAAA;AAAV,MAAoBC,wBAAWC,GAAX,CAAe,QAAf,CAA1B;;AACA,QAAMC,cAAc,GAAGH,KAAK,GAAGD,MAAR,GAAiBC,KAAjB,GAAyBD,MAAhD;AACA,QAAMK,MAAM,GAAGJ,KAAK,GAAGD,MAAR,GAAiB,CAAjB,GAAqBF,sBAASC,EAAT,KAAgB,KAAhB,GAAwB,EAAxB,GAA6BO,uBAAUC,aAAV,IAA2B,CAA5F;AACA,QAAMC,YAAY,GAAG,mCAAeV,sBAASC,EAAT,KAAgB,SAA/B,GAA2CK,cAAc,GAAGC,MAA5D,GAAqED,cAA1F;AACA,QAAMK,aAAa,GAAIZ,OAAO,GAAGW,YAAX,GAA2B,GAAjD;AACA,SAAOE,IAAI,CAACC,KAAL,CAAWF,aAAX,CAAP;AACH,CARM;;;;AAkBA,MAAMG,OAAO,GAAG,CAACC,QAAD,EAAmBC,oBAA4B,GAAGnB,sBAAlD,KAA6E;AAChG,MAAIG,sBAASC,EAAT,KAAgB,KAApB,EAA2B,OAAOc,QAAP;;AAC3B,QAAM;AAAEb,IAAAA,MAAF;AAAUC,IAAAA;AAAV,MAAoBC,wBAAWC,GAAX,CAAe,QAAf,CAA1B;;AACA,QAAMC,cAAc,GAAGH,KAAK,GAAGD,MAAR,GAAiBC,KAAjB,GAAyBD,MAAhD;AACA,QAAMK,MAAM,GAAGJ,KAAK,GAAGD,MAAR,GAAiB,CAAjB,GAAqBF,sBAASC,EAAT,KAAgB,KAAhB,GAAwB,EAAxB,GAA6BO,uBAAUC,aAAV,IAA2B,CAA5F;AACA,QAAMC,YAAY,GAAG,mCAAeV,sBAASC,EAAT,KAAgB,SAA/B,GAA2CK,cAAc,GAAGC,MAA5D,GAAqED,cAA1F;AACA,QAAMK,aAAa,GAAII,QAAQ,GAAGL,YAAZ,GAA4BM,oBAAlD;AACA,SAAOJ,IAAI,CAACC,KAAL,CAAWF,aAAX,CAAP;AACH,CARM;;;;AAiBA,MAAMM,UAAU,GAAG,CAACF,QAAD,EAAmBC,oBAAnB,KAAqD;AAC3E,QAAME,SAAS,GAAG,wDAAyBH,QAAzB,CAAlB;;AACA,SAAQ,GAAED,OAAO,CAACI,SAAD,EAAYF,oBAAZ,CAAkC,IAAnD;AACH,CAHM","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 = width > height ? 0 : Platform.OS === \"ios\" ? 78 : StatusBar.currentHeight || 0 // iPhone X style SafeAreaView size in portrait\n    const deviceHeight = isIphoneX() || Platform.OS === \"android\" ? standardLength - offset : 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 = (fontSize: number, standardScreenHeight: number = STANDARD_SCREEN_HEIGHT) => {\n    if (Platform.OS === 'web') return fontSize\n    const { height, width } = Dimensions.get(\"window\");\n    const standardLength = width > height ? width : height;\n    const offset = width > height ? 0 : Platform.OS === \"ios\" ? 78 : StatusBar.currentHeight || 0 // iPhone X style SafeAreaView size in portrait\n    const deviceHeight = isIphoneX() || Platform.OS === \"android\" ? standardLength - offset : 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}"],"file":"ResponsiveFontSize.js"}
+{"version":3,"file":"ResponsiveFontSize.js","names":["STANDARD_SCREEN_HEIGHT","RFPercentage","percent","Platform","OS","height","width","Dimensions","get","standardLength","offset","StatusBar","currentHeight","deviceHeight","isIphoneX","heightPercent","Math","round","RFValue","fontSize","standardScreenHeight","RFValueStr","_fontSize","extractNumbersFromString"],"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"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAEA,MAAMA,sBAAsB,GAAG,GAA/B;;AASO,MAAMC,YAAY,GAAIC,OAAD,IAAqB;EAC/C,IAAIC,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B,OAAOF,OAAP;;EAC3B,MAAM;IAAEG,MAAF;IAAUC;EAAV,IAAoBC,uBAAA,CAAWC,GAAX,CAAe,QAAf,CAA1B;;EACA,MAAMC,cAAc,GAAGH,KAAK,GAAGD,MAAR,GAAiBC,KAAjB,GAAyBD,MAAhD;EACA,MAAMK,MAAM,GACVJ,KAAK,GAAGD,MAAR,GACI,CADJ,GAEIF,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GACA,EADA,GAEAO,sBAAA,CAAUC,aAAV,IAA2B,CALjC;EAMA,MAAMC,YAAY,GAChB,IAAAC,wBAAA,OAAeX,qBAAA,CAASC,EAAT,KAAgB,SAA/B,GACIK,cAAc,GAAGC,MADrB,GAEID,cAHN;EAIA,MAAMM,aAAa,GAAIb,OAAO,GAAGW,YAAX,GAA2B,GAAjD;EACA,OAAOG,IAAI,CAACC,KAAL,CAAWF,aAAX,CAAP;AACD,CAhBM;;;;AA0BA,MAAMG,OAAO,GAAG,CACrBC,QADqB,EAErBC,oBAA4B,GAAGpB,sBAFV,KAGlB;EACH,IAAIG,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B,OAAOe,QAAP;;EAC3B,MAAM;IAAEd,MAAF;IAAUC;EAAV,IAAoBC,uBAAA,CAAWC,GAAX,CAAe,QAAf,CAA1B;;EACA,MAAMC,cAAc,GAAGH,KAAK,GAAGD,MAAR,GAAiBC,KAAjB,GAAyBD,MAAhD;EACA,MAAMK,MAAM,GACVJ,KAAK,GAAGD,MAAR,GACI,CADJ,GAEIF,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GACA,EADA,GAEAO,sBAAA,CAAUC,aAAV,IAA2B,CALjC;EAMA,MAAMC,YAAY,GAChB,IAAAC,wBAAA,OAAeX,qBAAA,CAASC,EAAT,KAAgB,SAA/B,GACIK,cAAc,GAAGC,MADrB,GAEID,cAHN;EAIA,MAAMM,aAAa,GAAII,QAAQ,GAAGN,YAAZ,GAA4BO,oBAAlD;EACA,OAAOJ,IAAI,CAACC,KAAL,CAAWF,aAAX,CAAP;AACD,CAnBM;;;;AA4BA,MAAMM,UAAU,GAAG,CAACF,QAAD,EAAmBC,oBAAnB,KAAqD;EAC7E,MAAME,SAAS,GAAG,IAAAC,kDAAA,EAAyBJ,QAAzB,CAAlB;;EACA,OAAQ,GAAED,OAAO,CAACI,SAAD,EAAYF,oBAAZ,CAAkC,IAAnD;AACD,CAHM"}

package/dist/utils/extractNumbersFromString.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.extractDigitsFromString = exports.extractNumbersFromString = void 0;
+exports.extractNumbersFromString = exports.extractDigitsFromString = void 0;
 
 const extractNumbersFromString = value => Number(extractDigitsFromString(value));
 

package/dist/utils/extractNumbersFromString.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/extractNumbersFromString.ts"],"names":["extractNumbersFromString","value","Number","extractDigitsFromString","replace"],"mappings":";;;;;AAAO,MAAMA,wBAAwB,GAAIC,KAAD,IACtCC,MAAM,CAACC,uBAAuB,CAACF,KAAD,CAAxB,CADD;;;;AAGA,MAAME,uBAAuB,GAAIF,KAAD,IACrCA,KAAK,CAACG,OAAN,CAAc,SAAd,EAAyB,EAAzB,CADK","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"],"file":"extractNumbersFromString.js"}
+{"version":3,"file":"extractNumbersFromString.js","names":["extractNumbersFromString","value","Number","extractDigitsFromString","replace"],"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"],"mappings":";;;;;AAAO,MAAMA,wBAAwB,GAAIC,KAAD,IACtCC,MAAM,CAACC,uBAAuB,CAACF,KAAD,CAAxB,CADD;;;;AAGA,MAAME,uBAAuB,GAAIF,KAAD,IACrCA,KAAK,CAACG,OAAN,CAAc,SAAd,EAAyB,EAAzB,CADK"}

package/dist/utils/formatWithMask.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/formatWithMask.ts"],"names":["formatWithMask","mask","value","Array","isArray","selectedMask","String","formatted","internalNumber","mergedOptions","format"],"mappings":";;;;;AAAA;;AAOA;;;;AAEO,MAAMA,cAAc,GAAG,CAC5BC,IAD4B,EAE5BC,KAF4B,KAGR;AACpB,MAAIC,KAAK,CAACC,OAAN,CAAcH,IAAd,KAAuB,OAAOA,IAAP,KAAgB,UAA3C,EAAuD;AACrD,UAAMI,YAAY,GAAG,oBAAQJ,IAAR,EAAcK,MAAM,CAACJ,KAAD,CAApB,CAArB;AACA,UAAM;AAAEK,MAAAA;AAAF,QAAgB,sBAAUD,MAAM,CAACJ,KAAD,CAAhB,EAAyBG,YAAzB,CAAtB;AACA,WAAOE,SAAS,IAAI,EAApB;AACD,GAJD,MAIO;AACL,UAAM;AAAEC,MAAAA,cAAF;AAAkBC,MAAAA;AAAlB,QAAoC,qCACxCP,KADwC,EAExCD,IAFwC,CAA1C;AAIA,WAAO,uBAASO,cAAT,EAAyBE,MAAzB,CAAgCD,aAAhC,CAAP;AACD;AACF,CAfM","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"],"file":"formatWithMask.js"}
+{"version":3,"file":"formatWithMask.js","names":["formatWithMask","mask","value","Array","isArray","selectedMask","getMask","String","formatted","mergeMask","internalNumber","mergedOptions","getInternalNumberAndMask","currency","format"],"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"],"mappings":";;;;;AAAA;;AAOA;;;;AAEO,MAAMA,cAAc,GAAG,CAC5BC,IAD4B,EAE5BC,KAF4B,KAGR;EACpB,IAAIC,KAAK,CAACC,OAAN,CAAcH,IAAd,KAAuB,OAAOA,IAAP,KAAgB,UAA3C,EAAuD;IACrD,MAAMI,YAAY,GAAG,IAAAC,cAAA,EAAQL,IAAR,EAAcM,MAAM,CAACL,KAAD,CAApB,CAArB;IACA,MAAM;MAAEM;IAAF,IAAgB,IAAAC,gBAAA,EAAUF,MAAM,CAACL,KAAD,CAAhB,EAAyBG,YAAzB,CAAtB;IACA,OAAOG,SAAS,IAAI,EAApB;EACD,CAJD,MAIO;IACL,MAAM;MAAEE,cAAF;MAAkBC;IAAlB,IAAoC,IAAAC,+BAAA,EACxCV,KADwC,EAExCD,IAFwC,CAA1C;IAIA,OAAO,IAAAY,iBAAA,EAASH,cAAT,EAAyBI,MAAzB,CAAgCH,aAAhC,CAAP;EACD;AACF,CAfM"}

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;AAAA;;;;;AAIA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export {\n  extractDigitsFromString,\n  extractNumbersFromString,\n} from './extractNumbersFromString';\nexport * from './formatWithMask';\nexport * from './IPhoneXHelper';\nexport { lightenDarkenColor } from './lightenDarkenColor';\nexport * from './masks';\nexport * from './ResponsiveFontSize';\nexport * from './variantComplement';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["export {\n  extractDigitsFromString,\n  extractNumbersFromString,\n} from './extractNumbersFromString';\nexport * from './formatWithMask';\nexport * from './IPhoneXHelper';\nexport { lightenDarkenColor } from './lightenDarkenColor';\nexport * from './masks';\nexport * from './ResponsiveFontSize';\nexport * from './variantComplement';\n"],"mappings":";;;;;;;;;;AAAA;;;;;AAIA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/utils/lightenDarkenColor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/lightenDarkenColor.ts"],"names":["lightenDarkenColor","color","variation","usePound","slice","num","parseInt","r","b","g","toString"],"mappings":";;;;;AAAO,MAAMA,kBAAkB,GAAG,CAACC,KAAD,EAAgBC,SAAhB,KAAsC;AACtE,MAAIC,QAAQ,GAAG,KAAf;;AAEA,MAAIF,KAAK,CAAC,CAAD,CAAL,IAAY,GAAhB,EAAqB;AACnBA,IAAAA,KAAK,GAAGA,KAAK,CAACG,KAAN,CAAY,CAAZ,CAAR;AACAD,IAAAA,QAAQ,GAAG,IAAX;AACD;;AAED,QAAME,GAAG,GAAGC,QAAQ,CAACL,KAAD,EAAQ,EAAR,CAApB;AAEA,MAAIM,CAAC,GAAG,CAACF,GAAG,IAAI,EAAR,IAAcH,SAAtB;AACA,MAAIK,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;AAEhB,MAAIC,CAAC,GAAG,CAAEH,GAAG,IAAI,CAAR,GAAa,MAAd,IAAwBH,SAAhC;AACA,MAAIM,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;AAEhB,MAAIC,CAAC,GAAG,CAACJ,GAAG,GAAG,QAAP,IAAmBH,SAA3B;AACA,MAAIO,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;AAEhB,SAAO,CAACN,QAAQ,GAAG,GAAH,GAAS,EAAlB,IAAwB,CAACM,CAAC,GAAID,CAAC,IAAI,CAAV,GAAgBD,CAAC,IAAI,EAAtB,EAA2BG,QAA3B,CAAoC,EAApC,CAA/B;AACD,CAvBM","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"],"file":"lightenDarkenColor.js"}
+{"version":3,"file":"lightenDarkenColor.js","names":["lightenDarkenColor","color","variation","usePound","slice","num","parseInt","r","b","g","toString"],"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"],"mappings":";;;;;AAAO,MAAMA,kBAAkB,GAAG,CAACC,KAAD,EAAgBC,SAAhB,KAAsC;EACtE,IAAIC,QAAQ,GAAG,KAAf;;EAEA,IAAIF,KAAK,CAAC,CAAD,CAAL,IAAY,GAAhB,EAAqB;IACnBA,KAAK,GAAGA,KAAK,CAACG,KAAN,CAAY,CAAZ,CAAR;IACAD,QAAQ,GAAG,IAAX;EACD;;EAED,MAAME,GAAG,GAAGC,QAAQ,CAACL,KAAD,EAAQ,EAAR,CAApB;EAEA,IAAIM,CAAC,GAAG,CAACF,GAAG,IAAI,EAAR,IAAcH,SAAtB;EACA,IAAIK,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;EAEhB,IAAIC,CAAC,GAAG,CAAEH,GAAG,IAAI,CAAR,GAAa,MAAd,IAAwBH,SAAhC;EACA,IAAIM,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;EAEhB,IAAIC,CAAC,GAAG,CAACJ,GAAG,GAAG,QAAP,IAAmBH,SAA3B;EACA,IAAIO,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;EAEhB,OAAO,CAACN,QAAQ,GAAG,GAAH,GAAS,EAAlB,IAAwB,CAACM,CAAC,GAAID,CAAC,IAAI,CAAV,GAAgBD,CAAC,IAAI,EAAtB,EAA2BG,QAA3B,CAAoC,EAApC,CAA/B;AACD,CAvBM"}

package/dist/utils/masks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/masks.ts"],"names":["Masks","CPF","CNPJ","DATE","MONTH_YEAR","CEP","PHONE","PHONE_EXTENDED","COMBINED_PHONE","value","onlyNumbers","isCellPhoneExtended","length","COMBINED_CPF_CNPJ"],"mappings":";;;;;AACA;;AAEO,MAAMA,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAE,CAAC,gBAAD,CADc;AAEnBC,EAAAA,IAAI,EAAE,CAAC,oBAAD,CAFa;AAGnBC,EAAAA,IAAI,EAAE,CAAC,YAAD,CAHa;AAInBC,EAAAA,UAAU,EAAE,CAAC,SAAD,CAJO;AAKnBC,EAAAA,GAAG,EAAE,CAAC,WAAD,CALc;AAMnBC,EAAAA,KAAK,EAAE,CAAC,gBAAD,CANY;AAOnBC,EAAAA,cAAc,EAAE,CAAC,iBAAD,CAPG;AAQnBC,EAAAA,cAAc,EAAGC,KAAD,IAAmB;AACjC,UAAMC,WAAW,GAAG,uDAAwBD,KAAxB,CAApB;AAEA,UAAME,mBAAmB,GAAGD,WAAW,CAACE,MAAZ,KAAuB,EAAnD;AAGA,WAAO,CAAAH,KAAK,QAAL,YAAAA,KAAK,CAAEG,MAAP,KAAiB,EAAjB,IAAuB,CAACD,mBAAxB,GACHX,KAAK,CAACM,KADH,GAEHN,KAAK,CAACO,cAFV;AAGD,GAjBkB;AAkBnBM,EAAAA,iBAAiB,EAAGJ,KAAD,IACjB,CAAAA,KAAK,QAAL,YAAAA,KAAK,CAAEG,MAAP,KAAiB,EAAjB,GAAsBZ,KAAK,CAACC,GAA5B,GAAkCD,KAAK,CAACE;AAnBvB,CAAd","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"],"file":"masks.js"}
+{"version":3,"file":"masks.js","names":["Masks","CPF","CNPJ","DATE","MONTH_YEAR","CEP","PHONE","PHONE_EXTENDED","COMBINED_PHONE","value","onlyNumbers","extractDigitsFromString","isCellPhoneExtended","length","COMBINED_CPF_CNPJ"],"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"],"mappings":";;;;;AACA;;AAEO,MAAMA,KAAK,GAAG;EACnBC,GAAG,EAAE,CAAC,gBAAD,CADc;EAEnBC,IAAI,EAAE,CAAC,oBAAD,CAFa;EAGnBC,IAAI,EAAE,CAAC,YAAD,CAHa;EAInBC,UAAU,EAAE,CAAC,SAAD,CAJO;EAKnBC,GAAG,EAAE,CAAC,WAAD,CALc;EAMnBC,KAAK,EAAE,CAAC,gBAAD,CANY;EAOnBC,cAAc,EAAE,CAAC,iBAAD,CAPG;EAQnBC,cAAc,EAAGC,KAAD,IAAmB;IACjC,MAAMC,WAAW,GAAG,IAAAC,iDAAA,EAAwBF,KAAxB,CAApB;IAEA,MAAMG,mBAAmB,GAAGF,WAAW,CAACG,MAAZ,KAAuB,EAAnD;IAGA,OAAO,CAAAJ,KAAK,QAAL,YAAAA,KAAK,CAAEI,MAAP,KAAiB,EAAjB,IAAuB,CAACD,mBAAxB,GACHZ,KAAK,CAACM,KADH,GAEHN,KAAK,CAACO,cAFV;EAGD,CAjBkB;EAkBnBO,iBAAiB,EAAGL,KAAD,IACjB,CAAAA,KAAK,QAAL,YAAAA,KAAK,CAAEI,MAAP,KAAiB,EAAjB,GAAsBb,KAAK,CAACC,GAA5B,GAAkCD,KAAK,CAACE;AAnBvB,CAAd"}