@tecsinapse/react-core 1.21.1-beta.1 → 1.21.1-beta.3

package/dist/components/molecules/HintInputContainer/HintInputContainer.mjs

@@ -0,0 +1,81 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import Hint from '../../atoms/Input/Hint.mjs';
+import 'currency.js';
+import '../../atoms/Text/styled.mjs';
+import '../../atoms/Input/styled.mjs';
+import '../../atoms/Input/InputElement/InputElement.mjs';
+import '../../atoms/Input/InputMaskElement/InputMaskElement.mjs';
+import PressableInputContainer from '../../atoms/Input/PressableInputContainer/PressableInputContainer.mjs';
+
+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 HintInputContainer = (_a) => {
+  var _b = _a, {
+    viewStyle,
+    onPress,
+    focused,
+    disabled,
+    LabelComponent,
+    variant = "default",
+    rightComponent,
+    children,
+    hint,
+    hintComponent
+  } = _b, rest = __objRest(_b, [
+    "viewStyle",
+    "onPress",
+    "focused",
+    "disabled",
+    "LabelComponent",
+    "variant",
+    "rightComponent",
+    "children",
+    "hint",
+    "hintComponent"
+  ]);
+  const _hint = hintComponent || /* @__PURE__ */ React.createElement(Hint, {
+    TextComponent: LabelComponent,
+    text: hint,
+    variant
+  });
+  return /* @__PURE__ */ React.createElement(View, {
+    style: viewStyle
+  }, /* @__PURE__ */ React.createElement(PressableInputContainer, __spreadValues({
+    onPress,
+    focused,
+    disabled,
+    LabelComponent,
+    variant,
+    rightComponent
+  }, rest), children), hint && _hint);
+};
+
+export { HintInputContainer as default };
+//# sourceMappingURL=HintInputContainer.mjs.map

package/dist/components/molecules/HintInputContainer/HintInputContainer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HintInputContainer.mjs","sources":["../../../../src/components/molecules/HintInputContainer/HintInputContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\nimport {\n  Hint,\n  InputVariantType,\n  PressableInputContainer,\n  PressableInputContainerProps,\n} from '../../atoms/Input';\nimport { TextProps } from '../../atoms/Text';\n\nexport interface HintInputContainerProps extends PressableInputContainerProps {\n  viewStyle?: StyleProp<ViewStyle>;\n  focused: boolean;\n  LabelComponent?: React.FC<TextProps>;\n  onPress?: () => void | never;\n  disabled?: boolean;\n  hint?: string;\n  hintComponent?: JSX.Element;\n  variant?: InputVariantType;\n  rightComponent?: JSX.Element;\n}\n\nconst HintInputContainer: React.FC<HintInputContainerProps> = ({\n  viewStyle,\n  onPress,\n  focused,\n  disabled,\n  LabelComponent,\n  variant = 'default',\n  rightComponent,\n  children,\n  hint,\n  hintComponent,\n  ...rest\n}) => {\n  const _hint = hintComponent || (\n    <Hint TextComponent={LabelComponent} text={hint} variant={variant} />\n  );\n\n  return (\n    <View style={viewStyle}>\n      <PressableInputContainer\n        onPress={onPress}\n        focused={focused}\n        disabled={disabled}\n        LabelComponent={LabelComponent}\n        variant={variant}\n        rightComponent={rightComponent}\n        {...rest}\n      >\n        {children}\n      </PressableInputContainer>\n      {hint && _hint}\n    </View>\n  );\n};\n\nexport default HintInputContainer;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBM,MAAA,kBAAA,GAAwD,CAAC,EAYzD,KAAA;AAZyD,EAC7D,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,cAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,aAAA;AAAA,GAhCF,GAsB+D,EAW1D,EAAA,IAAA,GAAA,SAAA,CAX0D,EAW1D,EAAA;AAAA,IAVH,WAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,eAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,KAAA,GAAQ,iCACX,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,aAAe,EAAA,cAAA;AAAA,IAAgB,IAAM,EAAA,IAAA;AAAA,IAAM,OAAA;AAAA,GAAkB,CAAA,CAAA;AAGrE,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,KAAO,EAAA,SAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,cAAA,CAAA;AAAA,IACC,OAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,OAAA;AAAA,IACA,cAAA;AAAA,GAAA,EACI,IAEH,CAAA,EAAA,QACH,CACC,EAAA,IAAA,IAAQ,KACX,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/IconTextButton/IconComponent.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+var React = require('react');
+var Icon = require('../../atoms/Icon/Icon.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 __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;
+};
+const IconComponent = ({
+  iconProps,
+  size = "default",
+  defaultFontColor
+}) => {
+  var _a, _b;
+  return iconProps ? /* @__PURE__ */ React__default["default"].createElement(Icon, __spreadValues({
+    size: ((_a = iconProps.size) != null ? _a : size === "small") ? "deca" : "kilo",
+    fontColor: (_b = iconProps.fontColor) != null ? _b : defaultFontColor
+  }, iconProps)) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null);
+};
+var IconComponent$1 = React__default["default"].memo(IconComponent);
+
+module.exports = IconComponent$1;
+//# sourceMappingURL=IconComponent.cjs.map

package/dist/components/molecules/IconTextButton/IconComponent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconComponent.cjs","sources":["../../../../src/components/molecules/IconTextButton/IconComponent.tsx"],"sourcesContent":["import { ButtonSizeType, FontColor, IconProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Icon } from '../../atoms/Icon';\n\ninterface IconComponentProps {\n  iconProps?: IconProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n}\n\nconst IconComponent: FC<IconComponentProps> = ({\n  iconProps,\n  size = 'default',\n  defaultFontColor,\n}) => {\n  return iconProps ? (\n    <Icon\n      size={iconProps.size ?? size === 'small' ? 'deca' : 'kilo'}\n      fontColor={iconProps.fontColor ?? defaultFontColor}\n      {...iconProps}\n    />\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(IconComponent);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AACF,CAAM,KAAA;AAdN,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAeE,EAAA,OAAO,4BACJA,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA;AAAA,IACC,QAAM,EAAU,GAAA,SAAA,CAAA,IAAA,KAAV,IAAkB,GAAA,EAAA,GAAA,IAAA,KAAS,WAAU,MAAS,GAAA,MAAA;AAAA,IACpD,SAAA,EAAA,CAAW,EAAU,GAAA,SAAA,CAAA,SAAA,KAAV,IAAuB,GAAA,EAAA,GAAA,gBAAA;AAAA,GAC9B,EAAA,SAAA,CACN,oBAEEA,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAeA,yBAAA,CAAM,KAAK,aAAa,CAAA;;;;"}

package/dist/components/molecules/IconTextButton/IconComponent.mjs

@@ -0,0 +1,34 @@
+import React__default from 'react';
+import Icon from '../../atoms/Icon/Icon.mjs';
+
+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;
+};
+const IconComponent = ({
+  iconProps,
+  size = "default",
+  defaultFontColor
+}) => {
+  var _a, _b;
+  return iconProps ? /* @__PURE__ */ React__default.createElement(Icon, __spreadValues({
+    size: ((_a = iconProps.size) != null ? _a : size === "small") ? "deca" : "kilo",
+    fontColor: (_b = iconProps.fontColor) != null ? _b : defaultFontColor
+  }, iconProps)) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
+};
+var IconComponent$1 = React__default.memo(IconComponent);
+
+export { IconComponent$1 as default };
+//# sourceMappingURL=IconComponent.mjs.map

package/dist/components/molecules/IconTextButton/IconComponent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconComponent.mjs","sources":["../../../../src/components/molecules/IconTextButton/IconComponent.tsx"],"sourcesContent":["import { ButtonSizeType, FontColor, IconProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Icon } from '../../atoms/Icon';\n\ninterface IconComponentProps {\n  iconProps?: IconProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n}\n\nconst IconComponent: FC<IconComponentProps> = ({\n  iconProps,\n  size = 'default',\n  defaultFontColor,\n}) => {\n  return iconProps ? (\n    <Icon\n      size={iconProps.size ?? size === 'small' ? 'deca' : 'kilo'}\n      fontColor={iconProps.fontColor ?? defaultFontColor}\n      {...iconProps}\n    />\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(IconComponent);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AACF,CAAM,KAAA;AAdN,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAeE,EAAA,OAAO,4BACJA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA;AAAA,IACC,QAAM,EAAU,GAAA,SAAA,CAAA,IAAA,KAAV,IAAkB,GAAA,EAAA,GAAA,IAAA,KAAS,WAAU,MAAS,GAAA,MAAA;AAAA,IACpD,SAAA,EAAA,CAAW,EAAU,GAAA,SAAA,CAAA,SAAA,KAAV,IAAuB,GAAA,EAAA,GAAA,gBAAA;AAAA,GAC9B,EAAA,SAAA,CACN,oBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAeA,cAAA,CAAM,KAAK,aAAa,CAAA;;;;"}

package/dist/components/molecules/InputPassword/InputPasswordIcon.cjs

@@ -0,0 +1,63 @@
+'use strict';
+
+var React = require('react');
+var Icon = require('../../atoms/Icon/Icon.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 InputPasswordIcon = (_a) => {
+  var _b = _a, {
+    revealed,
+    onChangeState
+  } = _b, rest = __objRest(_b, [
+    "revealed",
+    "onChangeState"
+  ]);
+  const icon = revealed ? "eye-outline" : "eye-off-outline";
+  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledPasswordButtonIcon, __spreadProps(__spreadValues({}, rest), {
+    variant: "text",
+    size: "small",
+    onPress: () => onChangeState(!revealed)
+  }), /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    name: icon,
+    type: "ionicon",
+    size: "centi"
+  }));
+};
+
+module.exports = InputPasswordIcon;
+//# sourceMappingURL=InputPasswordIcon.cjs.map

package/dist/components/molecules/InputPassword/InputPasswordIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputPasswordIcon.cjs","sources":["../../../../src/components/molecules/InputPassword/InputPasswordIcon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonProps } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { StyledPasswordButtonIcon } from './styled';\n\ninterface InputPasswordIconProps extends ButtonProps {\n  revealed: boolean;\n  onChangeState: (revealed: boolean) => void;\n}\n\nconst InputPasswordIcon: FC<InputPasswordIconProps> = ({\n  revealed,\n  onChangeState,\n  ...rest\n}) => {\n  const icon = revealed ? 'eye-outline' : 'eye-off-outline';\n  return (\n    <StyledPasswordButtonIcon\n      {...rest}\n      variant=\"text\"\n      size=\"small\"\n      onPress={() => onChangeState(!revealed)}\n    >\n      <Icon name={icon} type=\"ionicon\" size=\"centi\" />\n    </StyledPasswordButtonIcon>\n  );\n};\n\nexport default InputPasswordIcon;\n"],"names":["React","StyledPasswordButtonIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,iBAAA,GAAgD,CAAC,EAIjD,KAAA;AAJiD,EACrD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,aAAA;AAAA,GAZF,GAUuD,EAGlD,EAAA,IAAA,GAAA,SAAA,CAHkD,EAGlD,EAAA;AAAA,IAFH,UAAA;AAAA,IACA,eAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,IAAA,GAAO,WAAW,aAAgB,GAAA,iBAAA,CAAA;AACxC,EACE,uBAAAA,yBAAA,CAAA,aAAA,CAACC,kEACK,IADL,CAAA,EAAA;AAAA,IAEC,OAAQ,EAAA,MAAA;AAAA,IACR,IAAK,EAAA,OAAA;AAAA,IACL,OAAS,EAAA,MAAM,aAAc,CAAA,CAAC,QAAQ,CAAA;AAAA,GAAA,CAAA,kBAErCD,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,IAAM,EAAA,IAAA;AAAA,IAAM,IAAK,EAAA,SAAA;AAAA,IAAU,IAAK,EAAA,OAAA;AAAA,GAAQ,CAChD,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/InputPassword/InputPasswordIcon.mjs

@@ -0,0 +1,57 @@
+import React__default from 'react';
+import Icon from '../../atoms/Icon/Icon.mjs';
+import { StyledPasswordButtonIcon } from './styled.mjs';
+
+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 InputPasswordIcon = (_a) => {
+  var _b = _a, {
+    revealed,
+    onChangeState
+  } = _b, rest = __objRest(_b, [
+    "revealed",
+    "onChangeState"
+  ]);
+  const icon = revealed ? "eye-outline" : "eye-off-outline";
+  return /* @__PURE__ */ React__default.createElement(StyledPasswordButtonIcon, __spreadProps(__spreadValues({}, rest), {
+    variant: "text",
+    size: "small",
+    onPress: () => onChangeState(!revealed)
+  }), /* @__PURE__ */ React__default.createElement(Icon, {
+    name: icon,
+    type: "ionicon",
+    size: "centi"
+  }));
+};
+
+export { InputPasswordIcon as default };
+//# sourceMappingURL=InputPasswordIcon.mjs.map

package/dist/components/molecules/InputPassword/InputPasswordIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputPasswordIcon.mjs","sources":["../../../../src/components/molecules/InputPassword/InputPasswordIcon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonProps } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { StyledPasswordButtonIcon } from './styled';\n\ninterface InputPasswordIconProps extends ButtonProps {\n  revealed: boolean;\n  onChangeState: (revealed: boolean) => void;\n}\n\nconst InputPasswordIcon: FC<InputPasswordIconProps> = ({\n  revealed,\n  onChangeState,\n  ...rest\n}) => {\n  const icon = revealed ? 'eye-outline' : 'eye-off-outline';\n  return (\n    <StyledPasswordButtonIcon\n      {...rest}\n      variant=\"text\"\n      size=\"small\"\n      onPress={() => onChangeState(!revealed)}\n    >\n      <Icon name={icon} type=\"ionicon\" size=\"centi\" />\n    </StyledPasswordButtonIcon>\n  );\n};\n\nexport default InputPasswordIcon;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,iBAAA,GAAgD,CAAC,EAIjD,KAAA;AAJiD,EACrD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,aAAA;AAAA,GAZF,GAUuD,EAGlD,EAAA,IAAA,GAAA,SAAA,CAHkD,EAGlD,EAAA;AAAA,IAFH,UAAA;AAAA,IACA,eAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,IAAA,GAAO,WAAW,aAAgB,GAAA,iBAAA,CAAA;AACxC,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,2DACK,IADL,CAAA,EAAA;AAAA,IAEC,OAAQ,EAAA,MAAA;AAAA,IACR,IAAK,EAAA,OAAA;AAAA,IACL,OAAS,EAAA,MAAM,aAAc,CAAA,CAAC,QAAQ,CAAA;AAAA,GAAA,CAAA,kBAErCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,IAAM,EAAA,IAAA;AAAA,IAAM,IAAK,EAAA,SAAA;AAAA,IAAU,IAAK,EAAA,OAAA;AAAA,GAAQ,CAChD,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/InputPassword/styled.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/native');
+var Button = require('../../atoms/Button/Button.cjs');
+require('react');
+require('react-native');
+require('@emotion/react');
+require('../../atoms/Text/styled.cjs');
+require('../../atoms/Button/States/styled.cjs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledPasswordButtonIcon = styled__default["default"](Button)`
+  padding: ${({ theme }) => theme.spacing.centi};
+`;
+
+exports.StyledPasswordButtonIcon = StyledPasswordButtonIcon;
+//# sourceMappingURL=styled.cjs.map

package/dist/components/molecules/InputPassword/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":["styled"],"mappings":";;;;;;;;;;;;;;;;AAIa,MAAA,wBAAA,GAA2BA,2BAAO,MAAM,CAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;;;;"}

package/dist/components/molecules/InputPassword/styled.mjs

@@ -0,0 +1,14 @@
+import styled from '@emotion/native';
+import Button from '../../atoms/Button/Button.mjs';
+import 'react';
+import 'react-native';
+import '@emotion/react';
+import '../../atoms/Text/styled.mjs';
+import '../../atoms/Button/States/styled.mjs';
+
+const StyledPasswordButtonIcon = styled(Button)`
+  padding: ${({ theme }) => theme.spacing.centi};
+`;
+
+export { StyledPasswordButtonIcon };
+//# sourceMappingURL=styled.mjs.map

package/dist/components/molecules/InputPassword/styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.mjs","sources":["../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":[],"mappings":";;;;;;;;AAIa,MAAA,wBAAA,GAA2B,OAAO,MAAM,CAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;;;;"}

package/dist/components/molecules/Snackbar/Snackbar.cjs

@@ -0,0 +1,108 @@
+'use strict';
+
+var React = require('react');
+var reactNative = require('react-native');
+var Icon = require('../../atoms/Icon/Icon.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));
+const Snackbar = ({
+  children,
+  open = true,
+  onClose,
+  dismissable = false,
+  timeout = void 0,
+  leftIcon,
+  colorTone = "xlight",
+  colorVariant = "primary",
+  rightIcon = { colorTone: "medium", colorVariant: "primary" },
+  anchor = "bottom",
+  anchorDistance,
+  style
+}) => {
+  const fadeAnim = React__default["default"].useRef(new reactNative.Animated.Value(0)).current;
+  const duration = 500;
+  const fadeIn = () => {
+    reactNative.Animated.timing(fadeAnim, {
+      toValue: 1,
+      useNativeDriver: true,
+      duration
+    }).start(() => timeout && fadeOut());
+  };
+  const fadeOut = () => {
+    reactNative.Animated.timing(fadeAnim, {
+      toValue: 0,
+      useNativeDriver: true,
+      duration,
+      delay: timeout ? timeout - duration : 0
+    }).start();
+  };
+  React__default["default"].useEffect(() => {
+    if (open) {
+      fadeIn();
+    }
+    if (open && timeout) {
+      setTimeout(() => {
+        onClose == null ? void 0 : onClose();
+      }, timeout + duration);
+    }
+  }, [open, timeout]);
+  return /* @__PURE__ */ React__default["default"].createElement(styled.SnackbarContainer, {
+    colorVariant,
+    colorTone,
+    elevated: true,
+    anchor,
+    anchorDistance,
+    visible: open,
+    style: [{ opacity: fadeAnim }, style],
+    timeout
+  }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerFlexRow, null, /* @__PURE__ */ React__default["default"].createElement(styled.ContentContainer, null, leftIcon && /* @__PURE__ */ React__default["default"].createElement(styled.IconContainer, null, /* @__PURE__ */ React__default["default"].createElement(Icon, __spreadProps(__spreadValues({}, leftIcon), {
+    size: "centi"
+  }))), /* @__PURE__ */ React__default["default"].createElement(styled.TextContainer, null, children)), dismissable && /* @__PURE__ */ React__default["default"].createElement(styled.DismissContainer, {
+    effect: "none",
+    onPress: () => {
+      fadeOut();
+      setTimeout(() => {
+        fadeAnim.setValue(0);
+        onClose == null ? void 0 : onClose();
+      }, duration);
+    }
+  }, /* @__PURE__ */ React__default["default"].createElement(Icon, __spreadProps(__spreadValues({}, rightIcon), {
+    size: "centi",
+    name: "close",
+    type: "material-community"
+  })))), timeout && open && /* @__PURE__ */ React__default["default"].createElement(styled.StyledProgressBar, {
+    valueNow: 0,
+    valueMax: 100,
+    valueMin: 0,
+    animate: true,
+    color: colorVariant,
+    colorTone: "medium",
+    animationParameters: { direction: "left", duration: timeout }
+  }));
+};
+
+module.exports = Snackbar;
+//# sourceMappingURL=Snackbar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.cjs","sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon, IconProps } from '../../atoms/Icon';\nimport {\n  ContentContainer,\n  DismissContainer,\n  IconContainer,\n  SnackbarContainer,\n  StyledContainerFlexRow,\n  StyledProgressBar,\n  TextContainer,\n} from './styled';\n\nexport interface SnackbarProps {\n  colorVariant?: ColorType;\n  colorTone?: ColorGradationType;\n  open: boolean;\n  /** Close callback */\n  onClose?: () => void;\n  /** Snackbar is closable */\n  dismissable?: boolean;\n  /** Time in miliseconds for auto hide */\n  timeout?: number;\n  leftIcon?: IconProps;\n  /** Properties for close icon */\n  rightIcon?: Omit<IconProps, 'name' | 'type'>;\n  anchor?: 'top' | 'bottom';\n  /** Distance from anchorage (results in px) */\n  anchorDistance?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Snackbar: React.FC<SnackbarProps> = ({\n  children,\n  open = true,\n  onClose,\n  dismissable = false,\n  timeout = undefined,\n  leftIcon,\n  colorTone = 'xlight',\n  colorVariant = 'primary',\n  rightIcon = { colorTone: 'medium', colorVariant: 'primary' },\n  anchor = 'bottom',\n  anchorDistance,\n  style,\n}) => {\n  const fadeAnim = React.useRef(new Animated.Value(0)).current;\n  const duration = 500;\n\n  const fadeIn = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 1,\n      useNativeDriver: true,\n      duration,\n    }).start(() => timeout && fadeOut());\n  };\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      useNativeDriver: true,\n      duration,\n      delay: timeout ? timeout - duration : 0,\n    }).start();\n  };\n\n  React.useEffect(() => {\n    if (open) {\n      fadeIn();\n    }\n    if (open && timeout) {\n      setTimeout(() => {\n        onClose?.();\n      }, timeout + duration);\n    }\n  }, [open, timeout]);\n\n  return (\n    <SnackbarContainer\n      colorVariant={colorVariant}\n      colorTone={colorTone}\n      elevated\n      anchor={anchor}\n      anchorDistance={anchorDistance}\n      visible={open}\n      style={[{ opacity: fadeAnim as unknown as number }, style]}\n      timeout={timeout}\n    >\n      <StyledContainerFlexRow>\n        <ContentContainer>\n          {leftIcon && (\n            <IconContainer>\n              <Icon {...leftIcon} size=\"centi\" />\n            </IconContainer>\n          )}\n          <TextContainer>{children}</TextContainer>\n        </ContentContainer>\n        {dismissable && (\n          <DismissContainer\n            effect=\"none\"\n            onPress={() => {\n              fadeOut();\n              setTimeout(() => {\n                fadeAnim.setValue(0);\n                onClose?.();\n              }, duration);\n            }}\n          >\n            <Icon\n              {...rightIcon}\n              size=\"centi\"\n              name=\"close\"\n              type=\"material-community\"\n            />\n          </DismissContainer>\n        )}\n      </StyledContainerFlexRow>\n      {timeout && open && (\n        <StyledProgressBar\n          valueNow={0}\n          valueMax={100}\n          valueMin={0}\n          animate={true}\n          color={colorVariant}\n          colorTone=\"medium\"\n          animationParameters={{ direction: 'left', duration: timeout }}\n        />\n      )}\n    </SnackbarContainer>\n  );\n};\n\nexport default Snackbar;\n"],"names":["React","Animated","SnackbarContainer","StyledContainerFlexRow","ContentContainer","IconContainer","TextContainer","DismissContainer","StyledProgressBar"],"mappings":"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"}

package/dist/components/molecules/Snackbar/Snackbar.mjs

@@ -0,0 +1,102 @@
+import React__default from 'react';
+import { Animated } from 'react-native';
+import Icon from '../../atoms/Icon/Icon.mjs';
+import { SnackbarContainer, StyledContainerFlexRow, ContentContainer, IconContainer, TextContainer, DismissContainer, StyledProgressBar } from './styled.mjs';
+
+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));
+const Snackbar = ({
+  children,
+  open = true,
+  onClose,
+  dismissable = false,
+  timeout = void 0,
+  leftIcon,
+  colorTone = "xlight",
+  colorVariant = "primary",
+  rightIcon = { colorTone: "medium", colorVariant: "primary" },
+  anchor = "bottom",
+  anchorDistance,
+  style
+}) => {
+  const fadeAnim = React__default.useRef(new Animated.Value(0)).current;
+  const duration = 500;
+  const fadeIn = () => {
+    Animated.timing(fadeAnim, {
+      toValue: 1,
+      useNativeDriver: true,
+      duration
+    }).start(() => timeout && fadeOut());
+  };
+  const fadeOut = () => {
+    Animated.timing(fadeAnim, {
+      toValue: 0,
+      useNativeDriver: true,
+      duration,
+      delay: timeout ? timeout - duration : 0
+    }).start();
+  };
+  React__default.useEffect(() => {
+    if (open) {
+      fadeIn();
+    }
+    if (open && timeout) {
+      setTimeout(() => {
+        onClose == null ? void 0 : onClose();
+      }, timeout + duration);
+    }
+  }, [open, timeout]);
+  return /* @__PURE__ */ React__default.createElement(SnackbarContainer, {
+    colorVariant,
+    colorTone,
+    elevated: true,
+    anchor,
+    anchorDistance,
+    visible: open,
+    style: [{ opacity: fadeAnim }, style],
+    timeout
+  }, /* @__PURE__ */ React__default.createElement(StyledContainerFlexRow, null, /* @__PURE__ */ React__default.createElement(ContentContainer, null, leftIcon && /* @__PURE__ */ React__default.createElement(IconContainer, null, /* @__PURE__ */ React__default.createElement(Icon, __spreadProps(__spreadValues({}, leftIcon), {
+    size: "centi"
+  }))), /* @__PURE__ */ React__default.createElement(TextContainer, null, children)), dismissable && /* @__PURE__ */ React__default.createElement(DismissContainer, {
+    effect: "none",
+    onPress: () => {
+      fadeOut();
+      setTimeout(() => {
+        fadeAnim.setValue(0);
+        onClose == null ? void 0 : onClose();
+      }, duration);
+    }
+  }, /* @__PURE__ */ React__default.createElement(Icon, __spreadProps(__spreadValues({}, rightIcon), {
+    size: "centi",
+    name: "close",
+    type: "material-community"
+  })))), timeout && open && /* @__PURE__ */ React__default.createElement(StyledProgressBar, {
+    valueNow: 0,
+    valueMax: 100,
+    valueMin: 0,
+    animate: true,
+    color: colorVariant,
+    colorTone: "medium",
+    animationParameters: { direction: "left", duration: timeout }
+  }));
+};
+
+export { Snackbar as default };
+//# sourceMappingURL=Snackbar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.mjs","sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon, IconProps } from '../../atoms/Icon';\nimport {\n  ContentContainer,\n  DismissContainer,\n  IconContainer,\n  SnackbarContainer,\n  StyledContainerFlexRow,\n  StyledProgressBar,\n  TextContainer,\n} from './styled';\n\nexport interface SnackbarProps {\n  colorVariant?: ColorType;\n  colorTone?: ColorGradationType;\n  open: boolean;\n  /** Close callback */\n  onClose?: () => void;\n  /** Snackbar is closable */\n  dismissable?: boolean;\n  /** Time in miliseconds for auto hide */\n  timeout?: number;\n  leftIcon?: IconProps;\n  /** Properties for close icon */\n  rightIcon?: Omit<IconProps, 'name' | 'type'>;\n  anchor?: 'top' | 'bottom';\n  /** Distance from anchorage (results in px) */\n  anchorDistance?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Snackbar: React.FC<SnackbarProps> = ({\n  children,\n  open = true,\n  onClose,\n  dismissable = false,\n  timeout = undefined,\n  leftIcon,\n  colorTone = 'xlight',\n  colorVariant = 'primary',\n  rightIcon = { colorTone: 'medium', colorVariant: 'primary' },\n  anchor = 'bottom',\n  anchorDistance,\n  style,\n}) => {\n  const fadeAnim = React.useRef(new Animated.Value(0)).current;\n  const duration = 500;\n\n  const fadeIn = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 1,\n      useNativeDriver: true,\n      duration,\n    }).start(() => timeout && fadeOut());\n  };\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      useNativeDriver: true,\n      duration,\n      delay: timeout ? timeout - duration : 0,\n    }).start();\n  };\n\n  React.useEffect(() => {\n    if (open) {\n      fadeIn();\n    }\n    if (open && timeout) {\n      setTimeout(() => {\n        onClose?.();\n      }, timeout + duration);\n    }\n  }, [open, timeout]);\n\n  return (\n    <SnackbarContainer\n      colorVariant={colorVariant}\n      colorTone={colorTone}\n      elevated\n      anchor={anchor}\n      anchorDistance={anchorDistance}\n      visible={open}\n      style={[{ opacity: fadeAnim as unknown as number }, style]}\n      timeout={timeout}\n    >\n      <StyledContainerFlexRow>\n        <ContentContainer>\n          {leftIcon && (\n            <IconContainer>\n              <Icon {...leftIcon} size=\"centi\" />\n            </IconContainer>\n          )}\n          <TextContainer>{children}</TextContainer>\n        </ContentContainer>\n        {dismissable && (\n          <DismissContainer\n            effect=\"none\"\n            onPress={() => {\n              fadeOut();\n              setTimeout(() => {\n                fadeAnim.setValue(0);\n                onClose?.();\n              }, duration);\n            }}\n          >\n            <Icon\n              {...rightIcon}\n              size=\"centi\"\n              name=\"close\"\n              type=\"material-community\"\n            />\n          </DismissContainer>\n        )}\n      </StyledContainerFlexRow>\n      {timeout && open && (\n        <StyledProgressBar\n          valueNow={0}\n          valueMax={100}\n          valueMin={0}\n          animate={true}\n          color={colorVariant}\n          colorTone=\"medium\"\n          animationParameters={{ direction: 'left', duration: timeout }}\n        />\n      )}\n    </SnackbarContainer>\n  );\n};\n\nexport default Snackbar;\n"],"names":["React"],"mappings":"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"}