@tecsinapse/react-core 1.19.0 → 1.20.0

package/dist/components/atoms/Input/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["leftIconStyles","leftComponent","theme","css","spacing","centi","rightIconStyles","rightComponent","disabledContainerStyles","disabled","disabledInputStyles","color","secondary","light","focusedStyles","focused","borderColor","borderWidth","nano","dark","StyledIconContent","styled","View","zIndex","default","StyledInputContainer","RFValueStr","StyledInputElementBase","TextInput","font","stack","typography","base","fontSize","weight","bold","StyledLabelContainer","props","micro","StyledBorderKeeperBase","miscellaneous","surfaceColor","borderColorGradation","borderRadius","mili","pico","StyledBorderKeeper","StyledInputElement","StyledHintContainer","StyledHintIcon","Icon"],"sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { TextInput } from 'react-native';\nimport { InputElementProps } from '.';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils/ResponsiveFontSize';\nimport { Icon } from '../Icon';\nimport { InputContainerProps } from './InputContainer/InputContainer';\n\nconst leftIconStyles = ({\n  leftComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !leftComponent &&\n  css`\n    padding-left: ${theme.spacing.centi};\n  `;\n\nconst rightIconStyles = ({\n  rightComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !rightComponent &&\n  css`\n    padding-right: ${theme.spacing.centi};\n  `;\n\nconst disabledContainerStyles = ({\n  disabled,\n}: Partial<InputContainerProps> & StyleProps) =>\n  disabled &&\n  css`\n    background-color: transparent;\n  `;\n\nexport const disabledInputStyles = ({\n  disabled,\n  theme,\n}: Partial<InputContainerProps> & Partial<StyleProps>) =>\n  disabled &&\n  css`\n    color: ${theme?.color.secondary.light};\n  `;\n\nconst focusedStyles = ({\n  focused,\n  borderColor = 'secondary',\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  focused &&\n  css`\n    border-width: ${theme.borderWidth.nano};\n    border-color: ${theme.color[borderColor].dark};\n  `;\n\nexport const StyledIconContent = styled.View<Partial<StyleProps>>`\n  z-index: ${({ theme }) => theme.zIndex.default};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledInputContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  flex-direction: row;\n  align-items: center;\n  min-height: ${RFValueStr('44px')};\n`;\n\nexport const StyledInputElementBase = styled(TextInput)<\n  InputElementProps & Partial<StyleProps>\n>`\n  font-family: ${({ theme }) => `'${theme.font.stack.default}'`};\n  font-size: ${({ theme }) => theme.typography.base.fontSize};\n  font-weight: ${({ theme }) => theme.font.weight.bold};\n  color: ${({ theme }) => theme.font.color.dark};\n`;\n\nexport const StyledLabelContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>(\n  props => css`\n    flex: 1;\n    padding: ${props.theme.spacing.micro} 0;\n    ${leftIconStyles(props)}\n    ${rightIconStyles(props)}\n  `\n);\n\nconst StyledBorderKeeperBase = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  border-color: ${({\n    theme,\n    borderColor = 'secondary',\n    borderColorGradation = 'light',\n  }) => theme.color[borderColor][borderColorGradation]};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  border-width: ${({ theme }) => theme.borderWidth.pico};\n  position: absolute;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBorderKeeper = styled(StyledBorderKeeperBase)<\n  Partial<StyleProps>\n>(\n  props => css`\n    ${focusedStyles(props)}\n    ${disabledContainerStyles(props)}\n  `\n);\n\nexport const StyledInputElement = styled(StyledInputElementBase)<\n  InputElementProps & Partial<StyleProps>\n>(\n  props => css`\n    ${disabledInputStyles(props)}\n  `\n);\n\nexport const StyledHintContainer = styled.View<Partial<StyleProps>>`\n  margin-top: ${({ theme }) => theme.spacing.micro};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledHintIcon = styled(Icon)<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n"],"mappings":"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"}
+{"version":3,"file":"styled.js","names":["leftIconStyles","leftComponent","theme","css","spacing","centi","rightIconStyles","rightComponent","disabledContainerStyles","disabled","disabledInputStyles","color","secondary","light","focusedStyles","focused","borderColor","borderWidth","nano","dark","StyledIconContent","styled","View","zIndex","default","StyledInputContainer","RFValueStr","StyledInputElementBase","TextInput","font","stack","typography","base","fontSize","weight","bold","StyledLabelContainer","props","micro","StyledBorderKeeperBase","miscellaneous","surfaceColor","borderColorGradation","borderRadius","mili","pico","StyledBorderKeeper","StyledInputElement","StyledHintContainer","StyledHintIcon","Icon"],"sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { TextInput } from 'react-native';\nimport { InputElementProps } from '.';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils/ResponsiveFontSize';\nimport { Icon } from '../Icon';\nimport { InputContainerProps } from './InputContainer/InputContainer';\n\nconst leftIconStyles = ({\n  leftComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !leftComponent &&\n  css`\n    padding-left: ${theme.spacing.centi};\n  `;\n\nconst rightIconStyles = ({\n  rightComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !rightComponent &&\n  css`\n    padding-right: ${theme.spacing.centi};\n  `;\n\nconst disabledContainerStyles = ({\n  disabled,\n}: Partial<InputContainerProps> & StyleProps) =>\n  disabled &&\n  css`\n    background-color: transparent;\n  `;\n\nexport const disabledInputStyles = ({\n  disabled,\n  theme,\n}: Partial<InputContainerProps> & Partial<StyleProps>) =>\n  disabled &&\n  css`\n    color: ${theme?.color.secondary.light};\n  `;\n\nconst focusedStyles = ({\n  focused,\n  borderColor = 'secondary',\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  focused &&\n  css`\n    border-width: ${theme.borderWidth.nano};\n    border-color: ${theme.color[borderColor].dark};\n  `;\n\nexport const StyledIconContent = styled.View<Partial<StyleProps>>`\n  z-index: ${({ theme }) => theme.zIndex.default};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledInputContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  flex-direction: row;\n  align-items: center;\n  min-height: ${RFValueStr('44px')};\n`;\n\nexport const StyledInputElementBase = styled(TextInput)<\n  InputElementProps & Partial<StyleProps>\n>`\n  font-family: ${({ theme }) => `'${theme.font.stack.default}'`};\n  font-size: ${({ theme }) => theme.typography.base.fontSize};\n  font-weight: ${({ theme }) => theme.font.weight.bold};\n  color: ${({ theme }) => theme.font.color.dark};\n`;\n\nexport const StyledLabelContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>(\n  props => css`\n    flex: 1;\n    padding: ${props.theme.spacing.micro} 0;\n    ${leftIconStyles(props)}\n    ${rightIconStyles(props)}\n  `\n);\n\nconst StyledBorderKeeperBase = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  border-color: ${({\n    theme,\n    borderColor = 'secondary',\n    borderColorGradation = 'light',\n  }) => theme.color[borderColor][borderColorGradation]};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  border-width: ${({ theme }) => theme.borderWidth.pico};\n  position: absolute;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBorderKeeper = styled(StyledBorderKeeperBase)<\n  Partial<StyleProps>\n>(\n  props => css`\n    ${focusedStyles(props)}\n    ${disabledContainerStyles(props)}\n  `\n);\n\nexport const StyledInputElement = styled(StyledInputElementBase)<\n  InputElementProps & Partial<StyleProps>\n>(\n  props => css`\n    ${disabledInputStyles(props)}\n  `\n);\n\nexport const StyledHintContainer = styled.View<Partial<StyleProps>>`\n  margin-top: ${({ theme }) => theme.spacing.micro};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledHintIcon = styled(Icon)<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n"],"mappings":"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"}

package/dist/components/atoms/Paper/Paper.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
@@ -11,13 +13,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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 Paper = ({
-  children,
-  elevated = false,
-  ...rest
-}) => _react.default.createElement(_styled.StyledPaper, _extends({}, rest, {
-  elevated: elevated
-}), children);
+const Paper = _ref => {
+  let {
+    children,
+    elevated = false,
+    ...rest
+  } = _ref;
+  return _react.default.createElement(_styled.StyledPaper, _extends({}, rest, {
+    elevated: elevated
+  }), children);
+};
 
 var _default = Paper;
 exports.default = _default;

package/dist/components/atoms/Paper/Paper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","names":["Paper","children","elevated","rest"],"sources":["../../../../src/components/atoms/Paper/Paper.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { StyledPaper } from './styled';\n\nexport interface PaperProps {\n  /** Creates elevation shadow */\n  elevated?: boolean;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Paper: FC<PaperProps> = ({\n  children,\n  elevated = false,\n  ...rest\n}): JSX.Element => (\n  <StyledPaper {...rest} elevated={elevated}>\n    {children}\n  </StyledPaper>\n);\n\nexport default Paper;\n"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAQA,MAAMA,KAAqB,GAAG,CAAC;EAC7BC,QAD6B;EAE7BC,QAAQ,GAAG,KAFkB;EAG7B,GAAGC;AAH0B,CAAD,KAK5B,6BAAC,mBAAD,eAAiBA,IAAjB;EAAuB,QAAQ,EAAED;AAAjC,IACGD,QADH,CALF;;eAUeD,K"}
+{"version":3,"file":"Paper.js","names":["Paper","children","elevated","rest"],"sources":["../../../../src/components/atoms/Paper/Paper.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { StyledPaper } from './styled';\n\nexport interface PaperProps {\n  /** Creates elevation shadow */\n  elevated?: boolean;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Paper: FC<PaperProps> = ({\n  children,\n  elevated = false,\n  ...rest\n}): JSX.Element => (\n  <StyledPaper {...rest} elevated={elevated}>\n    {children}\n  </StyledPaper>\n);\n\nexport default Paper;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAQA,MAAMA,KAAqB,GAAG;EAAA,IAAC;IAC7BC,QAD6B;IAE7BC,QAAQ,GAAG,KAFkB;IAG7B,GAAGC;EAH0B,CAAD;EAAA,OAK5B,6BAAC,mBAAD,eAAiBA,IAAjB;IAAuB,QAAQ,EAAED;EAAjC,IACGD,QADH,CAL4B;AAAA,CAA9B;;eAUeD,K"}

package/dist/components/atoms/Paper/index.d.ts

@@ -1 +1,2 @@
-export { default as Paper, PaperProps } from './Paper';
+export { default as Paper } from './Paper';
+export type { PaperProps } from './Paper';

package/dist/components/atoms/Paper/index.js

@@ -1,14 +1,16 @@
 "use strict";
 
-exports.__esModule = true;
-exports.PaperProps = exports.Paper = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Paper", {
+  enumerable: true,
+  get: function () {
+    return _Paper.default;
+  }
+});
 
-var _Paper = _interopRequireWildcard(require("./Paper"));
+var _Paper = _interopRequireDefault(require("./Paper"));
 
-exports.Paper = _Paper.default;
-exports.PaperProps = _Paper.PaperProps;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Paper/index.js.map

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

package/dist/components/atoms/Paper/styled.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.StyledPaper = void 0;
 
 var _reactNative = require("react-native");
@@ -9,13 +11,14 @@ var _native = _interopRequireWildcard(require("@emotion/native"));
 
 var _PaperAndCard = require("../shared/PaperAndCard");
 
+var _templateObject;
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const StyledPaper = (0, _native.default)(_reactNative.Animated.View)(props => (0, _native.css)`
-    ${(0, _PaperAndCard.baseStyles)(props)}
-    ${(0, _PaperAndCard.elevatedStyles)(props)}
-  `);
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const StyledPaper = (0, _native.default)(_reactNative.Animated.View)(props => (0, _native.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), (0, _PaperAndCard.baseStyles)(props), (0, _PaperAndCard.elevatedStyles)(props)));
 exports.StyledPaper = StyledPaper;
 //# sourceMappingURL=styled.js.map

package/dist/components/atoms/Paper/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledPaper","styled","Animated","View","props","css","baseStyles","elevatedStyles"],"sources":["../../../../src/components/atoms/Paper/styled.ts"],"sourcesContent":["import { Animated } from 'react-native';\nimport styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { PaperProps } from './Paper';\nimport { baseStyles, elevatedStyles } from '../shared/PaperAndCard';\n\nexport const StyledPaper = styled(Animated.View)<\n  PaperProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${elevatedStyles(props)}\n  `\n);\n"],"mappings":";;;;;AAAA;;AACA;;AAGA;;;;;;AAEO,MAAMA,WAAW,GAAG,IAAAC,eAAA,EAAOC,qBAAA,CAASC,IAAhB,EAGzBC,KAAK,IAAI,IAAAC,WAAA,CAAI;AACf,MAAM,IAAAC,wBAAA,EAAWF,KAAX,CAAkB;AACxB,MAAM,IAAAG,4BAAA,EAAeH,KAAf,CAAsB;AAC5B,GAN2B,CAApB"}
+{"version":3,"file":"styled.js","names":["StyledPaper","styled","Animated","View","props","css","baseStyles","elevatedStyles"],"sources":["../../../../src/components/atoms/Paper/styled.ts"],"sourcesContent":["import { Animated } from 'react-native';\nimport styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { PaperProps } from './Paper';\nimport { baseStyles, elevatedStyles } from '../shared/PaperAndCard';\n\nexport const StyledPaper = styled(Animated.View)<\n  PaperProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${elevatedStyles(props)}\n  `\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;;;;;;;;;AAEO,MAAMA,WAAW,GAAG,IAAAC,eAAA,EAAOC,qBAAA,CAASC,IAAhB,EAGzBC,KAAK,QAAIC,WAAJ,+FACD,IAAAC,wBAAA,EAAWF,KAAX,CADC,EAED,IAAAG,4BAAA,EAAeH,KAAf,CAFC,CAHoB,CAApB"}

package/dist/components/atoms/PressableSurface/PressableSurface.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = require("@emotion/react");
@@ -17,15 +19,16 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 const COLOR_VARIATION_FACTOR = 25;
 
-const PressableSurface = ({
-  children,
-  surfaceColor,
-  effect,
-  effectIntensity,
-  effectStyle,
-  style,
-  ...rest
-}) => {
+const PressableSurface = _ref => {
+  let {
+    children,
+    surfaceColor,
+    effect,
+    effectIntensity,
+    effectStyle,
+    style,
+    ...rest
+  } = _ref;
   const theme = (0, _react.useTheme)();
   let effectBaseColor = theme.miscellaneous.surfaceColor;
   let bgColor = 'transparent';
@@ -60,9 +63,12 @@ const prepareStyle = (props, effectColor, bgColor) => {
   }, style];
 
   if (effectStyle) {
-    return ({
-      pressed
-    }) => [composedStyle, effectStyle(pressed)];
+    return _ref2 => {
+      let {
+        pressed
+      } = _ref2;
+      return [composedStyle, effectStyle(pressed)];
+    };
   }
 
   switch (effect) {
@@ -78,11 +84,14 @@ const prepareStyle = (props, effectColor, bgColor) => {
 };
 
 const applyEffectStyle = (style, variation) => {
-  return ({
-    pressed
-  }) => [style, pressed && {
-    backgroundColor: variation
-  }];
+  return _ref3 => {
+    let {
+      pressed
+    } = _ref3;
+    return [style, pressed && {
+      backgroundColor: variation
+    }];
+  };
 };
 
 var _default = PressableSurface;

package/dist/components/atoms/PressableSurface/PressableSurface.js.map

@@ -1 +1 @@
-{"version":3,"file":"PressableSurface.js","names":["COLOR_VARIATION_FACTOR","PressableSurface","children","surfaceColor","effect","effectIntensity","effectStyle","style","rest","theme","useTheme","effectBaseColor","miscellaneous","bgColor","readyStyle","prepareStyle","props","effectColor","lighten","lightenDarkenColor","darken","composedStyle","backgroundColor","pressed","applyEffectStyle","variation"],"sources":["../../../../src/components/atoms/PressableSurface/PressableSurface.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { Pressable, PressableProps, StyleProp, ViewStyle } from 'react-native';\nimport { ThemeProp } from '../../../types/defaults';\nimport { lightenDarkenColor } from '../../../utils';\n\nconst COLOR_VARIATION_FACTOR = 25;\n\nexport interface PressableSurfaceProps extends PressableProps {\n  effect?: 'darken' | 'lighten' | 'none';\n  surfaceColor?: string;\n  effectIntensity?: number;\n  effectStyle?: (pressed: boolean) => StyleProp<ViewStyle>;\n}\n\nconst PressableSurface: FC<PressableSurfaceProps> = ({\n  children,\n  surfaceColor,\n  effect,\n  effectIntensity,\n  effectStyle,\n  style,\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n  let effectBaseColor = theme.miscellaneous.surfaceColor;\n  let bgColor = 'transparent';\n\n  if (surfaceColor) {\n    effectBaseColor = surfaceColor;\n    bgColor = effectBaseColor;\n  }\n\n  const readyStyle = prepareStyle(\n    { effect, effectIntensity, style, effectStyle },\n    effectBaseColor,\n    bgColor\n  );\n  return (\n    <Pressable {...rest} style={readyStyle}>\n      {children}\n    </Pressable>\n  );\n};\n\nconst prepareStyle = (\n  props: PressableSurfaceProps,\n  effectColor: string,\n  bgColor: string\n): any => {\n  const {\n    effect = 'darken',\n    effectIntensity = COLOR_VARIATION_FACTOR,\n    style,\n    effectStyle,\n  } = props;\n\n  const lighten = lightenDarkenColor(effectColor, effectIntensity);\n  const darken = lightenDarkenColor(effectColor, -effectIntensity);\n  const composedStyle = [{ backgroundColor: bgColor }, style];\n\n  if (effectStyle) {\n    return ({ pressed }) => [composedStyle, effectStyle(pressed)];\n  }\n\n  switch (effect) {\n    case 'darken':\n      return applyEffectStyle(composedStyle, darken);\n\n    case 'lighten':\n      return applyEffectStyle(composedStyle, lighten);\n\n    case 'none':\n      return composedStyle;\n  }\n};\n\nconst applyEffectStyle = (style: any, variation: string) => {\n  return ({ pressed }) => [style, pressed && { backgroundColor: variation }];\n};\n\nexport default PressableSurface;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,sBAAsB,GAAG,EAA/B;;AASA,MAAMC,gBAA2C,GAAG,CAAC;EACnDC,QADmD;EAEnDC,YAFmD;EAGnDC,MAHmD;EAInDC,eAJmD;EAKnDC,WALmD;EAMnDC,KANmD;EAOnD,GAAGC;AAPgD,CAAD,KAQ9C;EACJ,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;EACA,IAAIC,eAAe,GAAGF,KAAK,CAACG,aAAN,CAAoBT,YAA1C;EACA,IAAIU,OAAO,GAAG,aAAd;;EAEA,IAAIV,YAAJ,EAAkB;IAChBQ,eAAe,GAAGR,YAAlB;IACAU,OAAO,GAAGF,eAAV;EACD;;EAED,MAAMG,UAAU,GAAGC,YAAY,CAC7B;IAAEX,MAAF;IAAUC,eAAV;IAA2BE,KAA3B;IAAkCD;EAAlC,CAD6B,EAE7BK,eAF6B,EAG7BE,OAH6B,CAA/B;EAKA,OACE,8BAAC,sBAAD,eAAeL,IAAf;IAAqB,KAAK,EAAEM;EAA5B,IACGZ,QADH,CADF;AAKD,CA5BD;;AA8BA,MAAMa,YAAY,GAAG,CACnBC,KADmB,EAEnBC,WAFmB,EAGnBJ,OAHmB,KAIX;EACR,MAAM;IACJT,MAAM,GAAG,QADL;IAEJC,eAAe,GAAGL,sBAFd;IAGJO,KAHI;IAIJD;EAJI,IAKFU,KALJ;EAOA,MAAME,OAAO,GAAG,IAAAC,yBAAA,EAAmBF,WAAnB,EAAgCZ,eAAhC,CAAhB;EACA,MAAMe,MAAM,GAAG,IAAAD,yBAAA,EAAmBF,WAAnB,EAAgC,CAACZ,eAAjC,CAAf;EACA,MAAMgB,aAAa,GAAG,CAAC;IAAEC,eAAe,EAAET;EAAnB,CAAD,EAA+BN,KAA/B,CAAtB;;EAEA,IAAID,WAAJ,EAAiB;IACf,OAAO,CAAC;MAAEiB;IAAF,CAAD,KAAiB,CAACF,aAAD,EAAgBf,WAAW,CAACiB,OAAD,CAA3B,CAAxB;EACD;;EAED,QAAQnB,MAAR;IACE,KAAK,QAAL;MACE,OAAOoB,gBAAgB,CAACH,aAAD,EAAgBD,MAAhB,CAAvB;;IAEF,KAAK,SAAL;MACE,OAAOI,gBAAgB,CAACH,aAAD,EAAgBH,OAAhB,CAAvB;;IAEF,KAAK,MAAL;MACE,OAAOG,aAAP;EARJ;AAUD,CA9BD;;AAgCA,MAAMG,gBAAgB,GAAG,CAACjB,KAAD,EAAakB,SAAb,KAAmC;EAC1D,OAAO,CAAC;IAAEF;EAAF,CAAD,KAAiB,CAAChB,KAAD,EAAQgB,OAAO,IAAI;IAAED,eAAe,EAAEG;EAAnB,CAAnB,CAAxB;AACD,CAFD;;eAIexB,gB"}
+{"version":3,"file":"PressableSurface.js","names":["COLOR_VARIATION_FACTOR","PressableSurface","children","surfaceColor","effect","effectIntensity","effectStyle","style","rest","theme","useTheme","effectBaseColor","miscellaneous","bgColor","readyStyle","prepareStyle","props","effectColor","lighten","lightenDarkenColor","darken","composedStyle","backgroundColor","pressed","applyEffectStyle","variation"],"sources":["../../../../src/components/atoms/PressableSurface/PressableSurface.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { Pressable, PressableProps, StyleProp, ViewStyle } from 'react-native';\nimport { ThemeProp } from '../../../types/defaults';\nimport { lightenDarkenColor } from '../../../utils';\n\nconst COLOR_VARIATION_FACTOR = 25;\n\nexport interface PressableSurfaceProps extends PressableProps {\n  effect?: 'darken' | 'lighten' | 'none';\n  surfaceColor?: string;\n  effectIntensity?: number;\n  effectStyle?: (pressed: boolean) => StyleProp<ViewStyle>;\n}\n\nconst PressableSurface: FC<PressableSurfaceProps> = ({\n  children,\n  surfaceColor,\n  effect,\n  effectIntensity,\n  effectStyle,\n  style,\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n  let effectBaseColor = theme.miscellaneous.surfaceColor;\n  let bgColor = 'transparent';\n\n  if (surfaceColor) {\n    effectBaseColor = surfaceColor;\n    bgColor = effectBaseColor;\n  }\n\n  const readyStyle = prepareStyle(\n    { effect, effectIntensity, style, effectStyle },\n    effectBaseColor,\n    bgColor\n  );\n  return (\n    <Pressable {...rest} style={readyStyle}>\n      {children}\n    </Pressable>\n  );\n};\n\nconst prepareStyle = (\n  props: PressableSurfaceProps,\n  effectColor: string,\n  bgColor: string\n): any => {\n  const {\n    effect = 'darken',\n    effectIntensity = COLOR_VARIATION_FACTOR,\n    style,\n    effectStyle,\n  } = props;\n\n  const lighten = lightenDarkenColor(effectColor, effectIntensity);\n  const darken = lightenDarkenColor(effectColor, -effectIntensity);\n  const composedStyle = [{ backgroundColor: bgColor }, style];\n\n  if (effectStyle) {\n    return ({ pressed }) => [composedStyle, effectStyle(pressed)];\n  }\n\n  switch (effect) {\n    case 'darken':\n      return applyEffectStyle(composedStyle, darken);\n\n    case 'lighten':\n      return applyEffectStyle(composedStyle, lighten);\n\n    case 'none':\n      return composedStyle;\n  }\n};\n\nconst applyEffectStyle = (style: any, variation: string) => {\n  return ({ pressed }) => [style, pressed && { backgroundColor: variation }];\n};\n\nexport default PressableSurface;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,sBAAsB,GAAG,EAA/B;;AASA,MAAMC,gBAA2C,GAAG,QAQ9C;EAAA,IAR+C;IACnDC,QADmD;IAEnDC,YAFmD;IAGnDC,MAHmD;IAInDC,eAJmD;IAKnDC,WALmD;IAMnDC,KANmD;IAOnD,GAAGC;EAPgD,CAQ/C;EACJ,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;EACA,IAAIC,eAAe,GAAGF,KAAK,CAACG,aAAN,CAAoBT,YAA1C;EACA,IAAIU,OAAO,GAAG,aAAd;;EAEA,IAAIV,YAAJ,EAAkB;IAChBQ,eAAe,GAAGR,YAAlB;IACAU,OAAO,GAAGF,eAAV;EACD;;EAED,MAAMG,UAAU,GAAGC,YAAY,CAC7B;IAAEX,MAAF;IAAUC,eAAV;IAA2BE,KAA3B;IAAkCD;EAAlC,CAD6B,EAE7BK,eAF6B,EAG7BE,OAH6B,CAA/B;EAKA,OACE,8BAAC,sBAAD,eAAeL,IAAf;IAAqB,KAAK,EAAEM;EAA5B,IACGZ,QADH,CADF;AAKD,CA5BD;;AA8BA,MAAMa,YAAY,GAAG,CACnBC,KADmB,EAEnBC,WAFmB,EAGnBJ,OAHmB,KAIX;EACR,MAAM;IACJT,MAAM,GAAG,QADL;IAEJC,eAAe,GAAGL,sBAFd;IAGJO,KAHI;IAIJD;EAJI,IAKFU,KALJ;EAOA,MAAME,OAAO,GAAG,IAAAC,yBAAA,EAAmBF,WAAnB,EAAgCZ,eAAhC,CAAhB;EACA,MAAMe,MAAM,GAAG,IAAAD,yBAAA,EAAmBF,WAAnB,EAAgC,CAACZ,eAAjC,CAAf;EACA,MAAMgB,aAAa,GAAG,CAAC;IAAEC,eAAe,EAAET;EAAnB,CAAD,EAA+BN,KAA/B,CAAtB;;EAEA,IAAID,WAAJ,EAAiB;IACf,OAAO;MAAA,IAAC;QAAEiB;MAAF,CAAD;MAAA,OAAiB,CAACF,aAAD,EAAgBf,WAAW,CAACiB,OAAD,CAA3B,CAAjB;IAAA,CAAP;EACD;;EAED,QAAQnB,MAAR;IACE,KAAK,QAAL;MACE,OAAOoB,gBAAgB,CAACH,aAAD,EAAgBD,MAAhB,CAAvB;;IAEF,KAAK,SAAL;MACE,OAAOI,gBAAgB,CAACH,aAAD,EAAgBH,OAAhB,CAAvB;;IAEF,KAAK,MAAL;MACE,OAAOG,aAAP;EARJ;AAUD,CA9BD;;AAgCA,MAAMG,gBAAgB,GAAG,CAACjB,KAAD,EAAakB,SAAb,KAAmC;EAC1D,OAAO;IAAA,IAAC;MAAEF;IAAF,CAAD;IAAA,OAAiB,CAAChB,KAAD,EAAQgB,OAAO,IAAI;MAAED,eAAe,EAAEG;IAAnB,CAAnB,CAAjB;EAAA,CAAP;AACD,CAFD;;eAIexB,gB"}

package/dist/components/atoms/PressableSurface/index.d.ts

@@ -1 +1,2 @@
-export { default as PressableSurface, PressableSurfaceProps, } from './PressableSurface';
+export { default as PressableSurface } from './PressableSurface';
+export type { PressableSurfaceProps } from './PressableSurface';

package/dist/components/atoms/PressableSurface/index.js

@@ -1,14 +1,16 @@
 "use strict";
 
-exports.__esModule = true;
-exports.PressableSurfaceProps = exports.PressableSurface = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PressableSurface", {
+  enumerable: true,
+  get: function () {
+    return _PressableSurface.default;
+  }
+});
 
-var _PressableSurface = _interopRequireWildcard(require("./PressableSurface"));
+var _PressableSurface = _interopRequireDefault(require("./PressableSurface"));
 
-exports.PressableSurface = _PressableSurface.default;
-exports.PressableSurfaceProps = _PressableSurface.PressableSurfaceProps;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/PressableSurface/index.js.map

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

package/dist/components/atoms/ProgressBar/ProgressBar.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = require("@emotion/react");
@@ -17,17 +19,18 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const ProgressBar = ({
-  segments: _segments = 1,
-  valueMin = 0,
-  valueNow: _valueNow,
-  valueMax = 100,
-  color = 'primary',
-  colorTone = 'medium',
-  animate,
-  animationParameters,
-  ...rest
-}) => {
+const ProgressBar = _ref => {
+  let {
+    segments: _segments = 1,
+    valueMin = 0,
+    valueNow: _valueNow,
+    valueMax = 100,
+    color = 'primary',
+    colorTone = 'medium',
+    animate,
+    animationParameters,
+    ...rest
+  } = _ref;
   const theme = (0, _react.useTheme)();
   const animationValue = React.useRef(new _reactNative.Animated.Value(0)).current;
   const valueNow = typeof _valueNow === 'string' ? (0, _utils.extractNumbersFromString)(_valueNow) : _valueNow;
@@ -40,9 +43,11 @@ const ProgressBar = ({
     const min = segmentWidth * index;
     const minmax = (totalProgress - min) / (max - min);
     const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;
-    let progressPercent = `${width}%`;
+    let progressPercent = "".concat(width, "%");
 
     if (animate && animationParameters) {
+      var _animationValue$inter;
+
       _reactNative.Animated.timing(animationValue, {
         toValue: 1,
         duration: animationParameters.duration / items.length,
@@ -50,8 +55,8 @@ const ProgressBar = ({
         delay: animationParameters.direction === 'right' ? index * (animationParameters.duration / items.length) : (items.length - index - 1) * (animationParameters.duration / items.length)
       }).start();
 
-      const rangeAnimation = (animationParameters == null ? void 0 : animationParameters.direction) === 'right' ? [`${valueMin < 0 ? 0 : valueMin}%`, `${width}%`] : [`${valueMax}%`, `${width}%`];
-      progressPercent = animationValue.interpolate == null ? void 0 : animationValue.interpolate({
+      const rangeAnimation = (animationParameters === null || animationParameters === void 0 ? void 0 : animationParameters.direction) === 'right' ? ["".concat(valueMin < 0 ? 0 : valueMin, "%"), "".concat(width, "%")] : ["".concat(valueMax, "%"), "".concat(width, "%")];
+      progressPercent = (_animationValue$inter = animationValue.interpolate) === null || _animationValue$inter === void 0 ? void 0 : _animationValue$inter.call(animationValue, {
         inputRange: [0, 1],
         outputRange: rangeAnimation
       });

package/dist/components/atoms/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["ProgressBar","segments","_segments","valueMin","valueNow","_valueNow","valueMax","color","colorTone","animate","animationParameters","rest","theme","useTheme","animationValue","React","useRef","Animated","Value","current","extractNumbersFromString","totalProgress","Math","max","segmentWidth","items","Array","keys","segmentsRender","map","index","min","minmax","width","progressPercent","timing","toValue","duration","length","useNativeDriver","delay","direction","start","rangeAnimation","interpolate","inputRange","outputRange","borderRightWidth","backgroundColor"],"sources":["../../../../src/components/atoms/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport * as React from 'react';\nimport { Animated, ViewProps } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { extractNumbersFromString } from '../../../utils';\nimport { Container, Progress, Segment } from './styled';\n\nexport interface ProgressBarProps extends ViewProps {\n  /** Number of segments. Defaults to 1. Set to 1 when 0 or less */\n  segments?: number;\n  /** Minimum possible value (0% of the bar). Defaults to 0 */\n  valueMin?: number;\n  /** Maximum possible value (100% of the bar). Defaults to 100 */\n  valueMax?: number;\n  /** Current value */\n  valueNow: number | string;\n  /** Filled partition color. Defaults to 'primary' */\n  color?: ColorType;\n  /** Filled partition color tone. Defaults to 'medium' */\n  colorTone?: ColorGradationType;\n  /** Animation */\n  animate: boolean;\n  /** Parameters animation  */\n  animationParameters?: { direction: 'left' | 'right'; duration: number };\n}\n\nconst ProgressBar: React.FC<ProgressBarProps> = ({\n  segments: _segments = 1,\n  valueMin = 0,\n  valueNow: _valueNow,\n  valueMax = 100,\n  color = 'primary',\n  colorTone = 'medium',\n  animate,\n  animationParameters,\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const animationValue = React.useRef(new Animated.Value(0)).current;\n\n  const valueNow =\n    typeof _valueNow === 'string'\n      ? extractNumbersFromString(_valueNow)\n      : _valueNow;\n\n  const totalProgress = ((valueNow - valueMin) / (valueMax - valueMin)) * 100;\n  const segments = Math.max(1, _segments);\n  const segmentWidth = 100 / Math.max(segments);\n\n  const items = [...Array(segments).keys()];\n\n  const segmentsRender = items.map(index => {\n    const max = segmentWidth * (index + 1);\n    const min = segmentWidth * index;\n    const minmax = (totalProgress - min) / (max - min);\n    const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;\n\n    let progressPercent: string | Animated.AnimatedInterpolation = `${width}%`;\n\n    if (animate && animationParameters) {\n      Animated.timing(animationValue, {\n        toValue: 1,\n        duration: animationParameters.duration / items.length,\n        useNativeDriver: false,\n        delay:\n          animationParameters.direction === 'right'\n            ? index * (animationParameters.duration / items.length)\n            : (items.length - index - 1) *\n              (animationParameters.duration / items.length),\n      }).start();\n\n      const rangeAnimation =\n        animationParameters?.direction === 'right'\n          ? [`${valueMin < 0 ? 0 : valueMin}%`, `${width}%`]\n          : [`${valueMax}%`, `${width}%`];\n\n      progressPercent = animationValue.interpolate?.({\n        inputRange: [0, 1],\n        outputRange: rangeAnimation,\n      });\n    }\n\n    return (\n      <Segment\n        key={index}\n        style={{\n          borderRightWidth: index == segments - 1 ? 0 : 2,\n        }}\n      >\n        <Progress\n          style={{\n            width: progressPercent,\n            backgroundColor: theme.color[color][colorTone],\n            borderRightWidth: width > 0 && width < 100 ? 2 : 0,\n          }}\n        />\n      </Segment>\n    );\n  });\n\n  return <Container {...rest}>{segmentsRender}</Container>;\n};\n\nexport default ProgressBar;\n"],"mappings":"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"}
+{"version":3,"file":"ProgressBar.js","names":["ProgressBar","segments","_segments","valueMin","valueNow","_valueNow","valueMax","color","colorTone","animate","animationParameters","rest","theme","useTheme","animationValue","React","useRef","Animated","Value","current","extractNumbersFromString","totalProgress","Math","max","segmentWidth","items","Array","keys","segmentsRender","map","index","min","minmax","width","progressPercent","timing","toValue","duration","length","useNativeDriver","delay","direction","start","rangeAnimation","interpolate","inputRange","outputRange","borderRightWidth","backgroundColor"],"sources":["../../../../src/components/atoms/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport * as React from 'react';\nimport { Animated, ViewProps } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { extractNumbersFromString } from '../../../utils';\nimport { Container, Progress, Segment } from './styled';\n\nexport interface ProgressBarProps extends ViewProps {\n  /** Number of segments. Defaults to 1. Set to 1 when 0 or less */\n  segments?: number;\n  /** Minimum possible value (0% of the bar). Defaults to 0 */\n  valueMin?: number;\n  /** Maximum possible value (100% of the bar). Defaults to 100 */\n  valueMax?: number;\n  /** Current value */\n  valueNow: number | string;\n  /** Filled partition color. Defaults to 'primary' */\n  color?: ColorType;\n  /** Filled partition color tone. Defaults to 'medium' */\n  colorTone?: ColorGradationType;\n  /** Animation */\n  animate: boolean;\n  /** Parameters animation  */\n  animationParameters?: { direction: 'left' | 'right'; duration: number };\n}\n\nconst ProgressBar: React.FC<ProgressBarProps> = ({\n  segments: _segments = 1,\n  valueMin = 0,\n  valueNow: _valueNow,\n  valueMax = 100,\n  color = 'primary',\n  colorTone = 'medium',\n  animate,\n  animationParameters,\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const animationValue = React.useRef(new Animated.Value(0)).current;\n\n  const valueNow =\n    typeof _valueNow === 'string'\n      ? extractNumbersFromString(_valueNow)\n      : _valueNow;\n\n  const totalProgress = ((valueNow - valueMin) / (valueMax - valueMin)) * 100;\n  const segments = Math.max(1, _segments);\n  const segmentWidth = 100 / Math.max(segments);\n\n  const items = [...Array(segments).keys()];\n\n  const segmentsRender = items.map(index => {\n    const max = segmentWidth * (index + 1);\n    const min = segmentWidth * index;\n    const minmax = (totalProgress - min) / (max - min);\n    const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;\n\n    let progressPercent: string | Animated.AnimatedInterpolation = `${width}%`;\n\n    if (animate && animationParameters) {\n      Animated.timing(animationValue, {\n        toValue: 1,\n        duration: animationParameters.duration / items.length,\n        useNativeDriver: false,\n        delay:\n          animationParameters.direction === 'right'\n            ? index * (animationParameters.duration / items.length)\n            : (items.length - index - 1) *\n              (animationParameters.duration / items.length),\n      }).start();\n\n      const rangeAnimation =\n        animationParameters?.direction === 'right'\n          ? [`${valueMin < 0 ? 0 : valueMin}%`, `${width}%`]\n          : [`${valueMax}%`, `${width}%`];\n\n      progressPercent = animationValue.interpolate?.({\n        inputRange: [0, 1],\n        outputRange: rangeAnimation,\n      });\n    }\n\n    return (\n      <Segment\n        key={index}\n        style={{\n          borderRightWidth: index == segments - 1 ? 0 : 2,\n        }}\n      >\n        <Progress\n          style={{\n            width: progressPercent,\n            backgroundColor: theme.color[color][colorTone],\n            borderRightWidth: width > 0 && width < 100 ? 2 : 0,\n          }}\n        />\n      </Segment>\n    );\n  });\n\n  return <Container {...rest}>{segmentsRender}</Container>;\n};\n\nexport default ProgressBar;\n"],"mappings":"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"}

package/dist/components/atoms/ProgressBar/index.d.ts

@@ -1 +1,2 @@
-export { default as ProgressBar, ProgressBarProps } from './ProgressBar';
+export { default as ProgressBar } from './ProgressBar';
+export type { ProgressBarProps } from './ProgressBar';

package/dist/components/atoms/ProgressBar/index.js

@@ -1,14 +1,16 @@
 "use strict";
 
-exports.__esModule = true;
-exports.ProgressBarProps = exports.ProgressBar = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ProgressBar", {
+  enumerable: true,
+  get: function () {
+    return _ProgressBar.default;
+  }
+});
 
-var _ProgressBar = _interopRequireWildcard(require("./ProgressBar"));
+var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
 
-exports.ProgressBar = _ProgressBar.default;
-exports.ProgressBarProps = _ProgressBar.ProgressBarProps;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/ProgressBar/index.js.map

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

package/dist/components/atoms/ProgressBar/styled.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.Segment = exports.Progress = exports.Container = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));
@@ -9,37 +11,44 @@ var _reactNative = require("react-native");
 
 var _utils = require("../../../utils");
 
+var _templateObject, _templateObject2, _templateObject3;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Container = _native.default.View`
-  display: flex;
-  height: ${({
-  theme
-}) => theme.spacing.mili};
-  border-radius: ${({
-  theme
-}) => theme.spacing.mili};
-  width: 100%;
-  flex-direction: row;
-  overflow: hidden;
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const Container = _native.default.View(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  height: ", ";\n  border-radius: ", ";\n  width: 100%;\n  flex-direction: row;\n  overflow: hidden;\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spacing.mili;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.spacing.mili;
+});
+
 exports.Container = Container;
-const Segment = _native.default.View`
-  flex: 1;
-  background-color: ${({
-  theme
-}) => theme.color.secondary.light};
-  border-right-width: ${(0, _utils.RFValueStr)('2px')};
-  border-color: ${({
-  theme
-}) => theme.color.secondary.xlight};
-`;
+
+const Segment = _native.default.View(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex: 1;\n  background-color: ", ";\n  border-right-width: ", ";\n  border-color: ", ";\n"])), _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.color.secondary.light;
+}, (0, _utils.RFValueStr)('2px'), _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.color.secondary.xlight;
+});
+
 exports.Segment = Segment;
-const Progress = (0, _native.default)(_reactNative.Animated.View)`
-  height: 100%;
-  border-color: ${({
-  theme
-}) => theme.color.secondary.xlight};
-`;
+const Progress = (0, _native.default)(_reactNative.Animated.View)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 100%;\n  border-color: ", ";\n"])), _ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.color.secondary.xlight;
+});
 exports.Progress = Progress;
 //# sourceMappingURL=styled.js.map

package/dist/components/atoms/ProgressBar/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["Container","styled","View","theme","spacing","mili","Segment","color","secondary","light","RFValueStr","xlight","Progress","Animated"],"sources":["../../../../src/components/atoms/ProgressBar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Animated } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\n\nexport const Container = styled.View<Partial<StyleProps>>`\n  display: flex;\n  height: ${({ theme }) => theme.spacing.mili};\n  border-radius: ${({ theme }) => theme.spacing.mili};\n  width: 100%;\n  flex-direction: row;\n  overflow: hidden;\n`;\n\nexport const Segment = styled.View<Partial<StyleProps>>`\n  flex: 1;\n  background-color: ${({ theme }) => theme.color.secondary.light};\n  border-right-width: ${RFValueStr('2px')};\n  border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const Progress = styled(Animated.View)<Partial<StyleProps>>`\n  height: 100%;\n  border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;;;AAEO,MAAMA,SAAS,GAAGC,eAAA,CAAOC,IAA0B;AAC1D;AACA,YAAY,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC9C,mBAAmB,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACrD;AACA;AACA;AACA,CAPO;;AASA,MAAMC,OAAO,GAAGL,eAAA,CAAOC,IAA0B;AACxD;AACA,sBAAsB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBC,KAAM;AACjE,wBAAwB,IAAAC,iBAAA,EAAW,KAAX,CAAkB;AAC1C,kBAAkB,CAAC;EAAEP;AAAF,CAAD,KAAeA,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBG,MAAO;AAC9D,CALO;;AAOA,MAAMC,QAAQ,GAAG,IAAAX,eAAA,EAAOY,qBAAA,CAASX,IAAhB,CAA2C;AACnE;AACA,kBAAkB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBG,MAAO;AAC9D,CAHO"}
+{"version":3,"file":"styled.js","names":["Container","styled","View","theme","spacing","mili","Segment","color","secondary","light","RFValueStr","xlight","Progress","Animated"],"sources":["../../../../src/components/atoms/ProgressBar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Animated } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\n\nexport const Container = styled.View<Partial<StyleProps>>`\n  display: flex;\n  height: ${({ theme }) => theme.spacing.mili};\n  border-radius: ${({ theme }) => theme.spacing.mili};\n  width: 100%;\n  flex-direction: row;\n  overflow: hidden;\n`;\n\nexport const Segment = styled.View<Partial<StyleProps>>`\n  flex: 1;\n  background-color: ${({ theme }) => theme.color.secondary.light};\n  border-right-width: ${RFValueStr('2px')};\n  border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const Progress = styled(Animated.View)<Partial<StyleProps>>`\n  height: 100%;\n  border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;;;AAEO,MAAMA,SAAS,GAAGC,eAAA,CAAOC,IAAV,gMAEV;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAFU,EAGH;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAHG,CAAf;;;;AASA,MAAMC,OAAO,GAAGL,eAAA,CAAOC,IAAV,qKAEE;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBC,KAArC;AAAA,CAFF,EAGI,IAAAC,iBAAA,EAAW,KAAX,CAHJ,EAIF;EAAA,IAAC;IAAEP;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBG,MAArC;AAAA,CAJE,CAAb;;;AAOA,MAAMC,QAAQ,GAAG,IAAAX,eAAA,EAAOY,qBAAA,CAASX,IAAhB,CAAH,kHAEH;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBG,MAArC;AAAA,CAFG,CAAd"}

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

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
@@ -15,16 +17,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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 RadioButton = ({
-  children,
-  onChange,
-  checked,
-  labelPosition = 'right',
-  disabled = false,
-  color = 'primary',
-  colorTone = 'medium',
-  ...rest
-}) => {
+const RadioButton = _ref => {
+  let {
+    children,
+    onChange,
+    checked,
+    labelPosition = 'right',
+    disabled = false,
+    color = 'primary',
+    colorTone = 'medium',
+    ...rest
+  } = _ref;
+
   const handleChange = () => {
     onChange && onChange(!checked);
   };

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","names":["RadioButton","children","onChange","checked","labelPosition","disabled","color","colorTone","rest","handleChange"],"sources":["../../../../src/components/atoms/RadioButton/RadioButton.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon } from '../Icon';\nimport { IconViewStyled, IconWrapper, ScaledView, ViewStyled } from './styled';\n\nexport interface RadioButtonProps {\n  /** Element is checked */\n  checked?: boolean;\n  /** Change handler */\n  onChange?: (checked: boolean) => void;\n  /** Position of children */\n  labelPosition?: 'left' | 'right';\n  /** Element is not clickable */\n  disabled?: boolean;\n  /** Color definition from theme */\n  color?: ColorType;\n  /** Color gradation from theme */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst RadioButton: FC<RadioButtonProps> = ({\n  children,\n  onChange,\n  checked,\n  labelPosition = 'right',\n  disabled = false,\n  color = 'primary',\n  colorTone = 'medium',\n  ...rest\n}): JSX.Element => {\n  const handleChange = () => {\n    onChange && onChange(!checked);\n  };\n\n  return (\n    <Pressable\n      {...rest}\n      disabled={disabled}\n      onPress={handleChange}\n      accessibilityRole=\"radio\"\n    >\n      <ViewStyled>\n        {labelPosition === 'left' && children}\n        {checked && (\n          <IconViewStyled>\n            <IconWrapper>\n              <ScaledView>\n                <Icon\n                  name=\"circle\"\n                  colorVariant={color}\n                  colorTone={colorTone}\n                  type=\"material-community\"\n                  size=\"centi\"\n                />\n              </ScaledView>\n            </IconWrapper>\n          </IconViewStyled>\n        )}\n        {!checked && (\n          <IconViewStyled>\n            <IconWrapper>\n              <ScaledView>\n                <Icon\n                  name=\"circle\"\n                  fontColor=\"light\"\n                  type=\"material-community\"\n                  size=\"centi\"\n                />\n              </ScaledView>\n            </IconWrapper>\n          </IconViewStyled>\n        )}\n        {labelPosition === 'right' && children}\n      </ViewStyled>\n    </Pressable>\n  );\n};\n\nexport default RadioButton;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAkBA,MAAMA,WAAiC,GAAG,CAAC;EACzCC,QADyC;EAEzCC,QAFyC;EAGzCC,OAHyC;EAIzCC,aAAa,GAAG,OAJyB;EAKzCC,QAAQ,GAAG,KAL8B;EAMzCC,KAAK,GAAG,SANiC;EAOzCC,SAAS,GAAG,QAP6B;EAQzC,GAAGC;AARsC,CAAD,KASvB;EACjB,MAAMC,YAAY,GAAG,MAAM;IACzBP,QAAQ,IAAIA,QAAQ,CAAC,CAACC,OAAF,CAApB;EACD,CAFD;;EAIA,OACE,6BAAC,sBAAD,eACMK,IADN;IAEE,QAAQ,EAAEH,QAFZ;IAGE,OAAO,EAAEI,YAHX;IAIE,iBAAiB,EAAC;EAJpB,IAME,6BAAC,kBAAD,QACGL,aAAa,KAAK,MAAlB,IAA4BH,QAD/B,EAEGE,OAAO,IACN,6BAAC,sBAAD,QACE,6BAAC,mBAAD,QACE,6BAAC,kBAAD,QACE,6BAAC,UAAD;IACE,IAAI,EAAC,QADP;IAEE,YAAY,EAAEG,KAFhB;IAGE,SAAS,EAAEC,SAHb;IAIE,IAAI,EAAC,oBAJP;IAKE,IAAI,EAAC;EALP,EADF,CADF,CADF,CAHJ,EAiBG,CAACJ,OAAD,IACC,6BAAC,sBAAD,QACE,6BAAC,mBAAD,QACE,6BAAC,kBAAD,QACE,6BAAC,UAAD;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAC,OAFZ;IAGE,IAAI,EAAC,oBAHP;IAIE,IAAI,EAAC;EAJP,EADF,CADF,CADF,CAlBJ,EA+BGC,aAAa,KAAK,OAAlB,IAA6BH,QA/BhC,CANF,CADF;AA0CD,CAxDD;;eA0DeD,W"}
+{"version":3,"file":"RadioButton.js","names":["RadioButton","children","onChange","checked","labelPosition","disabled","color","colorTone","rest","handleChange"],"sources":["../../../../src/components/atoms/RadioButton/RadioButton.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon } from '../Icon';\nimport { IconViewStyled, IconWrapper, ScaledView, ViewStyled } from './styled';\n\nexport interface RadioButtonProps {\n  /** Element is checked */\n  checked?: boolean;\n  /** Change handler */\n  onChange?: (checked: boolean) => void;\n  /** Position of children */\n  labelPosition?: 'left' | 'right';\n  /** Element is not clickable */\n  disabled?: boolean;\n  /** Color definition from theme */\n  color?: ColorType;\n  /** Color gradation from theme */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst RadioButton: FC<RadioButtonProps> = ({\n  children,\n  onChange,\n  checked,\n  labelPosition = 'right',\n  disabled = false,\n  color = 'primary',\n  colorTone = 'medium',\n  ...rest\n}): JSX.Element => {\n  const handleChange = () => {\n    onChange && onChange(!checked);\n  };\n\n  return (\n    <Pressable\n      {...rest}\n      disabled={disabled}\n      onPress={handleChange}\n      accessibilityRole=\"radio\"\n    >\n      <ViewStyled>\n        {labelPosition === 'left' && children}\n        {checked && (\n          <IconViewStyled>\n            <IconWrapper>\n              <ScaledView>\n                <Icon\n                  name=\"circle\"\n                  colorVariant={color}\n                  colorTone={colorTone}\n                  type=\"material-community\"\n                  size=\"centi\"\n                />\n              </ScaledView>\n            </IconWrapper>\n          </IconViewStyled>\n        )}\n        {!checked && (\n          <IconViewStyled>\n            <IconWrapper>\n              <ScaledView>\n                <Icon\n                  name=\"circle\"\n                  fontColor=\"light\"\n                  type=\"material-community\"\n                  size=\"centi\"\n                />\n              </ScaledView>\n            </IconWrapper>\n          </IconViewStyled>\n        )}\n        {labelPosition === 'right' && children}\n      </ViewStyled>\n    </Pressable>\n  );\n};\n\nexport default RadioButton;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAkBA,MAAMA,WAAiC,GAAG,QASvB;EAAA,IATwB;IACzCC,QADyC;IAEzCC,QAFyC;IAGzCC,OAHyC;IAIzCC,aAAa,GAAG,OAJyB;IAKzCC,QAAQ,GAAG,KAL8B;IAMzCC,KAAK,GAAG,SANiC;IAOzCC,SAAS,GAAG,QAP6B;IAQzC,GAAGC;EARsC,CASxB;;EACjB,MAAMC,YAAY,GAAG,MAAM;IACzBP,QAAQ,IAAIA,QAAQ,CAAC,CAACC,OAAF,CAApB;EACD,CAFD;;EAIA,OACE,6BAAC,sBAAD,eACMK,IADN;IAEE,QAAQ,EAAEH,QAFZ;IAGE,OAAO,EAAEI,YAHX;IAIE,iBAAiB,EAAC;EAJpB,IAME,6BAAC,kBAAD,QACGL,aAAa,KAAK,MAAlB,IAA4BH,QAD/B,EAEGE,OAAO,IACN,6BAAC,sBAAD,QACE,6BAAC,mBAAD,QACE,6BAAC,kBAAD,QACE,6BAAC,UAAD;IACE,IAAI,EAAC,QADP;IAEE,YAAY,EAAEG,KAFhB;IAGE,SAAS,EAAEC,SAHb;IAIE,IAAI,EAAC,oBAJP;IAKE,IAAI,EAAC;EALP,EADF,CADF,CADF,CAHJ,EAiBG,CAACJ,OAAD,IACC,6BAAC,sBAAD,QACE,6BAAC,mBAAD,QACE,6BAAC,kBAAD,QACE,6BAAC,UAAD;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAC,OAFZ;IAGE,IAAI,EAAC,oBAHP;IAIE,IAAI,EAAC;EAJP,EADF,CADF,CADF,CAlBJ,EA+BGC,aAAa,KAAK,OAAlB,IAA6BH,QA/BhC,CANF,CADF;AA0CD,CAxDD;;eA0DeD,W"}

package/dist/components/atoms/RadioButton/index.d.ts

@@ -1 +1,2 @@
-export { default as RadioButton, RadioButtonProps } from './RadioButton';
+export { default as RadioButton } from './RadioButton';
+export type { RadioButtonProps } from './RadioButton';