@tecsinapse/react-core 1.19.0 → 1.21.0-beta.13

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

@@ -1,21 +1,21 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.StyledPaper = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _reactNative = require("react-native");
+var reactNative = require('react-native');
+var styled = require('@emotion/native');
+var PaperAndCard = require('../shared/PaperAndCard.js');
 
-var _native = _interopRequireWildcard(require("@emotion/native"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _PaperAndCard = require("../shared/PaperAndCard");
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-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); }
+const StyledPaper = styled__default["default"](reactNative.Animated.View)(
+  (props) => styled.css`
+    ${PaperAndCard.baseStyles(props)}
+    ${PaperAndCard.elevatedStyles(props)}
+  `
+);
 
-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)}
-  `);
 exports.StyledPaper = StyledPaper;
-//# sourceMappingURL=styled.js.map
+//# 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","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":["styled","Animated","css","baseStyles","elevatedStyles"],"mappings":";;;;;;;;;;;;AAMa,MAAA,WAAA,GAAcA,0BAAO,CAAAC,oBAAA,CAAS,IAAI,CAAA;AAAA,EAG7C,CAAS,KAAA,KAAAC,UAAA,CAAA;AAAA,IAAA,EACLC,wBAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChBC,4BAAe,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAE1B;;;;"}

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

@@ -1,90 +1,109 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = require("@emotion/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _utils = require("../../../utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
+'use strict';
+
+var react = require('@emotion/react');
+var React = require('react');
+var reactNative = require('react-native');
+require('../Text/styled.js');
+require('../Input/styled.js');
+require('currency.js');
+require('../Input/InputElement/InputElement.js');
+require('../Input/InputMaskElement/InputMaskElement.js');
+require('../Input/PressableInputContainer/styled.js');
+var lightenDarkenColor = require('../../../utils/lightenDarkenColor.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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 = ({
-  children,
-  surfaceColor,
-  effect,
-  effectIntensity,
-  effectStyle,
-  style,
-  ...rest
-}) => {
-  const theme = (0, _react.useTheme)();
+const PressableSurface = (_a) => {
+  var _b = _a, {
+    children,
+    surfaceColor,
+    effect,
+    effectIntensity,
+    effectStyle,
+    style
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "surfaceColor",
+    "effect",
+    "effectIntensity",
+    "effectStyle",
+    "style"
+  ]);
+  const theme = react.useTheme();
   let effectBaseColor = theme.miscellaneous.surfaceColor;
-  let bgColor = 'transparent';
-
+  let bgColor = "transparent";
   if (surfaceColor) {
     effectBaseColor = surfaceColor;
     bgColor = effectBaseColor;
   }
-
-  const readyStyle = prepareStyle({
-    effect,
-    effectIntensity,
-    style,
-    effectStyle
-  }, effectBaseColor, bgColor);
-  return _react2.default.createElement(_reactNative.Pressable, _extends({}, rest, {
+  const readyStyle = prepareStyle(
+    { effect, effectIntensity, style, effectStyle },
+    effectBaseColor,
+    bgColor
+  );
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, __spreadProps(__spreadValues({}, rest), {
     style: readyStyle
   }), children);
 };
-
 const prepareStyle = (props, effectColor, bgColor) => {
   const {
-    effect = 'darken',
+    effect = "darken",
     effectIntensity = COLOR_VARIATION_FACTOR,
     style,
     effectStyle
   } = props;
-  const lighten = (0, _utils.lightenDarkenColor)(effectColor, effectIntensity);
-  const darken = (0, _utils.lightenDarkenColor)(effectColor, -effectIntensity);
-  const composedStyle = [{
-    backgroundColor: bgColor
-  }, style];
-
+  const lighten = lightenDarkenColor.lightenDarkenColor(effectColor, effectIntensity);
+  const darken = lightenDarkenColor.lightenDarkenColor(effectColor, -effectIntensity);
+  const composedStyle = [{ backgroundColor: bgColor }, style];
   if (effectStyle) {
-    return ({
-      pressed
-    }) => [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;
   }
 };
-
 const applyEffectStyle = (style, variation) => {
-  return ({
-    pressed
-  }) => [style, pressed && {
-    backgroundColor: variation
-  }];
+  return ({ pressed }) => [style, pressed && { backgroundColor: variation }];
 };
 
-var _default = PressableSurface;
-exports.default = _default;
-//# sourceMappingURL=PressableSurface.js.map
+module.exports = PressableSurface;
+//# sourceMappingURL=PressableSurface.js.map

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","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":["useTheme","React","Pressable","lightenDarkenColor"],"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,QAAQA,cAAS,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,uBAAAC,yBAAA,CAAA,aAAA,CAACC,wDAAc,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,GAAUC,qCAAmB,CAAA,WAAA,EAAa,eAAe,CAAA,CAAA;AAC/D,EAAA,MAAM,MAAS,GAAAA,qCAAA,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/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/ProgressBar/ProgressBar.js

@@ -1,68 +1,118 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.default = void 0;
+var react = require('@emotion/react');
+var React = require('react');
+var reactNative = require('react-native');
+var extractNumbersFromString = require('../../../utils/extractNumbersFromString.js');
+require('../Text/styled.js');
+require('../Input/styled.js');
+require('currency.js');
+require('../Input/InputElement/InputElement.js');
+require('../Input/InputMaskElement/InputMaskElement.js');
+require('../Input/PressableInputContainer/styled.js');
+var styled = require('./styled.js');
 
-var _react = require("@emotion/react");
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _utils = require("../../../utils");
-
-var _styled = require("./styled");
-
-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 _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
 
-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; }
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const ProgressBar = ({
-  segments: _segments = 1,
-  valueMin = 0,
-  valueNow: _valueNow,
-  valueMax = 100,
-  color = 'primary',
-  colorTone = 'medium',
-  animate,
-  animationParameters,
-  ...rest
-}) => {
-  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;
+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 = react.useTheme();
+  const animationValue = React__namespace.useRef(new reactNative.Animated.Value(0)).current;
+  const valueNow = typeof _valueNow === "string" ? extractNumbersFromString.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 => {
+  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) {
-      _reactNative.Animated.timing(animationValue, {
+      reactNative.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();
-
-      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 ? 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(_styled.Segment, {
+    return /* @__PURE__ */ React__namespace.createElement(styled.Segment, {
       key: index,
       style: {
         borderRightWidth: index == segments - 1 ? 0 : 2
       }
-    }, React.createElement(_styled.Progress, {
+    }, /* @__PURE__ */ React__namespace.createElement(styled.Progress, {
       style: {
         width: progressPercent,
         backgroundColor: theme.color[color][colorTone],
@@ -70,9 +120,8 @@ const ProgressBar = ({
       }
     }));
   });
-  return React.createElement(_styled.Container, rest, segmentsRender);
+  return /* @__PURE__ */ React__namespace.createElement(styled.Container, __spreadValues({}, rest), segmentsRender);
 };
 
-var _default = ProgressBar;
-exports.default = _default;
-//# sourceMappingURL=ProgressBar.js.map
+module.exports = ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

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","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"],"names":["useTheme","React","Animated","extractNumbersFromString","_a","Segment","Progress","Container"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Story } from '@storybook/react';
+import { ProgressBarProps } from './index';
+declare const _default: {
+    title: string;
+    component: React.FC<ProgressBarProps>;
+};
+export default _default;
+export declare const Base: Story<ProgressBarProps>;

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/styled.js

@@ -1,45 +1,42 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.Segment = exports.Progress = exports.Container = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireDefault(require("@emotion/native"));
+var styled = require('@emotion/native');
+var reactNative = require('react-native');
+require('react');
+require('../Text/styled.js');
+require('../Input/styled.js');
+require('currency.js');
+require('../Input/InputElement/InputElement.js');
+require('../Input/InputMaskElement/InputMaskElement.js');
+require('../Input/PressableInputContainer/styled.js');
+var ResponsiveFontSize = require('../../../utils/ResponsiveFontSize.js');
 
-var _reactNative = require("react-native");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _utils = require("../../../utils");
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Container = _native.default.View`
+const Container = styled__default["default"].View`
   display: flex;
-  height: ${({
-  theme
-}) => theme.spacing.mili};
-  border-radius: ${({
-  theme
-}) => theme.spacing.mili};
+  height: ${({ theme }) => theme.spacing.mili};
+  border-radius: ${({ theme }) => theme.spacing.mili};
   width: 100%;
   flex-direction: row;
   overflow: hidden;
 `;
-exports.Container = Container;
-const Segment = _native.default.View`
+const Segment = styled__default["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};
+  background-color: ${({ theme }) => theme.color.secondary.light};
+  border-right-width: ${ResponsiveFontSize.RFValueStr("2px")};
+  border-color: ${({ theme }) => theme.color.secondary.xlight};
 `;
-exports.Segment = Segment;
-const Progress = (0, _native.default)(_reactNative.Animated.View)`
+const Progress = styled__default["default"](reactNative.Animated.View)`
   height: 100%;
-  border-color: ${({
-  theme
-}) => theme.color.secondary.xlight};
+  border-color: ${({ theme }) => theme.color.secondary.xlight};
 `;
+
+exports.Container = Container;
 exports.Progress = Progress;
-//# sourceMappingURL=styled.js.map
+exports.Segment = Segment;
+//# 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","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"],"names":["styled","RFValueStr","Animated"],"mappings":";;;;;;;;;;;;;;;;;;;AAKO,MAAM,YAAYA,0BAAO,CAAA,IAAA,CAAA;AAAA;AAAA,UAAA,EAEpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,iBAAA,EACtB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMzC,MAAM,UAAUA,0BAAO,CAAA,IAAA,CAAA;AAAA;AAAA,oBAAA,EAER,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,KAAA,CAAA;AAAA,sBAAA,EACnCC,8BAAW,KAAK,CAAA,CAAA;AAAA,gBAAA,EACtB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA,EAAA;AAG1C,MAAA,QAAA,GAAWD,0BAAO,CAAAE,oBAAA,CAAS,IAAI,CAAA,CAAA;AAAA;AAAA,gBAAA,EAE1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA;;;;;;"}