@tecsinapse/react-core 1.21.1-beta.4 → 1.21.1-beta.5

package/dist/components/atoms/Icon/helpers.cjs

@@ -1,127 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var styled = require('@emotion/native');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-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);
-}
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const customIcons = {};
-const getStyledIcon = (Component, size) => styled__default["default"](Component)`
-  font-size: ${({ theme }) => theme.iconSize[size]};
-  text-align: center;
-`;
-const getIconComponent = (type, size) => {
-  switch (type) {
-    case "zocial":
-      const Zocial = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Zocial')); })
-      );
-      return getStyledIcon(Zocial, size);
-    case "octicon":
-      const Octicons = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Octicons')); })
-      );
-      return getStyledIcon(Octicons, size);
-    case "material":
-      const Material = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialIcons')); })
-      );
-      return getStyledIcon(Material, size);
-    case "material-community":
-      const MaterialCommunity = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialCommunityIcons')); })
-      );
-      return getStyledIcon(MaterialCommunity, size);
-    case "ionicon":
-      const Ionicons = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Ionicons')); })
-      );
-      return getStyledIcon(Ionicons, size);
-    case "foundation":
-      const Foundation = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Foundation')); })
-      );
-      return getStyledIcon(Foundation, size);
-    case "evilicon":
-      const EvilIcons = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/EvilIcons')); })
-      );
-      return getStyledIcon(EvilIcons, size);
-    case "entypo":
-      const Entypo = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Entypo')); })
-      );
-      return getStyledIcon(Entypo, size);
-    case "font-awesome":
-      const FontAwesome = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/FontAwesome')); })
-      );
-      return getStyledIcon(FontAwesome, size);
-    case "font-awesome-5":
-      const FontAwesome5 = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/FontAwesome5')); })
-      );
-      return getStyledIcon(FontAwesome5, size);
-    case "simple-line-icon":
-      const SimpleLineIcons = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/SimpleLineIcons')); })
-      );
-      return getStyledIcon(SimpleLineIcons, size);
-    case "feather":
-      const Feather = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Feather')); })
-      );
-      return getStyledIcon(Feather, size);
-    case "antdesign":
-    case "ant-design":
-      const AntDesign = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/AntDesign')); })
-      );
-      return getStyledIcon(AntDesign, size);
-    case "fontisto":
-      const Fontisto = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Fontisto')); })
-      );
-      return getStyledIcon(Fontisto, size);
-    default:
-      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {
-        return getStyledIcon(customIcons[type], size);
-      }
-      const MaterialIcons = React.lazy(
-        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialIcons')); })
-      );
-      return getStyledIcon(MaterialIcons, size);
-  }
-};
-const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
-  if (colorVariant && colorGradation) {
-    return theme.color[colorVariant][colorGradation];
-  }
-  return theme.font.color[fontColor];
-};
-
-exports.getIconColor = getIconColor;
-exports.getIconComponent = getIconComponent;
-//# sourceMappingURL=helpers.cjs.map

package/dist/components/atoms/Icon/helpers.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.cjs","sources":["../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import { lazy } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component, size) => styled(Component)`\n  font-size: ${({ theme }) => theme.iconSize[size]};\n  text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n  switch (type) {\n    case 'zocial':\n      const Zocial = lazy(\n        async () => await import('react-native-vector-icons/dist/Zocial')\n      );\n      return getStyledIcon(Zocial, size);\n    case 'octicon':\n      const Octicons = lazy(\n        async () => await import('react-native-vector-icons/dist/Octicons')\n      );\n      return getStyledIcon(Octicons, size);\n    case 'material':\n      const Material = lazy(\n        async () => await import('react-native-vector-icons/dist/MaterialIcons')\n      );\n      return getStyledIcon(Material, size);\n    case 'material-community':\n      const MaterialCommunity = lazy(\n        async () =>\n          await import('react-native-vector-icons/dist/MaterialCommunityIcons')\n      );\n      return getStyledIcon(MaterialCommunity, size);\n    case 'ionicon':\n      const Ionicons = lazy(\n        async () => await import('react-native-vector-icons/dist/Ionicons')\n      );\n      return getStyledIcon(Ionicons, size);\n    case 'foundation':\n      const Foundation = lazy(\n        async () => await import('react-native-vector-icons/dist/Foundation')\n      );\n      return getStyledIcon(Foundation, size);\n    case 'evilicon':\n      const EvilIcons = lazy(\n        async () => await import('react-native-vector-icons/dist/EvilIcons')\n      );\n      return getStyledIcon(EvilIcons, size);\n    case 'entypo':\n      const Entypo = lazy(\n        async () => await import('react-native-vector-icons/dist/Entypo')\n      );\n      return getStyledIcon(Entypo, size);\n    case 'font-awesome':\n      const FontAwesome = lazy(\n        async () => await import('react-native-vector-icons/dist/FontAwesome')\n      );\n      return getStyledIcon(FontAwesome, size);\n    case 'font-awesome-5':\n      const FontAwesome5 = lazy(\n        async () => await import('react-native-vector-icons/dist/FontAwesome5')\n      );\n      return getStyledIcon(FontAwesome5, size);\n    case 'simple-line-icon':\n      const SimpleLineIcons = lazy(\n        async () =>\n          await import('react-native-vector-icons/dist/SimpleLineIcons')\n      );\n      return getStyledIcon(SimpleLineIcons, size);\n    case 'feather':\n      const Feather = lazy(\n        async () => await import('react-native-vector-icons/dist/Feather')\n      );\n      return getStyledIcon(Feather, size);\n    case 'antdesign':\n    case 'ant-design':\n      const AntDesign = lazy(\n        async () => await import('react-native-vector-icons/dist/AntDesign')\n      );\n      return getStyledIcon(AntDesign, size);\n    case 'fontisto':\n      const Fontisto = lazy(\n        async () => await import('react-native-vector-icons/dist/Fontisto')\n      );\n      return getStyledIcon(Fontisto, size);\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return getStyledIcon(customIcons[type], size);\n      }\n      const MaterialIcons = lazy(\n        async () => await import('react-native-vector-icons/dist/MaterialIcons')\n      );\n      return getStyledIcon(MaterialIcons, size);\n  }\n};\n/* eslint-enable */\nexport const getIconColor = (\n  colorVariant: ColorType | undefined,\n  colorGradation: ColorGradationType | undefined,\n  fontColor: FontColorType,\n  theme: ThemeProp\n): string => {\n  if (colorVariant && colorGradation) {\n    return theme.color[colorVariant][colorGradation];\n  }\n  return theme.font.color[fontColor];\n};\n"],"names":["styled","lazy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,cAAmB,EAAC,CAAA;AAM1B,MAAM,aAAgB,GAAA,CAAC,SAAW,EAAA,IAAA,KAASA,2BAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EAC5C,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA;AAAA,CAAA,CAAA;AAIhC,MAAA,gBAAA,GAAmB,CAAC,IAAA,EAAgB,IAA4B,KAAA;AAC3E,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,QAAA;AACH,MAAA,MAAM,MAAS,GAAAC,UAAA;AAAA,QACb,YAAY,MAAM,mFAAO,uCAAA,MAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA,IACnC,KAAK,SAAA;AACH,MAAA,MAAM,QAAW,GAAAA,UAAA;AAAA,QACf,YAAY,MAAM,mFAAO,yCAAA,MAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,UAAU,IAAI,CAAA,CAAA;AAAA,IACrC,KAAK,UAAA;AACH,MAAA,MAAM,QAAW,GAAAA,UAAA;AAAA,QACf,YAAY,MAAM,mFAAO,8CAAA,MAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,UAAU,IAAI,CAAA,CAAA;AAAA,IACrC,KAAK,oBAAA;AACH,MAAA,MAAM,iBAAoB,GAAAA,UAAA;AAAA,QACxB,YACE,MAAM,mFAAO,uDAAA,MAAA;AAAA,OACjB,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,mBAAmB,IAAI,CAAA,CAAA;AAAA,IAC9C,KAAK,SAAA;AACH,MAAA,MAAM,QAAW,GAAAA,UAAA;AAAA,QACf,YAAY,MAAM,mFAAO,yCAAA,MAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,UAAU,IAAI,CAAA,CAAA;AAAA,IACrC,KAAK,YAAA;AACH,MAAA,MAAM,UAAa,GAAAA,UAAA;AAAA,QACjB,YAAY,MAAM,mFAAO,2CAAA,MAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,YAAY,IAAI,CAAA,CAAA;AAAA,IACvC,KAAK,UAAA;AACH,MAAA,MAAM,SAAY,GAAAA,UAAA;AAAA,QAChB,YAAY,MAAM,mFAAO,0CAAA,MAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,WAAW,IAAI,CAAA,CAAA;AAAA,IACtC,KAAK,QAAA;AACH,MAAA,MAAM,MAAS,GAAAA,UAAA;AAAA,QACb,YAAY,MAAM,mFAAO,uCAAA,MAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA,IACnC,KAAK,cAAA;AACH,MAAA,MAAM,WAAc,GAAAA,UAAA;AAAA,QAClB,YAAY,MAAM,mFAAO,4CAAA,MAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,aAAa,IAAI,CAAA,CAAA;AAAA,IACxC,KAAK,gBAAA;AACH,MAAA,MAAM,YAAe,GAAAA,UAAA;AAAA,QACnB,YAAY,MAAM,mFAAO,6CAAA,MAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,cAAc,IAAI,CAAA,CAAA;AAAA,IACzC,KAAK,kBAAA;AACH,MAAA,MAAM,eAAkB,GAAAA,UAAA;AAAA,QACtB,YACE,MAAM,mFAAO,gDAAA,MAAA;AAAA,OACjB,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,iBAAiB,IAAI,CAAA,CAAA;AAAA,IAC5C,KAAK,SAAA;AACH,MAAA,MAAM,OAAU,GAAAA,UAAA;AAAA,QACd,YAAY,MAAM,mFAAO,wCAAA,MAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,SAAS,IAAI,CAAA,CAAA;AAAA,IACpC,KAAK,WAAA,CAAA;AAAA,IACL,KAAK,YAAA;AACH,MAAA,MAAM,SAAY,GAAAA,UAAA;AAAA,QAChB,YAAY,MAAM,mFAAO,0CAAA,MAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,WAAW,IAAI,CAAA,CAAA;AAAA,IACtC,KAAK,UAAA;AACH,MAAA,MAAM,QAAW,GAAAA,UAAA;AAAA,QACf,YAAY,MAAM,mFAAO,yCAAA,MAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,UAAU,IAAI,CAAA,CAAA;AAAA,IACrC;AACE,MAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,WAAA,EAAa,IAAI,CAAG,EAAA;AAC3D,QAAO,OAAA,aAAA,CAAc,WAAY,CAAA,IAAA,CAAA,EAAO,IAAI,CAAA,CAAA;AAAA,OAC9C;AACA,MAAA,MAAM,aAAgB,GAAAA,UAAA;AAAA,QACpB,YAAY,MAAM,mFAAO,8CAAA,MAAA;AAAA,OAC3B,CAAA;AACA,MAAO,OAAA,aAAA,CAAc,eAAe,IAAI,CAAA,CAAA;AAAA,GAC5C;AACF,EAAA;AAEO,MAAM,YAAe,GAAA,CAC1B,YACA,EAAA,cAAA,EACA,WACA,KACW,KAAA;AACX,EAAA,IAAI,gBAAgB,cAAgB,EAAA;AAClC,IAAO,OAAA,KAAA,CAAM,MAAM,YAAc,CAAA,CAAA,cAAA,CAAA,CAAA;AAAA,GACnC;AACA,EAAO,OAAA,KAAA,CAAM,KAAK,KAAM,CAAA,SAAA,CAAA,CAAA;AAC1B;;;;;"}

package/dist/components/atoms/Icon/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sources":["../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import { lazy } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component, size) => styled(Component)`\n  font-size: ${({ theme }) => theme.iconSize[size]};\n  text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n  switch (type) {\n    case 'zocial':\n      const Zocial = lazy(\n        async () => await import('react-native-vector-icons/dist/Zocial')\n      );\n      return getStyledIcon(Zocial, size);\n    case 'octicon':\n      const Octicons = lazy(\n        async () => await import('react-native-vector-icons/dist/Octicons')\n      );\n      return getStyledIcon(Octicons, size);\n    case 'material':\n      const Material = lazy(\n        async () => await import('react-native-vector-icons/dist/MaterialIcons')\n      );\n      return getStyledIcon(Material, size);\n    case 'material-community':\n      const MaterialCommunity = lazy(\n        async () =>\n          await import('react-native-vector-icons/dist/MaterialCommunityIcons')\n      );\n      return getStyledIcon(MaterialCommunity, size);\n    case 'ionicon':\n      const Ionicons = lazy(\n        async () => await import('react-native-vector-icons/dist/Ionicons')\n      );\n      return getStyledIcon(Ionicons, size);\n    case 'foundation':\n      const Foundation = lazy(\n        async () => await import('react-native-vector-icons/dist/Foundation')\n      );\n      return getStyledIcon(Foundation, size);\n    case 'evilicon':\n      const EvilIcons = lazy(\n        async () => await import('react-native-vector-icons/dist/EvilIcons')\n      );\n      return getStyledIcon(EvilIcons, size);\n    case 'entypo':\n      const Entypo = lazy(\n        async () => await import('react-native-vector-icons/dist/Entypo')\n      );\n      return getStyledIcon(Entypo, size);\n    case 'font-awesome':\n      const FontAwesome = lazy(\n        async () => await import('react-native-vector-icons/dist/FontAwesome')\n      );\n      return getStyledIcon(FontAwesome, size);\n    case 'font-awesome-5':\n      const FontAwesome5 = lazy(\n        async () => await import('react-native-vector-icons/dist/FontAwesome5')\n      );\n      return getStyledIcon(FontAwesome5, size);\n    case 'simple-line-icon':\n      const SimpleLineIcons = lazy(\n        async () =>\n          await import('react-native-vector-icons/dist/SimpleLineIcons')\n      );\n      return getStyledIcon(SimpleLineIcons, size);\n    case 'feather':\n      const Feather = lazy(\n        async () => await import('react-native-vector-icons/dist/Feather')\n      );\n      return getStyledIcon(Feather, size);\n    case 'antdesign':\n    case 'ant-design':\n      const AntDesign = lazy(\n        async () => await import('react-native-vector-icons/dist/AntDesign')\n      );\n      return getStyledIcon(AntDesign, size);\n    case 'fontisto':\n      const Fontisto = lazy(\n        async () => await import('react-native-vector-icons/dist/Fontisto')\n      );\n      return getStyledIcon(Fontisto, size);\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return getStyledIcon(customIcons[type], size);\n      }\n      const MaterialIcons = lazy(\n        async () => await import('react-native-vector-icons/dist/MaterialIcons')\n      );\n      return getStyledIcon(MaterialIcons, size);\n  }\n};\n/* eslint-enable */\nexport const getIconColor = (\n  colorVariant: ColorType | undefined,\n  colorGradation: ColorGradationType | undefined,\n  fontColor: FontColorType,\n  theme: ThemeProp\n): string => {\n  if (colorVariant && colorGradation) {\n    return theme.color[colorVariant][colorGradation];\n  }\n  return theme.font.color[fontColor];\n};\n"],"names":[],"mappings":"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"}

package/dist/components/atoms/Input/Hint.cjs

@@ -1,39 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Text = require('../Text/Text.cjs');
-var styled = require('./styled.cjs');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const Hint = ({ variant, text, TextComponent = Text }) => {
-  let color;
-  let icon;
-  switch (variant) {
-    case "default":
-      color = "secondary";
-      break;
-    case "error":
-      color = "error";
-      icon = "close-circle-outline";
-      break;
-    case "success":
-      color = "success";
-      icon = "checkmark-circle-outline";
-      break;
-  }
-  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledHintContainer, null, icon && /* @__PURE__ */ React__default["default"].createElement(styled.StyledHintIcon, {
-    name: icon,
-    type: "ionicon",
-    size: "centi",
-    colorVariant: color
-  }), /* @__PURE__ */ React__default["default"].createElement(TextComponent, {
-    typography: "label",
-    colorVariant: color
-  }, text));
-};
-
-module.exports = Hint;
-//# sourceMappingURL=Hint.cjs.map

package/dist/components/atoms/Input/Hint.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Hint.cjs","sources":["../../../../src/components/atoms/Input/Hint.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ColorType } from '../../../types/defaults';\nimport { InputVariantType } from '../Input';\nimport { Text, TextProps } from '../Text';\nimport { StyledHintContainer, StyledHintIcon } from './styled';\n\ninterface HintProps {\n  text?: string;\n  variant: InputVariantType;\n  TextComponent?: FC<TextProps>;\n}\n\nconst Hint: FC<HintProps> = ({ variant, text, TextComponent = Text }) => {\n  let color: ColorType;\n  let icon;\n\n  switch (variant) {\n    case 'default':\n      color = 'secondary';\n      break;\n    case 'error':\n      color = 'error';\n      icon = 'close-circle-outline';\n      break;\n    case 'success':\n      color = 'success';\n      icon = 'checkmark-circle-outline';\n      break;\n  }\n\n  return (\n    <StyledHintContainer>\n      {icon && (\n        <StyledHintIcon\n          name={icon}\n          type=\"ionicon\"\n          size=\"centi\"\n          colorVariant={color}\n        />\n      )}\n      <TextComponent typography=\"label\" colorVariant={color}>\n        {text}\n      </TextComponent>\n    </StyledHintContainer>\n  );\n};\n\nexport default Hint;\n"],"names":["React","StyledHintContainer","StyledHintIcon"],"mappings":";;;;;;;;;;AAYA,MAAM,OAAsB,CAAC,EAAE,SAAS,IAAM,EAAA,aAAA,GAAgB,MAAW,KAAA;AACvE,EAAI,IAAA,KAAA,CAAA;AACJ,EAAI,IAAA,IAAA,CAAA;AAEJ,EAAA,QAAQ,OAAS;AAAA,IACf,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,WAAA,CAAA;AACR,MAAA,MAAA;AAAA,IACF,KAAK,OAAA;AACH,MAAQ,KAAA,GAAA,OAAA,CAAA;AACR,MAAO,IAAA,GAAA,sBAAA,CAAA;AACP,MAAA,MAAA;AAAA,IACF,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,SAAA,CAAA;AACR,MAAO,IAAA,GAAA,0BAAA,CAAA;AACP,MAAA,MAAA;AAAA,GACJ;AAEA,EACE,uBAAAA,yBAAA,CAAA,aAAA,CAACC,0BACE,EAAA,IAAA,EAAA,IAAA,oBACED,yBAAA,CAAA,aAAA,CAAAE,qBAAA,EAAA;AAAA,IACC,IAAM,EAAA,IAAA;AAAA,IACN,IAAK,EAAA,SAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,IACL,YAAc,EAAA,KAAA;AAAA,GAChB,mBAEDF,yBAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IAAc,UAAW,EAAA,OAAA;AAAA,IAAQ,YAAc,EAAA,KAAA;AAAA,GAAA,EAC7C,IACH,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Hint.js","sources":["../../../../src/components/atoms/Input/Hint.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ColorType } from '../../../types/defaults';\nimport { InputVariantType } from '../Input';\nimport { Text, TextProps } from '../Text';\nimport { StyledHintContainer, StyledHintIcon } from './styled';\n\ninterface HintProps {\n  text?: string;\n  variant: InputVariantType;\n  TextComponent?: FC<TextProps>;\n}\n\nconst Hint: FC<HintProps> = ({ variant, text, TextComponent = Text }) => {\n  let color: ColorType;\n  let icon;\n\n  switch (variant) {\n    case 'default':\n      color = 'secondary';\n      break;\n    case 'error':\n      color = 'error';\n      icon = 'close-circle-outline';\n      break;\n    case 'success':\n      color = 'success';\n      icon = 'checkmark-circle-outline';\n      break;\n  }\n\n  return (\n    <StyledHintContainer>\n      {icon && (\n        <StyledHintIcon\n          name={icon}\n          type=\"ionicon\"\n          size=\"centi\"\n          colorVariant={color}\n        />\n      )}\n      <TextComponent typography=\"label\" colorVariant={color}>\n        {text}\n      </TextComponent>\n    </StyledHintContainer>\n  );\n};\n\nexport default Hint;\n"],"names":["React"],"mappings":";;;;AAYA,MAAM,OAAsB,CAAC,EAAE,SAAS,IAAM,EAAA,aAAA,GAAgB,MAAW,KAAA;AACvE,EAAI,IAAA,KAAA,CAAA;AACJ,EAAI,IAAA,IAAA,CAAA;AAEJ,EAAA,QAAQ,OAAS;AAAA,IACf,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,WAAA,CAAA;AACR,MAAA,MAAA;AAAA,IACF,KAAK,OAAA;AACH,MAAQ,KAAA,GAAA,OAAA,CAAA;AACR,MAAO,IAAA,GAAA,sBAAA,CAAA;AACP,MAAA,MAAA;AAAA,IACF,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,SAAA,CAAA;AACR,MAAO,IAAA,GAAA,0BAAA,CAAA;AACP,MAAA,MAAA;AAAA,GACJ;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,mBACE,EAAA,IAAA,EAAA,IAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,IAAM,EAAA,IAAA;AAAA,IACN,IAAK,EAAA,SAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,IACL,YAAc,EAAA,KAAA;AAAA,GAChB,mBAEDA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IAAc,UAAW,EAAA,OAAA;AAAA,IAAQ,YAAc,EAAA,KAAA;AAAA,GAAA,EAC7C,IACH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Input/InputContainer/InputContainer.cjs

@@ -1,105 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Text = require('../../Text/Text.cjs');
-var styled = require('../styled.cjs');
-
-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 InputContainer = (_a) => {
-  var _b = _a, {
-    label,
-    labelColor = "medium",
-    labelColorTone,
-    labelColorVariant,
-    labelTypography = "label",
-    labelStack = "default",
-    labelWeight = "bold",
-    LabelComponent = Text,
-    leftComponent,
-    rightComponent,
-    inputContainerStyle,
-    disabled,
-    focused,
-    variant,
-    children
-  } = _b, rest = __objRest(_b, [
-    "label",
-    "labelColor",
-    "labelColorTone",
-    "labelColorVariant",
-    "labelTypography",
-    "labelStack",
-    "labelWeight",
-    "LabelComponent",
-    "leftComponent",
-    "rightComponent",
-    "inputContainerStyle",
-    "disabled",
-    "focused",
-    "variant",
-    "children"
-  ]);
-  let _defaultLabelColor = labelColorVariant;
-  if (variant === "error")
-    _defaultLabelColor = "error";
-  if (variant === "success")
-    _defaultLabelColor = "success";
-  const _labelColorVariant = disabled ? "secondary" : _defaultLabelColor;
-  const _labelColorTone = disabled ? "light" : labelColorTone;
-  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledInputContainer, __spreadProps(__spreadValues({}, rest), {
-    style: inputContainerStyle,
-    focused,
-    disabled
-  }), /* @__PURE__ */ React__default["default"].createElement(styled.StyledBorderKeeper, {
-    focused,
-    disabled,
-    borderColor: _defaultLabelColor
-  }), leftComponent && /* @__PURE__ */ React__default["default"].createElement(styled.StyledIconContent, null, leftComponent), /* @__PURE__ */ React__default["default"].createElement(styled.StyledLabelContainer, {
-    leftComponent,
-    rightComponent
-  }, label && /* @__PURE__ */ React__default["default"].createElement(LabelComponent, {
-    fontColor: labelColor,
-    colorTone: _labelColorTone,
-    colorVariant: _labelColorVariant,
-    typography: labelTypography,
-    fontWeight: labelWeight,
-    fontStack: labelStack
-  }, label), children), rightComponent && /* @__PURE__ */ React__default["default"].createElement(styled.StyledIconContent, null, rightComponent));
-};
-
-module.exports = InputContainer;
-//# sourceMappingURL=InputContainer.cjs.map

package/dist/components/atoms/Input/InputContainer/InputContainer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputContainer.cjs","sources":["../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { InputElementProps } from '..';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { Text, TextProps } from '../../Text';\nimport {\n  StyledBorderKeeper,\n  StyledIconContent,\n  StyledInputContainer,\n  StyledLabelContainer,\n} from '../styled';\n\nexport type InputVariantType = 'default' | 'error' | 'success';\n\nexport interface InputContainerProps {\n  label?: string;\n  labelColor?: FontColorType;\n  labelColorVariant?: ColorType;\n  labelColorTone?: ColorGradationType;\n  labelTypography?: TypographyVariationType;\n  labelStack?: FontStackType;\n  LabelComponent?: FC<TextProps>;\n  labelWeight?: FontWeightType;\n  leftComponent?: JSX.Element;\n  rightComponent?: JSX.Element;\n  borderColor?: ColorType;\n  borderColorGradation?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  inputContainerStyle?: StyleProp<ViewStyle>;\n  focused?: boolean;\n  disabled?: boolean;\n  variant?: InputVariantType;\n  hint?: string;\n  hintComponent?: JSX.Element;\n}\n\nconst InputContainer: FC<InputContainerProps & Partial<InputElementProps>> = ({\n  label,\n  labelColor = 'medium',\n  labelColorTone,\n  labelColorVariant,\n  labelTypography = 'label',\n  labelStack = 'default',\n  labelWeight = 'bold',\n  LabelComponent = Text,\n  leftComponent,\n  rightComponent,\n  inputContainerStyle,\n  disabled,\n  focused,\n  variant,\n  children,\n  ...rest\n}): JSX.Element => {\n  let _defaultLabelColor = labelColorVariant;\n  if (variant === 'error') _defaultLabelColor = 'error';\n  if (variant === 'success') _defaultLabelColor = 'success';\n  const _labelColorVariant = disabled ? 'secondary' : _defaultLabelColor;\n  const _labelColorTone = disabled ? 'light' : labelColorTone;\n\n  return (\n    <StyledInputContainer\n      {...rest}\n      style={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n    >\n      <StyledBorderKeeper\n        focused={focused}\n        disabled={disabled}\n        borderColor={_defaultLabelColor}\n      />\n\n      {leftComponent && <StyledIconContent>{leftComponent}</StyledIconContent>}\n\n      <StyledLabelContainer\n        leftComponent={leftComponent}\n        rightComponent={rightComponent}\n      >\n        {label && (\n          <LabelComponent\n            fontColor={labelColor}\n            colorTone={_labelColorTone}\n            colorVariant={_labelColorVariant}\n            typography={labelTypography}\n            fontWeight={labelWeight}\n            fontStack={labelStack}\n          >\n            {label}\n          </LabelComponent>\n        )}\n        {children}\n      </StyledLabelContainer>\n\n      {rightComponent && (\n        <StyledIconContent>{rightComponent}</StyledIconContent>\n      )}\n    </StyledInputContainer>\n  );\n};\n\nexport default InputContainer;\n"],"names":["React","StyledInputContainer","StyledBorderKeeper","StyledIconContent","StyledLabelContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CM,MAAA,cAAA,GAAuE,CAAC,EAiB3D,KAAA;AAjB2D,EAC5E,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,UAAa,GAAA,QAAA;AAAA,IACb,cAAA;AAAA,IACA,iBAAA;AAAA,IACA,eAAkB,GAAA,OAAA;AAAA,IAClB,UAAa,GAAA,SAAA;AAAA,IACb,WAAc,GAAA,MAAA;AAAA,IACd,cAAiB,GAAA,IAAA;AAAA,IACjB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,mBAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,GA1DF,GA2C8E,EAgBzE,EAAA,IAAA,GAAA,SAAA,CAhByE,EAgBzE,EAAA;AAAA,IAfH,OAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,qBAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,kBAAqB,GAAA,iBAAA,CAAA;AACzB,EAAA,IAAI,OAAY,KAAA,OAAA;AAAS,IAAqB,kBAAA,GAAA,OAAA,CAAA;AAC9C,EAAA,IAAI,OAAY,KAAA,SAAA;AAAW,IAAqB,kBAAA,GAAA,SAAA,CAAA;AAChD,EAAM,MAAA,kBAAA,GAAqB,WAAW,WAAc,GAAA,kBAAA,CAAA;AACpD,EAAM,MAAA,eAAA,GAAkB,WAAW,OAAU,GAAA,cAAA,CAAA;AAE7C,EACE,uBAAAA,yBAAA,CAAA,aAAA,CAACC,8DACK,IADL,CAAA,EAAA;AAAA,IAEC,KAAO,EAAA,mBAAA;AAAA,IACP,OAAA;AAAA,IACA,QAAA;AAAA,GAAA,CAAA,kBAECD,yBAAA,CAAA,aAAA,CAAAE,yBAAA,EAAA;AAAA,IACC,OAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAa,EAAA,kBAAA;AAAA,GACf,GAEC,aAAiB,oBAAAF,yBAAA,CAAA,aAAA,CAACG,wBAAmB,EAAA,IAAA,EAAA,aAAc,mBAEnDH,yBAAA,CAAA,aAAA,CAAAI,2BAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,cAAA;AAAA,GAAA,EAEC,yBACEJ,yBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,SAAW,EAAA,UAAA;AAAA,IACX,SAAW,EAAA,eAAA;AAAA,IACX,YAAc,EAAA,kBAAA;AAAA,IACd,UAAY,EAAA,eAAA;AAAA,IACZ,UAAY,EAAA,WAAA;AAAA,IACZ,SAAW,EAAA,UAAA;AAAA,GAEV,EAAA,KACH,GAED,QACH,CAAA,EAEC,kCACEA,yBAAA,CAAA,aAAA,CAAAG,wBAAA,EAAA,IAAA,EAAmB,cAAe,CAEvC,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"InputContainer.js","sources":["../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { InputElementProps } from '..';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { Text, TextProps } from '../../Text';\nimport {\n  StyledBorderKeeper,\n  StyledIconContent,\n  StyledInputContainer,\n  StyledLabelContainer,\n} from '../styled';\n\nexport type InputVariantType = 'default' | 'error' | 'success';\n\nexport interface InputContainerProps {\n  label?: string;\n  labelColor?: FontColorType;\n  labelColorVariant?: ColorType;\n  labelColorTone?: ColorGradationType;\n  labelTypography?: TypographyVariationType;\n  labelStack?: FontStackType;\n  LabelComponent?: FC<TextProps>;\n  labelWeight?: FontWeightType;\n  leftComponent?: JSX.Element;\n  rightComponent?: JSX.Element;\n  borderColor?: ColorType;\n  borderColorGradation?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  inputContainerStyle?: StyleProp<ViewStyle>;\n  focused?: boolean;\n  disabled?: boolean;\n  variant?: InputVariantType;\n  hint?: string;\n  hintComponent?: JSX.Element;\n}\n\nconst InputContainer: FC<InputContainerProps & Partial<InputElementProps>> = ({\n  label,\n  labelColor = 'medium',\n  labelColorTone,\n  labelColorVariant,\n  labelTypography = 'label',\n  labelStack = 'default',\n  labelWeight = 'bold',\n  LabelComponent = Text,\n  leftComponent,\n  rightComponent,\n  inputContainerStyle,\n  disabled,\n  focused,\n  variant,\n  children,\n  ...rest\n}): JSX.Element => {\n  let _defaultLabelColor = labelColorVariant;\n  if (variant === 'error') _defaultLabelColor = 'error';\n  if (variant === 'success') _defaultLabelColor = 'success';\n  const _labelColorVariant = disabled ? 'secondary' : _defaultLabelColor;\n  const _labelColorTone = disabled ? 'light' : labelColorTone;\n\n  return (\n    <StyledInputContainer\n      {...rest}\n      style={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n    >\n      <StyledBorderKeeper\n        focused={focused}\n        disabled={disabled}\n        borderColor={_defaultLabelColor}\n      />\n\n      {leftComponent && <StyledIconContent>{leftComponent}</StyledIconContent>}\n\n      <StyledLabelContainer\n        leftComponent={leftComponent}\n        rightComponent={rightComponent}\n      >\n        {label && (\n          <LabelComponent\n            fontColor={labelColor}\n            colorTone={_labelColorTone}\n            colorVariant={_labelColorVariant}\n            typography={labelTypography}\n            fontWeight={labelWeight}\n            fontStack={labelStack}\n          >\n            {label}\n          </LabelComponent>\n        )}\n        {children}\n      </StyledLabelContainer>\n\n      {rightComponent && (\n        <StyledIconContent>{rightComponent}</StyledIconContent>\n      )}\n    </StyledInputContainer>\n  );\n};\n\nexport default InputContainer;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CM,MAAA,cAAA,GAAuE,CAAC,EAiB3D,KAAA;AAjB2D,EAC5E,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,UAAa,GAAA,QAAA;AAAA,IACb,cAAA;AAAA,IACA,iBAAA;AAAA,IACA,eAAkB,GAAA,OAAA;AAAA,IAClB,UAAa,GAAA,SAAA;AAAA,IACb,WAAc,GAAA,MAAA;AAAA,IACd,cAAiB,GAAA,IAAA;AAAA,IACjB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,mBAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,GA1DF,GA2C8E,EAgBzE,EAAA,IAAA,GAAA,SAAA,CAhByE,EAgBzE,EAAA;AAAA,IAfH,OAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,qBAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,kBAAqB,GAAA,iBAAA,CAAA;AACzB,EAAA,IAAI,OAAY,KAAA,OAAA;AAAS,IAAqB,kBAAA,GAAA,OAAA,CAAA;AAC9C,EAAA,IAAI,OAAY,KAAA,SAAA;AAAW,IAAqB,kBAAA,GAAA,SAAA,CAAA;AAChD,EAAM,MAAA,kBAAA,GAAqB,WAAW,WAAc,GAAA,kBAAA,CAAA;AACpD,EAAM,MAAA,eAAA,GAAkB,WAAW,OAAU,GAAA,cAAA,CAAA;AAE7C,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,uDACK,IADL,CAAA,EAAA;AAAA,IAEC,KAAO,EAAA,mBAAA;AAAA,IACP,OAAA;AAAA,IACA,QAAA;AAAA,GAAA,CAAA,kBAECA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAA,IACC,OAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAa,EAAA,kBAAA;AAAA,GACf,GAEC,aAAiB,oBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAmB,EAAA,IAAA,EAAA,aAAc,mBAEnDA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,cAAA;AAAA,GAAA,EAEC,yBACEA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,SAAW,EAAA,UAAA;AAAA,IACX,SAAW,EAAA,eAAA;AAAA,IACX,YAAc,EAAA,kBAAA;AAAA,IACd,UAAY,EAAA,eAAA;AAAA,IACZ,UAAY,EAAA,WAAA;AAAA,IACZ,SAAW,EAAA,UAAA;AAAA,GAEV,EAAA,KACH,GAED,QACH,CAAA,EAEC,kCACEA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAA,EAAmB,cAAe,CAEvC,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Input/InputElement/InputElement.cjs

@@ -1,73 +0,0 @@
-'use strict';
-
-var react = require('@emotion/react');
-var React = require('react');
-var styled = require('../styled.cjs');
-
-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 InputElement = React__default["default"].forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      onChange,
-      placeholder,
-      value,
-      disabled = false,
-      placeholderTextColor
-    } = _b, rest = __objRest(_b, [
-      "onChange",
-      "placeholder",
-      "value",
-      "disabled",
-      "placeholderTextColor"
-    ]);
-    const theme = react.useTheme();
-    const _placeholderColor = placeholderTextColor || theme.font.color.dark;
-    return /* @__PURE__ */ React__default["default"].createElement(styled.StyledInputElement, __spreadProps(__spreadValues({}, rest), {
-      ref,
-      onChangeText: onChange,
-      value,
-      placeholder,
-      placeholderTextColor: _placeholderColor,
-      disabled,
-      editable: !disabled
-    }));
-  }
-);
-InputElement.displayName = "InputElement";
-
-module.exports = InputElement;
-//# sourceMappingURL=InputElement.cjs.map

package/dist/components/atoms/Input/InputElement/InputElement.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputElement.cjs","sources":["../../../../../src/components/atoms/Input/InputElement/InputElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\n\nexport interface InputElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputElement = React.forwardRef<TextInput, InputElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChange}\n        value={value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputElement.displayName = 'InputElement';\n\nexport default InputElement;\n"],"names":["React","useTheme","StyledInputElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,eAAeA,yBAAM,CAAA,UAAA;AAAA,EACzB,CACE,IAQA,GACgB,KAAA;AAThB,IACE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,MAAA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAW,GAAA,KAAA;AAAA,MACX,oBAAA;AAAA,KAxBN,GAmBI,EAMK,EAAA,IAAA,GAAA,SAAA,CANL,EAMK,EAAA;AAAA,MALH,UAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,sBAAA;AAAA,KAAA,CAAA,CAAA;AAKF,IAAA,MAAM,QAAQC,cAAS,EAAA,CAAA;AACvB,IAAA,MAAM,iBAAoB,GAAA,oBAAA,IAAwB,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAA;AAEnE,IACE,uBAAAD,yBAAA,CAAA,aAAA,CAACE,4DACK,IADL,CAAA,EAAA;AAAA,MAEC,GAAA;AAAA,MACA,YAAc,EAAA,QAAA;AAAA,MACd,KAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAsB,EAAA,iBAAA;AAAA,MACtB,QAAA;AAAA,MACA,UAAU,CAAC,QAAA;AAAA,KACb,CAAA,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"InputElement.js","sources":["../../../../../src/components/atoms/Input/InputElement/InputElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\n\nexport interface InputElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputElement = React.forwardRef<TextInput, InputElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChange}\n        value={value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputElement.displayName = 'InputElement';\n\nexport default InputElement;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,eAAeA,cAAM,CAAA,UAAA;AAAA,EACzB,CACE,IAQA,GACgB,KAAA;AAThB,IACE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,MAAA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAW,GAAA,KAAA;AAAA,MACX,oBAAA;AAAA,KAxBN,GAmBI,EAMK,EAAA,IAAA,GAAA,SAAA,CANL,EAMK,EAAA;AAAA,MALH,UAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,sBAAA;AAAA,KAAA,CAAA,CAAA;AAKF,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,iBAAoB,GAAA,oBAAA,IAAwB,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAA;AAEnE,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,qDACK,IADL,CAAA,EAAA;AAAA,MAEC,GAAA;AAAA,MACA,YAAc,EAAA,QAAA;AAAA,MACd,KAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAsB,EAAA,iBAAA;AAAA,MACtB,QAAA;AAAA,MACA,UAAU,CAAC,QAAA;AAAA,KACb,CAAA,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}

package/dist/components/atoms/Input/InputMaskElement/InputMaskElement.cjs

@@ -1,113 +0,0 @@
-'use strict';
-
-var react = require('@emotion/react');
-var React = require('react');
-var styled = require('../styled.cjs');
-var useStringMask = require('../hooks/useStringMask.cjs');
-var useNumberMask = require('../hooks/useNumberMask.cjs');
-
-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 InputMaskElement = React__default["default"].forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      onChange,
-      placeholder,
-      value,
-      disabled = false,
-      placeholderTextColor,
-      mask
-    } = _b, rest = __objRest(_b, [
-      "onChange",
-      "placeholder",
-      "value",
-      "disabled",
-      "placeholderTextColor",
-      "mask"
-    ]);
-    const theme = react.useTheme();
-    const _placeholderColor = placeholderTextColor || theme.font.color.dark;
-    const getInputHook = (value2) => {
-      if (mask !== void 0) {
-        if (Array.isArray(mask) || typeof mask === "function") {
-          return useStringMask.useStringMask(mask, value2);
-        } else {
-          return useNumberMask.useNumberMask(mask, value2);
-        }
-      } else {
-        return [void 0, void 0];
-      }
-    };
-    const [maskValue, setMaskValue] = getInputHook(value != null ? value : "");
-    const _value = maskValue === void 0 ? value == null ? void 0 : value.toString() : maskValue.formatted ? maskValue.formatted : "";
-    React.useEffect(() => {
-      if (onChange) {
-        onChange(maskValue == null ? void 0 : maskValue.raw);
-      }
-    }, [maskValue]);
-    const onChangeValue = React.useCallback(
-      (value2) => {
-        if (maskValue !== void 0 && setMaskValue !== void 0) {
-          setMaskValue(value2);
-        } else
-          onChange && onChange(value2);
-      },
-      [value]
-    );
-    React.useEffect(() => {
-      if (maskValue !== void 0 && setMaskValue !== void 0 && value !== void 0 && typeof maskValue === "object") {
-        if (maskValue.raw !== void 0 && maskValue.raw.toString() !== value.toString()) {
-          onChangeValue(value);
-        }
-      } else if (maskValue === void 0 && value !== void 0) {
-        onChangeValue(value);
-      }
-    }, [value]);
-    return /* @__PURE__ */ React__default["default"].createElement(styled.StyledInputElement, __spreadProps(__spreadValues({}, rest), {
-      ref,
-      onChangeText: onChangeValue,
-      value: _value,
-      placeholder,
-      placeholderTextColor: _placeholderColor,
-      disabled,
-      editable: !disabled
-    }));
-  }
-);
-InputMaskElement.displayName = "InputMaskElement";
-
-module.exports = InputMaskElement;
-//# sourceMappingURL=InputMaskElement.cjs.map

package/dist/components/atoms/Input/InputMaskElement/InputMaskElement.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputMaskElement.cjs","sources":["../../../../../src/components/atoms/Input/InputMaskElement/InputMaskElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { useCallback, useEffect } from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\nimport { MaskType, useStringMask } from '../hooks/useStringMask';\nimport { CurrencyOptions, useNumberMask } from '../hooks/useNumberMask';\n\nexport interface InputMaskElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string | number;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: any) => void;\n  /**\n   To use mask for strings you have to pass a MaskType[] or ((value: string) => MaskType[])\n   A MaskType can be a string, RegExp, or Array<RegExp>.\n   In case we have a string, '9' represents digits, 'a' represents alphabet characters, and any other character represents fixed characters in the mask.\n   For example a phone mask can be represented as ['(99) \\\\99999-9999'], or ['(99) ', '/[9]/', '9999-9999'], or ['(', /[0-9]/, /[0-9]/, ') ', '/[9]/', '9999-9999'] and many others.\n   To use mask for numbers you have to pass a CurrencyOptions object\n   A CurrencyOptions object contains symbol, separator, decimal, precision. For example {symbol: 'R$ ', separator: '.', decimal: ',', precision: 2,}.\n   **/\n  mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputMaskElement = React.forwardRef<TextInput, InputMaskElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      mask,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    const getInputHook = (value: string | number) => {\n      if (mask !== undefined) {\n        if (Array.isArray(mask) || typeof mask === 'function') {\n          return useStringMask(mask, value);\n        } else {\n          return useNumberMask(mask, value);\n        }\n      } else {\n        return [undefined, undefined];\n      }\n    };\n\n    const [maskValue, setMaskValue] = getInputHook(value ?? '');\n\n    const _value =\n      maskValue === undefined\n        ? value?.toString()\n        : maskValue.formatted\n        ? maskValue.formatted\n        : '';\n\n    useEffect(() => {\n      if (onChange) {\n        onChange(maskValue?.raw);\n      }\n    }, [maskValue]);\n\n    const onChangeValue = useCallback(\n      (value: string | number) => {\n        if (maskValue !== undefined && setMaskValue !== undefined) {\n          setMaskValue(value);\n        } else onChange && onChange(value);\n      },\n      [value]\n    );\n\n    useEffect(() => {\n      /** Used to reinitialize maskValue when the value is updated in the parent component **/\n      if (\n        maskValue !== undefined &&\n        setMaskValue !== undefined &&\n        value !== undefined &&\n        typeof maskValue === 'object'\n      ) {\n        /** Case there is a mask **/\n        if (\n          maskValue.raw !== undefined &&\n          maskValue.raw.toString() !== value.toString()\n        ) {\n          onChangeValue(value);\n        }\n      } else if (maskValue === undefined && value !== undefined) {\n        onChangeValue(value);\n      }\n    }, [value]);\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChangeValue}\n        value={_value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputMaskElement.displayName = 'InputMaskElement';\n\nexport default InputMaskElement;\n"],"names":["React","useTheme","value","useStringMask","useNumberMask","useEffect","useCallback","StyledInputElement"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"InputMaskElement.js","sources":["../../../../../src/components/atoms/Input/InputMaskElement/InputMaskElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { useCallback, useEffect } from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\nimport { MaskType, useStringMask } from '../hooks/useStringMask';\nimport { CurrencyOptions, useNumberMask } from '../hooks/useNumberMask';\n\nexport interface InputMaskElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string | number;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: any) => void;\n  /**\n   To use mask for strings you have to pass a MaskType[] or ((value: string) => MaskType[])\n   A MaskType can be a string, RegExp, or Array<RegExp>.\n   In case we have a string, '9' represents digits, 'a' represents alphabet characters, and any other character represents fixed characters in the mask.\n   For example a phone mask can be represented as ['(99) \\\\99999-9999'], or ['(99) ', '/[9]/', '9999-9999'], or ['(', /[0-9]/, /[0-9]/, ') ', '/[9]/', '9999-9999'] and many others.\n   To use mask for numbers you have to pass a CurrencyOptions object\n   A CurrencyOptions object contains symbol, separator, decimal, precision. For example {symbol: 'R$ ', separator: '.', decimal: ',', precision: 2,}.\n   **/\n  mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputMaskElement = React.forwardRef<TextInput, InputMaskElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      mask,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    const getInputHook = (value: string | number) => {\n      if (mask !== undefined) {\n        if (Array.isArray(mask) || typeof mask === 'function') {\n          return useStringMask(mask, value);\n        } else {\n          return useNumberMask(mask, value);\n        }\n      } else {\n        return [undefined, undefined];\n      }\n    };\n\n    const [maskValue, setMaskValue] = getInputHook(value ?? '');\n\n    const _value =\n      maskValue === undefined\n        ? value?.toString()\n        : maskValue.formatted\n        ? maskValue.formatted\n        : '';\n\n    useEffect(() => {\n      if (onChange) {\n        onChange(maskValue?.raw);\n      }\n    }, [maskValue]);\n\n    const onChangeValue = useCallback(\n      (value: string | number) => {\n        if (maskValue !== undefined && setMaskValue !== undefined) {\n          setMaskValue(value);\n        } else onChange && onChange(value);\n      },\n      [value]\n    );\n\n    useEffect(() => {\n      /** Used to reinitialize maskValue when the value is updated in the parent component **/\n      if (\n        maskValue !== undefined &&\n        setMaskValue !== undefined &&\n        value !== undefined &&\n        typeof maskValue === 'object'\n      ) {\n        /** Case there is a mask **/\n        if (\n          maskValue.raw !== undefined &&\n          maskValue.raw.toString() !== value.toString()\n        ) {\n          onChangeValue(value);\n        }\n      } else if (maskValue === undefined && value !== undefined) {\n        onChangeValue(value);\n      }\n    }, [value]);\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChangeValue}\n        value={_value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputMaskElement.displayName = 'InputMaskElement';\n\nexport default InputMaskElement;\n"],"names":["React","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,mBAAmBA,cAAM,CAAA,UAAA;AAAA,EAC7B,CACE,IASA,GACgB,KAAA;AAVhB,IACE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,MAAA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAW,GAAA,KAAA;AAAA,MACX,oBAAA;AAAA,MACA,IAAA;AAAA,KApCN,GA8BI,EAOK,EAAA,IAAA,GAAA,SAAA,CAPL,EAOK,EAAA;AAAA,MANH,UAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,sBAAA;AAAA,MACA,MAAA;AAAA,KAAA,CAAA,CAAA;AAKF,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,iBAAoB,GAAA,oBAAA,IAAwB,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAA;AAEnE,IAAM,MAAA,YAAA,GAAe,CAACC,MAA2B,KAAA;AAC/C,MAAA,IAAI,SAAS,KAAW,CAAA,EAAA;AACtB,QAAA,IAAI,MAAM,OAAQ,CAAA,IAAI,CAAK,IAAA,OAAO,SAAS,UAAY,EAAA;AACrD,UAAO,OAAA,aAAA,CAAc,MAAMA,MAAK,CAAA,CAAA;AAAA,SAC3B,MAAA;AACL,UAAO,OAAA,aAAA,CAAc,MAAMA,MAAK,CAAA,CAAA;AAAA,SAClC;AAAA,OACK,MAAA;AACL,QAAO,OAAA,CAAC,QAAW,KAAS,CAAA,CAAA,CAAA;AAAA,OAC9B;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,YAAA,CAAa,wBAAS,EAAE,CAAA,CAAA;AAE1D,IAAM,MAAA,MAAA,GACJ,cAAc,KACV,CAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,aACP,SAAU,CAAA,SAAA,GACV,UAAU,SACV,GAAA,EAAA,CAAA;AAEN,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,uCAAW,GAAG,CAAA,CAAA;AAAA,OACzB;AAAA,KACF,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,IAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,MACpB,CAACA,MAA2B,KAAA;AAC1B,QAAI,IAAA,SAAA,KAAc,KAAa,CAAA,IAAA,YAAA,KAAiB,KAAW,CAAA,EAAA;AACzD,UAAA,YAAA,CAAaA,MAAK,CAAA,CAAA;AAAA,SACpB;AAAO,UAAA,QAAA,IAAY,SAASA,MAAK,CAAA,CAAA;AAAA,OACnC;AAAA,MACA,CAAC,KAAK,CAAA;AAAA,KACR,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AAEd,MACE,IAAA,SAAA,KAAc,UACd,YAAiB,KAAA,KAAA,CAAA,IACjB,UAAU,KACV,CAAA,IAAA,OAAO,cAAc,QACrB,EAAA;AAEA,QACE,IAAA,SAAA,CAAU,QAAQ,KAClB,CAAA,IAAA,SAAA,CAAU,IAAI,QAAS,EAAA,KAAM,KAAM,CAAA,QAAA,EACnC,EAAA;AACA,UAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,SACrB;AAAA,OACS,MAAA,IAAA,SAAA,KAAc,KAAa,CAAA,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AACzD,QAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,OACrB;AAAA,KACF,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,IACE,uBAAAD,cAAA,CAAA,aAAA,CAAC,qDACK,IADL,CAAA,EAAA;AAAA,MAEC,GAAA;AAAA,MACA,YAAc,EAAA,aAAA;AAAA,MACd,KAAO,EAAA,MAAA;AAAA,MACP,WAAA;AAAA,MACA,oBAAsB,EAAA,iBAAA;AAAA,MACtB,QAAA;AAAA,MACA,UAAU,CAAC,QAAA;AAAA,KACb,CAAA,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,gBAAA,CAAiB,WAAc,GAAA,kBAAA;;;;"}