@tecsinapse/react-core 1.20.0 → 1.21.0

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","css","TextInput","RFValueStr","Icon","leftIconStyles","leftComponent","theme","spacing","centi","rightIconStyles","rightComponent","disabledContainerStyles","disabled","disabledInputStyles","color","secondary","light","focusedStyles","focused","borderColor","borderWidth","nano","dark","StyledIconContent","View","zIndex","StyledInputContainer","StyledInputElementBase","font","stack","typography","base","fontSize","weight","bold","StyledLabelContainer","props","micro","StyledBorderKeeperBase","miscellaneous","surfaceColor","borderColorGradation","borderRadius","mili","pico","StyledBorderKeeper","StyledInputElement","StyledHintContainer","StyledHintIcon"],"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","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"],"names":[],"mappings":"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"}

package/esm/components/atoms/Paper/Paper.js

@@ -1,24 +1,49 @@
-var _excluded = ["children", "elevated"];
+import React__default from 'react';
+import { StyledPaper } from './styled.js';
 
-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); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React from 'react';
-import { StyledPaper } from './styled';
-
-var Paper = function Paper(_ref) {
-  var children = _ref.children,
-      _ref$elevated = _ref.elevated,
-      elevated = _ref$elevated === void 0 ? false : _ref$elevated,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return React.createElement(StyledPaper, _extends({}, rest, {
-    elevated: elevated
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Paper = (_a) => {
+  var _b = _a, {
+    children,
+    elevated = false
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "elevated"
+  ]);
+  return /* @__PURE__ */ React__default.createElement(StyledPaper, __spreadProps(__spreadValues({}, rest), {
+    elevated
   }), children);
 };
 
-export default Paper;
-//# sourceMappingURL=Paper.js.map
+export { Paper as default };
+//# sourceMappingURL=Paper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","names":["React","StyledPaper","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,OAAOA,KAAP,MAA0B,OAA1B;AAEA,SAASC,WAAT,QAA4B,UAA5B;;AAQA,IAAMC,KAAqB,GAAG,SAAxBA,KAAwB;EAAA,IAC5BC,QAD4B,QAC5BA,QAD4B;EAAA,yBAE5BC,QAF4B;EAAA,IAE5BA,QAF4B,8BAEjB,KAFiB;EAAA,IAGzBC,IAHyB;;EAAA,OAK5B,oBAAC,WAAD,eAAiBA,IAAjB;IAAuB,QAAQ,EAAED;EAAjC,IACGD,QADH,CAL4B;AAAA,CAA9B;;AAUA,eAAeD,KAAf"}
+{"version":3,"file":"Paper.js","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"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,KAAA,GAAwB,CAAC,EAIf,KAAA;AAJe,EAC7B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,GAZb,GAU+B,EAG1B,EAAA,IAAA,GAAA,SAAA,CAH0B,EAG1B,EAAA;AAAA,IAFH,UAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBAAAA,cAAA,CAAA,aAAA,CAAC,8CAAgB,IAAhB,CAAA,EAAA;AAAA,IAAsB,QAAA;AAAA,GAAA,CAAA,EACpB,QACH,CAAA,CAAA;AAAA;;;;"}

package/esm/components/atoms/Paper/styled.d.ts

@@ -1,9 +1 @@
-/// <reference types="react" />
-import { Animated } from 'react-native';
-import { PaperProps } from './Paper';
-export declare const StyledPaper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & PaperProps & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const StyledPaper: import("@emotion/native").StyledComponent<any, {}, {}>;

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

@@ -1,11 +1,13 @@
-var _templateObject;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import { Animated } from 'react-native';
 import styled, { css } from '@emotion/native';
-import { baseStyles, elevatedStyles } from '../shared/PaperAndCard';
-export var StyledPaper = styled(Animated.View)(function (props) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), baseStyles(props), elevatedStyles(props));
-});
-//# sourceMappingURL=styled.js.map
+import { baseStyles, elevatedStyles } from '../shared/PaperAndCard.js';
+
+const StyledPaper = styled(Animated.View)(
+  (props) => css`
+    ${baseStyles(props)}
+    ${elevatedStyles(props)}
+  `
+);
+
+export { StyledPaper };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["Animated","styled","css","baseStyles","elevatedStyles","StyledPaper","View","props"],"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,SAASA,QAAT,QAAyB,cAAzB;AACA,OAAOC,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AAGA,SAASC,UAAT,EAAqBC,cAArB,QAA2C,wBAA3C;AAEA,OAAO,IAAMC,WAAW,GAAGJ,MAAM,CAACD,QAAQ,CAACM,IAAV,CAAN,CAGzB,UAAAC,KAAK;EAAA,OAAIL,GAAJ,8FACDC,UAAU,CAACI,KAAD,CADT,EAEDH,cAAc,CAACG,KAAD,CAFb;AAAA,CAHoB,CAApB"}
+{"version":3,"file":"styled.js","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"],"names":[],"mappings":";;;;AAMa,MAAA,WAAA,GAAc,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA;AAAA,EAG7C,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IAAA,EACL,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,eAAe,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAE1B;;;;"}

package/esm/components/atoms/PressableSurface/PressableSurface.js

@@ -1,86 +1,103 @@
-var _excluded = ["children", "surfaceColor", "effect", "effectIntensity", "effectStyle", "style"];
-
-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); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import { useTheme } from '@emotion/react';
-import React from 'react';
+import React__default from 'react';
 import { Pressable } from 'react-native';
-import { lightenDarkenColor } from '../../../utils';
-var COLOR_VARIATION_FACTOR = 25;
-
-var PressableSurface = function PressableSurface(_ref) {
-  var children = _ref.children,
-      surfaceColor = _ref.surfaceColor,
-      effect = _ref.effect,
-      effectIntensity = _ref.effectIntensity,
-      effectStyle = _ref.effectStyle,
-      style = _ref.style,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var theme = useTheme();
-  var effectBaseColor = theme.miscellaneous.surfaceColor;
-  var bgColor = 'transparent';
+import '../Text/styled.js';
+import '../Input/styled.js';
+import 'currency.js';
+import '../Input/InputElement/InputElement.js';
+import '../Input/InputMaskElement/InputMaskElement.js';
+import '../Input/PressableInputContainer/styled.js';
+import { lightenDarkenColor } from '../../../utils/lightenDarkenColor.js';
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const COLOR_VARIATION_FACTOR = 25;
+const PressableSurface = (_a) => {
+  var _b = _a, {
+    children,
+    surfaceColor,
+    effect,
+    effectIntensity,
+    effectStyle,
+    style
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "surfaceColor",
+    "effect",
+    "effectIntensity",
+    "effectStyle",
+    "style"
+  ]);
+  const theme = useTheme();
+  let effectBaseColor = theme.miscellaneous.surfaceColor;
+  let bgColor = "transparent";
   if (surfaceColor) {
     effectBaseColor = surfaceColor;
     bgColor = effectBaseColor;
   }
-
-  var readyStyle = prepareStyle({
-    effect: effect,
-    effectIntensity: effectIntensity,
-    style: style,
-    effectStyle: effectStyle
-  }, effectBaseColor, bgColor);
-  return React.createElement(Pressable, _extends({}, rest, {
+  const readyStyle = prepareStyle(
+    { effect, effectIntensity, style, effectStyle },
+    effectBaseColor,
+    bgColor
+  );
+  return /* @__PURE__ */ React__default.createElement(Pressable, __spreadProps(__spreadValues({}, rest), {
     style: readyStyle
   }), children);
 };
-
-var prepareStyle = function prepareStyle(props, effectColor, bgColor) {
-  var _props$effect = props.effect,
-      effect = _props$effect === void 0 ? 'darken' : _props$effect,
-      _props$effectIntensit = props.effectIntensity,
-      effectIntensity = _props$effectIntensit === void 0 ? COLOR_VARIATION_FACTOR : _props$effectIntensit,
-      style = props.style,
-      effectStyle = props.effectStyle;
-  var lighten = lightenDarkenColor(effectColor, effectIntensity);
-  var darken = lightenDarkenColor(effectColor, -effectIntensity);
-  var composedStyle = [{
-    backgroundColor: bgColor
-  }, style];
-
+const prepareStyle = (props, effectColor, bgColor) => {
+  const {
+    effect = "darken",
+    effectIntensity = COLOR_VARIATION_FACTOR,
+    style,
+    effectStyle
+  } = props;
+  const lighten = lightenDarkenColor(effectColor, effectIntensity);
+  const darken = lightenDarkenColor(effectColor, -effectIntensity);
+  const composedStyle = [{ backgroundColor: bgColor }, style];
   if (effectStyle) {
-    return function (_ref2) {
-      var pressed = _ref2.pressed;
-      return [composedStyle, effectStyle(pressed)];
-    };
+    return ({ pressed }) => [composedStyle, effectStyle(pressed)];
   }
-
   switch (effect) {
-    case 'darken':
+    case "darken":
       return applyEffectStyle(composedStyle, darken);
-
-    case 'lighten':
+    case "lighten":
       return applyEffectStyle(composedStyle, lighten);
-
-    case 'none':
+    case "none":
       return composedStyle;
   }
 };
-
-var applyEffectStyle = function applyEffectStyle(style, variation) {
-  return function (_ref3) {
-    var pressed = _ref3.pressed;
-    return [style, pressed && {
-      backgroundColor: variation
-    }];
-  };
+const applyEffectStyle = (style, variation) => {
+  return ({ pressed }) => [style, pressed && { backgroundColor: variation }];
 };
 
-export default PressableSurface;
-//# sourceMappingURL=PressableSurface.js.map
+export { PressableSurface as default };
+//# sourceMappingURL=PressableSurface.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PressableSurface.js","names":["useTheme","React","Pressable","lightenDarkenColor","COLOR_VARIATION_FACTOR","PressableSurface","children","surfaceColor","effect","effectIntensity","effectStyle","style","rest","theme","effectBaseColor","miscellaneous","bgColor","readyStyle","prepareStyle","props","effectColor","lighten","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,SAASA,QAAT,QAAyB,gBAAzB;AACA,OAAOC,KAAP,MAA0B,OAA1B;AACA,SAASC,SAAT,QAAgE,cAAhE;AAEA,SAASC,kBAAT,QAAmC,gBAAnC;AAEA,IAAMC,sBAAsB,GAAG,EAA/B;;AASA,IAAMC,gBAA2C,GAAG,SAA9CA,gBAA8C,OAQ9C;EAAA,IAPJC,QAOI,QAPJA,QAOI;EAAA,IANJC,YAMI,QANJA,YAMI;EAAA,IALJC,MAKI,QALJA,MAKI;EAAA,IAJJC,eAII,QAJJA,eAII;EAAA,IAHJC,WAGI,QAHJA,WAGI;EAAA,IAFJC,KAEI,QAFJA,KAEI;EAAA,IADDC,IACC;;EACJ,IAAMC,KAAK,GAAGb,QAAQ,EAAtB;EACA,IAAIc,eAAe,GAAGD,KAAK,CAACE,aAAN,CAAoBR,YAA1C;EACA,IAAIS,OAAO,GAAG,aAAd;;EAEA,IAAIT,YAAJ,EAAkB;IAChBO,eAAe,GAAGP,YAAlB;IACAS,OAAO,GAAGF,eAAV;EACD;;EAED,IAAMG,UAAU,GAAGC,YAAY,CAC7B;IAAEV,MAAM,EAANA,MAAF;IAAUC,eAAe,EAAfA,eAAV;IAA2BE,KAAK,EAALA,KAA3B;IAAkCD,WAAW,EAAXA;EAAlC,CAD6B,EAE7BI,eAF6B,EAG7BE,OAH6B,CAA/B;EAKA,OACE,oBAAC,SAAD,eAAeJ,IAAf;IAAqB,KAAK,EAAEK;EAA5B,IACGX,QADH,CADF;AAKD,CA5BD;;AA8BA,IAAMY,YAAY,GAAG,SAAfA,YAAe,CACnBC,KADmB,EAEnBC,WAFmB,EAGnBJ,OAHmB,EAIX;EACR,oBAKIG,KALJ,CACEX,MADF;EAAA,IACEA,MADF,8BACW,QADX;EAAA,4BAKIW,KALJ,CAEEV,eAFF;EAAA,IAEEA,eAFF,sCAEoBL,sBAFpB;EAAA,IAGEO,KAHF,GAKIQ,KALJ,CAGER,KAHF;EAAA,IAIED,WAJF,GAKIS,KALJ,CAIET,WAJF;EAOA,IAAMW,OAAO,GAAGlB,kBAAkB,CAACiB,WAAD,EAAcX,eAAd,CAAlC;EACA,IAAMa,MAAM,GAAGnB,kBAAkB,CAACiB,WAAD,EAAc,CAACX,eAAf,CAAjC;EACA,IAAMc,aAAa,GAAG,CAAC;IAAEC,eAAe,EAAER;EAAnB,CAAD,EAA+BL,KAA/B,CAAtB;;EAEA,IAAID,WAAJ,EAAiB;IACf,OAAO;MAAA,IAAGe,OAAH,SAAGA,OAAH;MAAA,OAAiB,CAACF,aAAD,EAAgBb,WAAW,CAACe,OAAD,CAA3B,CAAjB;IAAA,CAAP;EACD;;EAED,QAAQjB,MAAR;IACE,KAAK,QAAL;MACE,OAAOkB,gBAAgB,CAACH,aAAD,EAAgBD,MAAhB,CAAvB;;IAEF,KAAK,SAAL;MACE,OAAOI,gBAAgB,CAACH,aAAD,EAAgBF,OAAhB,CAAvB;;IAEF,KAAK,MAAL;MACE,OAAOE,aAAP;EARJ;AAUD,CA9BD;;AAgCA,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACf,KAAD,EAAagB,SAAb,EAAmC;EAC1D,OAAO;IAAA,IAAGF,OAAH,SAAGA,OAAH;IAAA,OAAiB,CAACd,KAAD,EAAQc,OAAO,IAAI;MAAED,eAAe,EAAEG;IAAnB,CAAnB,CAAjB;EAAA,CAAP;AACD,CAFD;;AAIA,eAAetB,gBAAf"}
+{"version":3,"file":"PressableSurface.js","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"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,sBAAyB,GAAA,EAAA,CAAA;AASzB,MAAA,gBAAA,GAA8C,CAAC,EAQ/C,KAAA;AAR+C,EACnD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,MAAA;AAAA,IACA,eAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,GArBF,GAeqD,EAOhD,EAAA,IAAA,GAAA,SAAA,CAPgD,EAOhD,EAAA;AAAA,IANH,UAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,aAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAI,IAAA,eAAA,GAAkB,MAAM,aAAc,CAAA,YAAA,CAAA;AAC1C,EAAA,IAAI,OAAU,GAAA,aAAA,CAAA;AAEd,EAAA,IAAI,YAAc,EAAA;AAChB,IAAkB,eAAA,GAAA,YAAA,CAAA;AAClB,IAAU,OAAA,GAAA,eAAA,CAAA;AAAA,GACZ;AAEA,EAAA,MAAM,UAAa,GAAA,YAAA;AAAA,IACjB,EAAE,MAAA,EAAQ,eAAiB,EAAA,KAAA,EAAO,WAAY,EAAA;AAAA,IAC9C,eAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AACA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,4CAAc,IAAd,CAAA,EAAA;AAAA,IAAoB,KAAO,EAAA,UAAA;AAAA,GAAA,CAAA,EACzB,QACH,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,YAAe,GAAA,CACnB,KACA,EAAA,WAAA,EACA,OACQ,KAAA;AACR,EAAM,MAAA;AAAA,IACJ,MAAS,GAAA,QAAA;AAAA,IACT,eAAkB,GAAA,sBAAA;AAAA,IAClB,KAAA;AAAA,IACA,WAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAM,MAAA,OAAA,GAAU,kBAAmB,CAAA,WAAA,EAAa,eAAe,CAAA,CAAA;AAC/D,EAAA,MAAM,MAAS,GAAA,kBAAA,CAAmB,WAAa,EAAA,CAAC,eAAe,CAAA,CAAA;AAC/D,EAAA,MAAM,gBAAgB,CAAC,EAAE,eAAiB,EAAA,OAAA,IAAW,KAAK,CAAA,CAAA;AAE1D,EAAA,IAAI,WAAa,EAAA;AACf,IAAO,OAAA,CAAC,EAAE,OAAQ,EAAA,KAAM,CAAC,aAAe,EAAA,WAAA,CAAY,OAAO,CAAC,CAAA,CAAA;AAAA,GAC9D;AAEA,EAAA,QAAQ,MAAQ;AAAA,IACd,KAAK,QAAA;AACH,MAAO,OAAA,gBAAA,CAAiB,eAAe,MAAM,CAAA,CAAA;AAAA,IAE/C,KAAK,SAAA;AACH,MAAO,OAAA,gBAAA,CAAiB,eAAe,OAAO,CAAA,CAAA;AAAA,IAEhD,KAAK,MAAA;AACH,MAAO,OAAA,aAAA,CAAA;AAAA,GACX;AACF,CAAA,CAAA;AAEA,MAAM,gBAAA,GAAmB,CAAC,KAAA,EAAY,SAAsB,KAAA;AAC1D,EAAO,OAAA,CAAC,EAAE,OAAA,EAAc,KAAA,CAAC,OAAO,OAAW,IAAA,EAAE,eAAiB,EAAA,SAAA,EAAW,CAAA,CAAA;AAC3E,CAAA;;;;"}

package/esm/components/atoms/ProgressBar/ProgressBar.js

@@ -1,81 +1,96 @@
-var _excluded = ["segments", "valueMin", "valueNow", "valueMax", "color", "colorTone", "animate", "animationParameters"];
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import { useTheme } from '@emotion/react';
 import * as React from 'react';
 import { Animated } from 'react-native';
-import { extractNumbersFromString } from '../../../utils';
-import { Container, Progress, Segment } from './styled';
-
-var ProgressBar = function ProgressBar(_ref) {
-  var _ref$segments = _ref.segments,
-      _segments = _ref$segments === void 0 ? 1 : _ref$segments,
-      _ref$valueMin = _ref.valueMin,
-      valueMin = _ref$valueMin === void 0 ? 0 : _ref$valueMin,
-      _valueNow = _ref.valueNow,
-      _ref$valueMax = _ref.valueMax,
-      valueMax = _ref$valueMax === void 0 ? 100 : _ref$valueMax,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'primary' : _ref$color,
-      _ref$colorTone = _ref.colorTone,
-      colorTone = _ref$colorTone === void 0 ? 'medium' : _ref$colorTone,
-      animate = _ref.animate,
-      animationParameters = _ref.animationParameters,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var theme = useTheme();
-  var animationValue = React.useRef(new Animated.Value(0)).current;
-  var valueNow = typeof _valueNow === 'string' ? extractNumbersFromString(_valueNow) : _valueNow;
-  var totalProgress = (valueNow - valueMin) / (valueMax - valueMin) * 100;
-  var segments = Math.max(1, _segments);
-  var segmentWidth = 100 / Math.max(segments);
-
-  var items = _toConsumableArray(Array(segments).keys());
-
-  var segmentsRender = items.map(function (index) {
-    var max = segmentWidth * (index + 1);
-    var min = segmentWidth * index;
-    var minmax = (totalProgress - min) / (max - min);
-    var width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;
-    var progressPercent = "".concat(width, "%");
-
+import { extractNumbersFromString } from '../../../utils/extractNumbersFromString.js';
+import '../Text/styled.js';
+import '../Input/styled.js';
+import 'currency.js';
+import '../Input/InputElement/InputElement.js';
+import '../Input/InputMaskElement/InputMaskElement.js';
+import '../Input/PressableInputContainer/styled.js';
+import { Segment, Progress, Container } from './styled.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const ProgressBar = (_a) => {
+  var _b = _a, {
+    segments: _segments = 1,
+    valueMin = 0,
+    valueNow: _valueNow,
+    valueMax = 100,
+    color = "primary",
+    colorTone = "medium",
+    animate,
+    animationParameters
+  } = _b, rest = __objRest(_b, [
+    "segments",
+    "valueMin",
+    "valueNow",
+    "valueMax",
+    "color",
+    "colorTone",
+    "animate",
+    "animationParameters"
+  ]);
+  const theme = useTheme();
+  const animationValue = React.useRef(new Animated.Value(0)).current;
+  const valueNow = typeof _valueNow === "string" ? extractNumbersFromString(_valueNow) : _valueNow;
+  const totalProgress = (valueNow - valueMin) / (valueMax - valueMin) * 100;
+  const segments = Math.max(1, _segments);
+  const segmentWidth = 100 / Math.max(segments);
+  const items = [...Array(segments).keys()];
+  const segmentsRender = items.map((index) => {
+    var _a2;
+    const max = segmentWidth * (index + 1);
+    const min = segmentWidth * index;
+    const minmax = (totalProgress - min) / (max - min);
+    const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;
+    let progressPercent = `${width}%`;
     if (animate && animationParameters) {
-      var _animationValue$inter;
-
       Animated.timing(animationValue, {
         toValue: 1,
         duration: animationParameters.duration / items.length,
         useNativeDriver: false,
-        delay: animationParameters.direction === 'right' ? index * (animationParameters.duration / items.length) : (items.length - index - 1) * (animationParameters.duration / items.length)
+        delay: animationParameters.direction === "right" ? index * (animationParameters.duration / items.length) : (items.length - index - 1) * (animationParameters.duration / items.length)
       }).start();
-      var 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, {
+      const rangeAnimation = (animationParameters == null ? void 0 : animationParameters.direction) === "right" ? [`${valueMin < 0 ? 0 : valueMin}%`, `${width}%`] : [`${valueMax}%`, `${width}%`];
+      progressPercent = (_a2 = animationValue.interpolate) == null ? void 0 : _a2.call(animationValue, {
         inputRange: [0, 1],
         outputRange: rangeAnimation
       });
     }
-
-    return React.createElement(Segment, {
+    return /* @__PURE__ */ React.createElement(Segment, {
       key: index,
       style: {
         borderRightWidth: index == segments - 1 ? 0 : 2
       }
-    }, React.createElement(Progress, {
+    }, /* @__PURE__ */ React.createElement(Progress, {
       style: {
         width: progressPercent,
         backgroundColor: theme.color[color][colorTone],
@@ -83,8 +98,8 @@ var ProgressBar = function ProgressBar(_ref) {
       }
     }));
   });
-  return React.createElement(Container, rest, segmentsRender);
+  return /* @__PURE__ */ React.createElement(Container, __spreadValues({}, rest), segmentsRender);
 };
 
-export default ProgressBar;
-//# sourceMappingURL=ProgressBar.js.map
+export { ProgressBar as default };
+//# sourceMappingURL=ProgressBar.js.map