@tecsinapse/react-core 1.20.0 → 1.21.0

package/esm/components/atoms/Switch/animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"animation.js","names":["Animated","Easing","ANIMATION_SPEED","transitionSwitch","active","translate","transitionValue","animatedColor","timing","toValue","duration","easing","out","ease","useNativeDriver","start"],"sources":["../../../../src/components/atoms/Switch/animation.ts"],"sourcesContent":["import { Animated, Easing } from 'react-native';\n\nconst ANIMATION_SPEED = 140;\n\nexport const transitionSwitch = (\n  active: boolean,\n  translate: number,\n  transitionValue: Animated.Value,\n  animatedColor: Animated.Value\n): void => {\n  if (translate <= 0) return;\n\n  if (active) {\n    Animated.timing(transitionValue, {\n      toValue: translate,\n      duration: ANIMATION_SPEED,\n      easing: Easing.out(Easing.ease),\n      useNativeDriver: true,\n    }).start();\n    Animated.timing(animatedColor, {\n      toValue: 1,\n      duration: ANIMATION_SPEED,\n      useNativeDriver: false,\n    }).start();\n    return;\n  }\n\n  Animated.timing(transitionValue, {\n    toValue: 0,\n    duration: ANIMATION_SPEED,\n    easing: Easing.out(Easing.ease),\n    useNativeDriver: true,\n  }).start();\n  Animated.timing(animatedColor, {\n    toValue: 0,\n    duration: ANIMATION_SPEED,\n    useNativeDriver: false,\n  }).start();\n};\n"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,MAAnB,QAAiC,cAAjC;AAEA,IAAMC,eAAe,GAAG,GAAxB;AAEA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAC9BC,MAD8B,EAE9BC,SAF8B,EAG9BC,eAH8B,EAI9BC,aAJ8B,EAKrB;EACT,IAAIF,SAAS,IAAI,CAAjB,EAAoB;;EAEpB,IAAID,MAAJ,EAAY;IACVJ,QAAQ,CAACQ,MAAT,CAAgBF,eAAhB,EAAiC;MAC/BG,OAAO,EAAEJ,SADsB;MAE/BK,QAAQ,EAAER,eAFqB;MAG/BS,MAAM,EAAEV,MAAM,CAACW,GAAP,CAAWX,MAAM,CAACY,IAAlB,CAHuB;MAI/BC,eAAe,EAAE;IAJc,CAAjC,EAKGC,KALH;IAMAf,QAAQ,CAACQ,MAAT,CAAgBD,aAAhB,EAA+B;MAC7BE,OAAO,EAAE,CADoB;MAE7BC,QAAQ,EAAER,eAFmB;MAG7BY,eAAe,EAAE;IAHY,CAA/B,EAIGC,KAJH;IAKA;EACD;;EAEDf,QAAQ,CAACQ,MAAT,CAAgBF,eAAhB,EAAiC;IAC/BG,OAAO,EAAE,CADsB;IAE/BC,QAAQ,EAAER,eAFqB;IAG/BS,MAAM,EAAEV,MAAM,CAACW,GAAP,CAAWX,MAAM,CAACY,IAAlB,CAHuB;IAI/BC,eAAe,EAAE;EAJc,CAAjC,EAKGC,KALH;EAMAf,QAAQ,CAACQ,MAAT,CAAgBD,aAAhB,EAA+B;IAC7BE,OAAO,EAAE,CADoB;IAE7BC,QAAQ,EAAER,eAFmB;IAG7BY,eAAe,EAAE;EAHY,CAA/B,EAIGC,KAJH;AAKD,CAlCM"}
+{"version":3,"file":"animation.js","sources":["../../../../src/components/atoms/Switch/animation.ts"],"sourcesContent":["import { Animated, Easing } from 'react-native';\n\nconst ANIMATION_SPEED = 140;\n\nexport const transitionSwitch = (\n  active: boolean,\n  translate: number,\n  transitionValue: Animated.Value,\n  animatedColor: Animated.Value\n): void => {\n  if (translate <= 0) return;\n\n  if (active) {\n    Animated.timing(transitionValue, {\n      toValue: translate,\n      duration: ANIMATION_SPEED,\n      easing: Easing.out(Easing.ease),\n      useNativeDriver: true,\n    }).start();\n    Animated.timing(animatedColor, {\n      toValue: 1,\n      duration: ANIMATION_SPEED,\n      useNativeDriver: false,\n    }).start();\n    return;\n  }\n\n  Animated.timing(transitionValue, {\n    toValue: 0,\n    duration: ANIMATION_SPEED,\n    easing: Easing.out(Easing.ease),\n    useNativeDriver: true,\n  }).start();\n  Animated.timing(animatedColor, {\n    toValue: 0,\n    duration: ANIMATION_SPEED,\n    useNativeDriver: false,\n  }).start();\n};\n"],"names":[],"mappings":";;AAEA,MAAM,eAAkB,GAAA,GAAA,CAAA;AAEjB,MAAM,gBAAmB,GAAA,CAC9B,MACA,EAAA,SAAA,EACA,iBACA,aACS,KAAA;AACT,EAAA,IAAI,SAAa,IAAA,CAAA;AAAG,IAAA,OAAA;AAEpB,EAAA,IAAI,MAAQ,EAAA;AACV,IAAA,QAAA,CAAS,OAAO,eAAiB,EAAA;AAAA,MAC/B,OAAS,EAAA,SAAA;AAAA,MACT,QAAU,EAAA,eAAA;AAAA,MACV,MAAQ,EAAA,MAAA,CAAO,GAAI,CAAA,MAAA,CAAO,IAAI,CAAA;AAAA,MAC9B,eAAiB,EAAA,IAAA;AAAA,KAClB,EAAE,KAAM,EAAA,CAAA;AACT,IAAA,QAAA,CAAS,OAAO,aAAe,EAAA;AAAA,MAC7B,OAAS,EAAA,CAAA;AAAA,MACT,QAAU,EAAA,eAAA;AAAA,MACV,eAAiB,EAAA,KAAA;AAAA,KAClB,EAAE,KAAM,EAAA,CAAA;AACT,IAAA,OAAA;AAAA,GACF;AAEA,EAAA,QAAA,CAAS,OAAO,eAAiB,EAAA;AAAA,IAC/B,OAAS,EAAA,CAAA;AAAA,IACT,QAAU,EAAA,eAAA;AAAA,IACV,MAAQ,EAAA,MAAA,CAAO,GAAI,CAAA,MAAA,CAAO,IAAI,CAAA;AAAA,IAC9B,eAAiB,EAAA,IAAA;AAAA,GAClB,EAAE,KAAM,EAAA,CAAA;AACT,EAAA,QAAA,CAAS,OAAO,aAAe,EAAA;AAAA,IAC7B,OAAS,EAAA,CAAA;AAAA,IACT,QAAU,EAAA,eAAA;AAAA,IACV,eAAiB,EAAA,KAAA;AAAA,GAClB,EAAE,KAAM,EAAA,CAAA;AACX;;;;"}

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

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

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

@@ -1,24 +1,29 @@
-var _templateObject, _templateObject2;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import styled from '@emotion/native';
 import { Animated } from 'react-native';
-import { RFValueStr } from '../../../utils';
-export var SWITCH_BODY_WIDTH = '40px';
-export var SWITCH_PIN_WIDTH = '16px';
-export var StyledSwitchContent = styled(Animated.View)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: 0 ", ";\n  justify-content: center;\n  width: ", ";\n  height: ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.borderRadius.pill;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.spacing.micro;
-}, RFValueStr(SWITCH_BODY_WIDTH), RFValueStr('22px'));
-export var StyledSwitch = styled(Animated.View)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n"])), function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.borderRadius.pill;
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.miscellaneous.surfaceColor;
-}, RFValueStr(SWITCH_PIN_WIDTH), RFValueStr('16px'));
-//# sourceMappingURL=styled.js.map
+import 'react';
+import '../Text/styled.js';
+import '../Input/styled.js';
+import 'currency.js';
+import '../Input/InputElement/InputElement.js';
+import '../Input/InputMaskElement/InputMaskElement.js';
+import '../Input/PressableInputContainer/styled.js';
+import { RFValueStr } from '../../../utils/ResponsiveFontSize.js';
+
+const SWITCH_BODY_WIDTH = "40px";
+const SWITCH_PIN_WIDTH = "16px";
+const StyledSwitchContent = styled(Animated.View)`
+  border-radius: ${({ theme }) => theme.borderRadius.pill};
+  padding: 0 ${({ theme }) => theme.spacing.micro};
+  justify-content: center;
+  width: ${RFValueStr(SWITCH_BODY_WIDTH)};
+  height: ${RFValueStr("22px")};
+`;
+const StyledSwitch = styled(Animated.View)`
+  border-radius: ${({ theme }) => theme.borderRadius.pill};
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+  width: ${RFValueStr(SWITCH_PIN_WIDTH)};
+  height: ${RFValueStr("16px")};
+`;
+
+export { SWITCH_BODY_WIDTH, SWITCH_PIN_WIDTH, StyledSwitch, StyledSwitchContent };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","Animated","RFValueStr","SWITCH_BODY_WIDTH","SWITCH_PIN_WIDTH","StyledSwitchContent","View","theme","borderRadius","pill","spacing","micro","StyledSwitch","miscellaneous","surfaceColor"],"sources":["../../../../src/components/atoms/Switch/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Animated } from 'react-native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { RFValueStr } from '../../../utils';\n\nexport const SWITCH_BODY_WIDTH = '40px';\nexport const SWITCH_PIN_WIDTH = '16px';\n\nexport const StyledSwitchContent = styled(Animated.View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  padding: 0 ${({ theme }) => theme.spacing.micro};\n  justify-content: center;\n  width: ${RFValueStr(SWITCH_BODY_WIDTH)};\n  height: ${RFValueStr('22px')};\n`;\n\nexport const StyledSwitch = styled(Animated.View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  width: ${RFValueStr(SWITCH_PIN_WIDTH)};\n  height: ${RFValueStr('16px')};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,SAASC,UAAT,QAA2B,gBAA3B;AAEA,OAAO,IAAMC,iBAAiB,GAAG,MAA1B;AACP,OAAO,IAAMC,gBAAgB,GAAG,MAAzB;AAEP,OAAO,IAAMC,mBAAmB,GAAGL,MAAM,CAACC,QAAQ,CAACK,IAAV,CAAT,iLACb;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAlC;AAAA,CADa,EAEjB;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACG,OAAN,CAAcC,KAA7B;AAAA,CAFiB,EAIrBT,UAAU,CAACC,iBAAD,CAJW,EAKpBD,UAAU,CAAC,MAAD,CALU,CAAzB;AAQP,OAAO,IAAMU,YAAY,GAAGZ,MAAM,CAACC,QAAQ,CAACK,IAAV,CAAT,8JACN;EAAA,IAAGC,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAlC;AAAA,CADM,EAEH;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACM,aAAN,CAAoBC,YAAnC;AAAA,CAFG,EAGdZ,UAAU,CAACE,gBAAD,CAHI,EAIbF,UAAU,CAAC,MAAD,CAJG,CAAlB"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Switch/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Animated } from 'react-native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { RFValueStr } from '../../../utils';\n\nexport const SWITCH_BODY_WIDTH = '40px';\nexport const SWITCH_PIN_WIDTH = '16px';\n\nexport const StyledSwitchContent = styled(Animated.View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  padding: 0 ${({ theme }) => theme.spacing.micro};\n  justify-content: center;\n  width: ${RFValueStr(SWITCH_BODY_WIDTH)};\n  height: ${RFValueStr('22px')};\n`;\n\nexport const StyledSwitch = styled(Animated.View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  width: ${RFValueStr(SWITCH_PIN_WIDTH)};\n  height: ${RFValueStr('16px')};\n`;\n"],"names":[],"mappings":";;;;;;;;;;;AAKO,MAAM,iBAAoB,GAAA,OAAA;AAC1B,MAAM,gBAAmB,GAAA,OAAA;AAEnB,MAAA,mBAAA,GAAsB,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,iBAAA,EACpC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,aAAA,EACtC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,SAAA,EAEjC,WAAW,iBAAiB,CAAA,CAAA;AAAA,UAAA,EAC3B,WAAW,MAAM,CAAA,CAAA;AAAA,EAAA;AAGhB,MAAA,YAAA,GAAe,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,iBAAA,EAC7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC/B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,SAAA,EAC9C,WAAW,gBAAgB,CAAA,CAAA;AAAA,UAAA,EAC1B,WAAW,MAAM,CAAA,CAAA;AAAA;;;;"}

package/esm/components/atoms/Tag/Tag.js

@@ -1,74 +1,80 @@
-var _excluded = ["value", "icon", "variant", "dismiss", "onDismiss", "style"];
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React, { useCallback, useState } from 'react';
+import React__default, { useState, useCallback } from 'react';
 import { Animated } from 'react-native';
-import { PressableSurface } from '../PressableSurface';
-import { StyledCloseIcon, StyledLeftIcon, StyledTagContainer } from './styled';
-
-var Tag = function Tag(_ref) {
-  var value = _ref.value,
-      icon = _ref.icon,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'small' : _ref$variant,
-      _ref$dismiss = _ref.dismiss,
-      canDismiss = _ref$dismiss === void 0 ? false : _ref$dismiss,
-      onDismiss = _ref.onDismiss,
-      style = _ref.style,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      dismiss = _useState2[0],
-      setDismiss = _useState2[1];
-
-  var fadeAnim = React.useRef(new Animated.Value(1)).current;
-  var duration = 300;
-
-  var fadeOut = function fadeOut() {
+import PressableSurface from '../PressableSurface/PressableSurface.js';
+import { StyledTagContainer, StyledLeftIcon, StyledCloseIcon } from './styled.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Tag = (_a) => {
+  var _b = _a, {
+    value,
+    icon,
+    variant = "small",
+    dismiss: canDismiss = false,
+    onDismiss,
+    style
+  } = _b, rest = __objRest(_b, [
+    "value",
+    "icon",
+    "variant",
+    "dismiss",
+    "onDismiss",
+    "style"
+  ]);
+  const [dismiss, setDismiss] = useState(false);
+  const fadeAnim = React__default.useRef(new Animated.Value(1)).current;
+  const duration = 300;
+  const fadeOut = () => {
     Animated.timing(fadeAnim, {
       toValue: 0,
-      duration: duration,
+      duration,
       useNativeDriver: true
     }).start();
   };
-
-  var handleDismiss = useCallback(function () {
-    onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+  const handleDismiss = useCallback(() => {
+    onDismiss == null ? void 0 : onDismiss();
     fadeOut();
-    setTimeout(function () {
-      return setDismiss(true);
-    }, duration);
+    setTimeout(() => setDismiss(true), duration);
   }, [onDismiss]);
-  return React.createElement(StyledTagContainer, _extends({}, rest, {
-    variant: variant,
-    style: [{
-      opacity: fadeAnim
-    }, style],
+  return /* @__PURE__ */ React__default.createElement(StyledTagContainer, __spreadProps(__spreadValues({}, rest), {
+    variant,
+    style: [{ opacity: fadeAnim }, style],
     visible: !dismiss
-  }), icon && React.createElement(StyledLeftIcon, _extends({
-    size: icon.size || 'micro',
-    colorVariant: icon.colorVariant || 'primary'
-  }, icon)), value, canDismiss && React.createElement(PressableSurface, {
+  }), icon && /* @__PURE__ */ React__default.createElement(StyledLeftIcon, __spreadValues({
+    size: icon.size || "micro",
+    colorVariant: icon.colorVariant || "primary"
+  }, icon)), value, canDismiss && /* @__PURE__ */ React__default.createElement(PressableSurface, {
     onPress: handleDismiss
-  }, React.createElement(StyledCloseIcon, {
+  }, /* @__PURE__ */ React__default.createElement(StyledCloseIcon, {
     name: "close-outline",
     type: "ionicon",
     size: "centi",
@@ -76,5 +82,5 @@ var Tag = function Tag(_ref) {
   })));
 };
 
-export default Tag;
-//# sourceMappingURL=Tag.js.map
+export { Tag as default };
+//# sourceMappingURL=Tag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["React","useCallback","useState","Animated","PressableSurface","StyledCloseIcon","StyledLeftIcon","StyledTagContainer","Tag","value","icon","variant","dismiss","canDismiss","onDismiss","style","rest","setDismiss","fadeAnim","useRef","Value","current","duration","fadeOut","timing","toValue","useNativeDriver","start","handleDismiss","setTimeout","opacity","size","colorVariant"],"sources":["../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Animated, ViewProps } from 'react-native';\nimport { IconProps } from '../Icon';\nimport { PressableSurface } from '../PressableSurface';\nimport { StyledCloseIcon, StyledLeftIcon, StyledTagContainer } from './styled';\n\nexport interface TagProps extends ViewProps {\n  value: React.ReactNode;\n  icon?: IconProps;\n  dismiss?: boolean;\n  onDismiss?: () => void;\n  variant?: 'small' | 'default';\n}\n\nconst Tag: React.FC<TagProps> = ({\n  value,\n  icon,\n  variant = 'small',\n  dismiss: canDismiss = false,\n  onDismiss,\n  style,\n  ...rest\n}): JSX.Element => {\n  const [dismiss, setDismiss] = useState(false);\n  const fadeAnim = React.useRef(new Animated.Value(1)).current;\n  const duration = 300;\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      duration,\n      useNativeDriver: true,\n    }).start();\n  };\n\n  const handleDismiss = useCallback(() => {\n    onDismiss?.();\n    fadeOut();\n    setTimeout(() => setDismiss(true), duration);\n  }, [onDismiss]);\n\n  return (\n    <StyledTagContainer\n      {...rest}\n      variant={variant}\n      style={[{ opacity: fadeAnim as unknown as number }, style]}\n      visible={!dismiss}\n    >\n      {icon && (\n        <StyledLeftIcon\n          size={icon.size || 'micro'}\n          colorVariant={icon.colorVariant || 'primary'}\n          {...icon}\n        />\n      )}\n      {value}\n      {canDismiss && (\n        <PressableSurface onPress={handleDismiss}>\n          <StyledCloseIcon\n            name=\"close-outline\"\n            type=\"ionicon\"\n            size=\"centi\"\n            fontColor=\"medium\"\n          />\n        </PressableSurface>\n      )}\n    </StyledTagContainer>\n  );\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,QAA7B,QAA6C,OAA7C;AACA,SAASC,QAAT,QAAoC,cAApC;AAEA,SAASC,gBAAT,QAAiC,qBAAjC;AACA,SAASC,eAAT,EAA0BC,cAA1B,EAA0CC,kBAA1C,QAAoE,UAApE;;AAUA,IAAMC,GAAuB,GAAG,SAA1BA,GAA0B,OAQb;EAAA,IAPjBC,KAOiB,QAPjBA,KAOiB;EAAA,IANjBC,IAMiB,QANjBA,IAMiB;EAAA,wBALjBC,OAKiB;EAAA,IALjBA,OAKiB,6BALP,OAKO;EAAA,wBAJjBC,OAIiB;EAAA,IAJRC,UAIQ,6BAJK,KAIL;EAAA,IAHjBC,SAGiB,QAHjBA,SAGiB;EAAA,IAFjBC,KAEiB,QAFjBA,KAEiB;EAAA,IADdC,IACc;;EACjB,gBAA8Bd,QAAQ,CAAC,KAAD,CAAtC;EAAA;EAAA,IAAOU,OAAP;EAAA,IAAgBK,UAAhB;;EACA,IAAMC,QAAQ,GAAGlB,KAAK,CAACmB,MAAN,CAAa,IAAIhB,QAAQ,CAACiB,KAAb,CAAmB,CAAnB,CAAb,EAAoCC,OAArD;EACA,IAAMC,QAAQ,GAAG,GAAjB;;EAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;IACpBpB,QAAQ,CAACqB,MAAT,CAAgBN,QAAhB,EAA0B;MACxBO,OAAO,EAAE,CADe;MAExBH,QAAQ,EAARA,QAFwB;MAGxBI,eAAe,EAAE;IAHO,CAA1B,EAIGC,KAJH;EAKD,CAND;;EAQA,IAAMC,aAAa,GAAG3B,WAAW,CAAC,YAAM;IACtCa,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS;IACTS,OAAO;IACPM,UAAU,CAAC;MAAA,OAAMZ,UAAU,CAAC,IAAD,CAAhB;IAAA,CAAD,EAAyBK,QAAzB,CAAV;EACD,CAJgC,EAI9B,CAACR,SAAD,CAJ8B,CAAjC;EAMA,OACE,oBAAC,kBAAD,eACME,IADN;IAEE,OAAO,EAAEL,OAFX;IAGE,KAAK,EAAE,CAAC;MAAEmB,OAAO,EAAEZ;IAAX,CAAD,EAA6CH,KAA7C,CAHT;IAIE,OAAO,EAAE,CAACH;EAJZ,IAMGF,IAAI,IACH,oBAAC,cAAD;IACE,IAAI,EAAEA,IAAI,CAACqB,IAAL,IAAa,OADrB;IAEE,YAAY,EAAErB,IAAI,CAACsB,YAAL,IAAqB;EAFrC,GAGMtB,IAHN,EAPJ,EAaGD,KAbH,EAcGI,UAAU,IACT,oBAAC,gBAAD;IAAkB,OAAO,EAAEe;EAA3B,GACE,oBAAC,eAAD;IACE,IAAI,EAAC,eADP;IAEE,IAAI,EAAC,SAFP;IAGE,IAAI,EAAC,OAHP;IAIE,SAAS,EAAC;EAJZ,EADF,CAfJ,CADF;AA2BD,CAtDD;;AAwDA,eAAepB,GAAf"}
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Animated, ViewProps } from 'react-native';\nimport { IconProps } from '../Icon';\nimport { PressableSurface } from '../PressableSurface';\nimport { StyledCloseIcon, StyledLeftIcon, StyledTagContainer } from './styled';\n\nexport interface TagProps extends ViewProps {\n  value: React.ReactNode;\n  icon?: IconProps;\n  dismiss?: boolean;\n  onDismiss?: () => void;\n  variant?: 'small' | 'default';\n}\n\nconst Tag: React.FC<TagProps> = ({\n  value,\n  icon,\n  variant = 'small',\n  dismiss: canDismiss = false,\n  onDismiss,\n  style,\n  ...rest\n}): JSX.Element => {\n  const [dismiss, setDismiss] = useState(false);\n  const fadeAnim = React.useRef(new Animated.Value(1)).current;\n  const duration = 300;\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      duration,\n      useNativeDriver: true,\n    }).start();\n  };\n\n  const handleDismiss = useCallback(() => {\n    onDismiss?.();\n    fadeOut();\n    setTimeout(() => setDismiss(true), duration);\n  }, [onDismiss]);\n\n  return (\n    <StyledTagContainer\n      {...rest}\n      variant={variant}\n      style={[{ opacity: fadeAnim as unknown as number }, style]}\n      visible={!dismiss}\n    >\n      {icon && (\n        <StyledLeftIcon\n          size={icon.size || 'micro'}\n          colorVariant={icon.colorVariant || 'primary'}\n          {...icon}\n        />\n      )}\n      {value}\n      {canDismiss && (\n        <PressableSurface onPress={handleDismiss}>\n          <StyledCloseIcon\n            name=\"close-outline\"\n            type=\"ionicon\"\n            size=\"centi\"\n            fontColor=\"medium\"\n          />\n        </PressableSurface>\n      )}\n    </StyledTagContainer>\n  );\n};\n\nexport default Tag;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,MAAA,GAAA,GAA0B,CAAC,EAQd,KAAA;AARc,EAC/B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAU,GAAA,OAAA;AAAA,IACV,SAAS,UAAa,GAAA,KAAA;AAAA,IACtB,SAAA;AAAA,IACA,KAAA;AAAA,GApBF,GAciC,EAO5B,EAAA,IAAA,GAAA,SAAA,CAP4B,EAO5B,EAAA;AAAA,IANH,OAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC5C,EAAM,MAAA,QAAA,GAAWA,eAAM,MAAO,CAAA,IAAI,SAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,OAAA,CAAA;AACrD,EAAA,MAAM,QAAW,GAAA,GAAA,CAAA;AAEjB,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,QAAA,CAAS,OAAO,QAAU,EAAA;AAAA,MACxB,OAAS,EAAA,CAAA;AAAA,MACT,QAAA;AAAA,MACA,eAAiB,EAAA,IAAA;AAAA,KAClB,EAAE,KAAM,EAAA,CAAA;AAAA,GACX,CAAA;AAEA,EAAM,MAAA,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,EAAA,CAAA;AACA,IAAQ,OAAA,EAAA,CAAA;AACR,IAAA,UAAA,CAAW,MAAM,UAAA,CAAW,IAAI,CAAA,EAAG,QAAQ,CAAA,CAAA;AAAA,GAC7C,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,qDACK,IADL,CAAA,EAAA;AAAA,IAEC,OAAA;AAAA,IACA,OAAO,CAAC,EAAE,OAAS,EAAA,QAAA,IAAiC,KAAK,CAAA;AAAA,IACzD,SAAS,CAAC,OAAA;AAAA,GAAA,CAAA,EAET,wBACEA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,cAAA,CAAA;AAAA,IACC,IAAA,EAAM,KAAK,IAAQ,IAAA,OAAA;AAAA,IACnB,YAAA,EAAc,KAAK,YAAgB,IAAA,SAAA;AAAA,GAAA,EAC/B,IACN,CAAA,CAAA,EAED,KACA,EAAA,UAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,IAAiB,OAAS,EAAA,aAAA;AAAA,GAAA,kBACxBA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA;AAAA,IACC,IAAK,EAAA,eAAA;AAAA,IACL,IAAK,EAAA,SAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,IACL,SAAU,EAAA,QAAA;AAAA,GACZ,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,39 +1,35 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import styled, { css } from '@emotion/native';
 import { Animated } from 'react-native';
-import { Icon } from '../Icon';
-
-var smallVariant = function smallVariant(_ref) {
-  var theme = _ref.theme,
-      variant = _ref.variant;
-  return variant === 'small' && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-radius: ", ";\n    padding: ", " ", ";\n  "])), theme.borderRadius.micro, theme.spacing.nano, theme.spacing.mili);
-};
+import Icon from '../Icon/Icon.js';
 
-var defaultVariant = function defaultVariant(_ref2) {
-  var theme = _ref2.theme,
-      variant = _ref2.variant;
-  return variant === 'default' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    border-radius: ", ";\n    padding: ", " ", ";\n  "])), theme.borderRadius.mili, theme.spacing.micro, theme.spacing.centi);
-};
+const smallVariant = ({ theme, variant }) => variant === "small" && css`
+    border-radius: ${theme.borderRadius.micro};
+    padding: ${theme.spacing.nano} ${theme.spacing.mili};
+  `;
+const defaultVariant = ({ theme, variant }) => variant === "default" && css`
+    border-radius: ${theme.borderRadius.mili};
+    padding: ${theme.spacing.micro} ${theme.spacing.centi};
+  `;
+const StyledTagContainerBase = styled(Animated.View)`
+  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  align-self: center;
+  display: ${({ visible }) => visible ? "flex" : "none"};
+`;
+const StyledTagContainer = styled(StyledTagContainerBase)(
+  (props) => css`
+    ${smallVariant(props)}
+    ${defaultVariant(props)}
+  `
+);
+const StyledLeftIcon = styled(Icon)`
+  margin-right: ${({ theme }) => theme.spacing.micro};
+`;
+const StyledCloseIcon = styled(Icon)`
+  margin-left: ${({ theme }) => theme.spacing.nano};
+`;
 
-var StyledTagContainerBase = styled(Animated.View)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  align-self: center;\n  display: ", ";\n"])), function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.miscellaneous.bodyColor;
-}, function (_ref4) {
-  var visible = _ref4.visible;
-  return visible ? 'flex' : 'none';
-});
-export var StyledTagContainer = styled(StyledTagContainerBase)(function (props) {
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), smallVariant(props), defaultVariant(props));
-});
-export var StyledLeftIcon = styled(Icon)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.spacing.micro;
-});
-export var StyledCloseIcon = styled(Icon)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n"])), function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.spacing.nano;
-});
-//# sourceMappingURL=styled.js.map
+export { StyledCloseIcon, StyledLeftIcon, StyledTagContainer };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","css","Animated","Icon","smallVariant","theme","variant","borderRadius","micro","spacing","nano","mili","defaultVariant","centi","StyledTagContainerBase","View","miscellaneous","bodyColor","visible","StyledTagContainer","props","StyledLeftIcon","StyledCloseIcon"],"sources":["../../../../src/components/atoms/Tag/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { Animated, ViewProps } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Icon, IconProps } from '../Icon';\nimport { TagProps } from './Tag';\n\nconst smallVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'small' &&\n  css`\n    border-radius: ${theme.borderRadius.micro};\n    padding: ${theme.spacing.nano} ${theme.spacing.mili};\n  `;\n\nconst defaultVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'default' &&\n  css`\n    border-radius: ${theme.borderRadius.mili};\n    padding: ${theme.spacing.micro} ${theme.spacing.centi};\n  `;\n\nconst StyledTagContainerBase = styled(Animated.View)<\n  Partial<TagProps> & Partial<StyleProps> & ViewProps & { visible: boolean }\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  align-self: center;\n  display: ${({ visible }) => (visible ? 'flex' : 'none')};\n`;\n\nexport const StyledTagContainer = styled(StyledTagContainerBase)(\n  props => css`\n    ${smallVariant(props)}\n    ${defaultVariant(props)}\n  `\n);\n\nexport const StyledLeftIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const StyledCloseIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-left: ${({ theme }) => theme.spacing.nano};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AACA,SAASC,QAAT,QAAoC,cAApC;AAEA,SAASC,IAAT,QAAgC,SAAhC;;AAGA,IAAMC,YAAY,GAAG,SAAfA,YAAe;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,IAAUC,OAAV,QAAUA,OAAV;EAAA,OACnBA,OAAO,KAAK,OAAZ,IACAL,GADA,6HAEmBI,KAAK,CAACE,YAAN,CAAmBC,KAFtC,EAGaH,KAAK,CAACI,OAAN,CAAcC,IAH3B,EAGmCL,KAAK,CAACI,OAAN,CAAcE,IAHjD,CADmB;AAAA,CAArB;;AAOA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;EAAA,IAAGP,KAAH,SAAGA,KAAH;EAAA,IAAUC,OAAV,SAAUA,OAAV;EAAA,OACrBA,OAAO,KAAK,SAAZ,IACAL,GADA,+HAEmBI,KAAK,CAACE,YAAN,CAAmBI,IAFtC,EAGaN,KAAK,CAACI,OAAN,CAAcD,KAH3B,EAGoCH,KAAK,CAACI,OAAN,CAAcI,KAHlD,CADqB;AAAA,CAAvB;;AAOA,IAAMC,sBAAsB,GAAGd,MAAM,CAACE,QAAQ,CAACa,IAAV,CAAT,0NAGN;EAAA,IAAGV,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACW,aAAN,CAAoBC,SAAnC;AAAA,CAHM,EAQf;EAAA,IAAGC,OAAH,SAAGA,OAAH;EAAA,OAAkBA,OAAO,GAAG,MAAH,GAAY,MAArC;AAAA,CARe,CAA5B;AAWA,OAAO,IAAMC,kBAAkB,GAAGnB,MAAM,CAACc,sBAAD,CAAN,CAChC,UAAAM,KAAK;EAAA,OAAInB,GAAJ,gGACDG,YAAY,CAACgB,KAAD,CADX,EAEDR,cAAc,CAACQ,KAAD,CAFb;AAAA,CAD2B,CAA3B;AAOP,OAAO,IAAMC,cAAc,GAAGrB,MAAM,CAACG,IAAD,CAAT,iGACT;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,OAAN,CAAcD,KAA7B;AAAA,CADS,CAApB;AAIP,OAAO,IAAMc,eAAe,GAAGtB,MAAM,CAACG,IAAD,CAAT,gGACX;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,OAAN,CAAcC,IAA7B;AAAA,CADW,CAArB"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Tag/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { Animated, ViewProps } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Icon, IconProps } from '../Icon';\nimport { TagProps } from './Tag';\n\nconst smallVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'small' &&\n  css`\n    border-radius: ${theme.borderRadius.micro};\n    padding: ${theme.spacing.nano} ${theme.spacing.mili};\n  `;\n\nconst defaultVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'default' &&\n  css`\n    border-radius: ${theme.borderRadius.mili};\n    padding: ${theme.spacing.micro} ${theme.spacing.centi};\n  `;\n\nconst StyledTagContainerBase = styled(Animated.View)<\n  Partial<TagProps> & Partial<StyleProps> & ViewProps & { visible: boolean }\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  align-self: center;\n  display: ${({ visible }) => (visible ? 'flex' : 'none')};\n`;\n\nexport const StyledTagContainer = styled(StyledTagContainerBase)(\n  props => css`\n    ${smallVariant(props)}\n    ${defaultVariant(props)}\n  `\n);\n\nexport const StyledLeftIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const StyledCloseIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-left: ${({ theme }) => theme.spacing.nano};\n`;\n"],"names":[],"mappings":";;;;AAMA,MAAM,eAAe,CAAC,EAAE,OAAO,OAAQ,EAAA,KACrC,YAAY,OACZ,IAAA,GAAA,CAAA;AAAA,mBAAA,EACmB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,aAAA,EACzB,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGnD,MAAM,iBAAiB,CAAC,EAAE,OAAO,OAAQ,EAAA,KACvC,YAAY,SACZ,IAAA,GAAA,CAAA;AAAA,mBAAA,EACmB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,aAAA,EACzB,KAAM,CAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGpD,MAAM,sBAAA,GAAyB,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,oBAAA,EAG7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAK5C,CAAC,EAAE,OAAQ,EAAA,KAAO,UAAU,MAAS,GAAA,MAAA,CAAA;AAAA,CAAA,CAAA;AAGrC,MAAA,kBAAA,GAAqB,OAAO,sBAAsB,CAAA;AAAA,EAC7D,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IAAA,EACL,aAAa,KAAK,CAAA,CAAA;AAAA,IAAA,EAClB,eAAe,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAE1B,EAAA;AAEa,MAAA,cAAA,GAAiB,OAAO,IAAI,CAAA,CAAA;AAAA,gBAAA,EACvB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,eAAA,GAAkB,OAAO,IAAI,CAAA,CAAA;AAAA,eAAA,EACzB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;;;;"}

package/esm/components/atoms/Text/Text.js

@@ -1,47 +1,76 @@
-var _excluded = ["children", "style", "fontColor", "colorTone", "colorVariant", "fontWeight", "typography", "numberOfLines", "ellipsizeMode", "textTransform", "capitalFirst"];
+import React__default from 'react';
+import { StyledColoredText } from './styled.js';
+import { getLabel } from './functions.js';
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React from 'react';
-import { StyledColoredText } from './styled';
-import { getLabel } from './functions';
-
-var Text = function Text(_ref) {
-  var children = _ref.children,
-      style = _ref.style,
-      _ref$fontColor = _ref.fontColor,
-      fontColor = _ref$fontColor === void 0 ? 'dark' : _ref$fontColor,
-      _ref$colorTone = _ref.colorTone,
-      colorTone = _ref$colorTone === void 0 ? 'medium' : _ref$colorTone,
-      colorVariant = _ref.colorVariant,
-      _ref$fontWeight = _ref.fontWeight,
-      fontWeight = _ref$fontWeight === void 0 ? 'regular' : _ref$fontWeight,
-      _ref$typography = _ref.typography,
-      typography = _ref$typography === void 0 ? 'base' : _ref$typography,
-      numberOfLines = _ref.numberOfLines,
-      ellipsizeMode = _ref.ellipsizeMode,
-      _ref$textTransform = _ref.textTransform,
-      textTransform = _ref$textTransform === void 0 ? 'none' : _ref$textTransform,
-      _ref$capitalFirst = _ref.capitalFirst,
-      capitalFirst = _ref$capitalFirst === void 0 ? false : _ref$capitalFirst,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return React.createElement(StyledColoredText, _extends({}, rest, {
-    style: style,
-    fontColor: fontColor,
-    colorTone: colorTone,
-    colorVariant: colorVariant,
-    fontWeight: fontWeight,
-    typography: typography,
-    numberOfLines: numberOfLines,
-    ellipsizeMode: ellipsizeMode,
-    textTransform: textTransform
+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 Text = (_a) => {
+  var _b = _a, {
+    children,
+    style,
+    fontColor = "dark",
+    colorTone = "medium",
+    colorVariant,
+    fontWeight = "regular",
+    typography = "base",
+    numberOfLines,
+    ellipsizeMode,
+    textTransform = "none",
+    capitalFirst = false
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "style",
+    "fontColor",
+    "colorTone",
+    "colorVariant",
+    "fontWeight",
+    "typography",
+    "numberOfLines",
+    "ellipsizeMode",
+    "textTransform",
+    "capitalFirst"
+  ]);
+  return /* @__PURE__ */ React__default.createElement(StyledColoredText, __spreadProps(__spreadValues({}, rest), {
+    style,
+    fontColor,
+    colorTone,
+    colorVariant,
+    fontWeight,
+    typography,
+    numberOfLines,
+    ellipsizeMode,
+    textTransform
   }), getLabel(children, capitalFirst));
 };
 
-export default Text;
-//# sourceMappingURL=Text.js.map
+export { Text as default };
+//# sourceMappingURL=Text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["React","StyledColoredText","getLabel","Text","children","style","fontColor","colorTone","colorVariant","fontWeight","typography","numberOfLines","ellipsizeMode","textTransform","capitalFirst","rest"],"sources":["../../../../src/components/atoms/Text/Text.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { StyleProp, TextStyle } from 'react-native';\nimport { StyledColoredText } from './styled';\nimport { getLabel } from './functions';\n\nexport interface TextProps {\n  /** Font theme text color */\n  fontColor?: FontColorType;\n  /** Font theme weight */\n  fontWeight?: FontWeightType;\n  /** Font theme sizes */\n  typography?: TypographyVariationType;\n  /** Font theme stack */\n  fontStack?: FontStackType;\n  /** Palette theme colors. You can specify this prop to override theme fontColor */\n  colorVariant?: ColorType;\n  /** Palette theme colors gradation */\n  colorTone?: ColorGradationType;\n  numberOfLines?: number;\n  ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';\n  textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';\n  capitalFirst?: boolean;\n  style?: StyleProp<TextStyle>;\n  children?: React.ReactNode;\n}\n\n/** NOTE: When using colors, be careful to not override fontColor by using colorVariant and colorTone, referent to theme colors and not text colors. */\nconst Text: FC<TextProps> = ({\n  children,\n  style,\n  fontColor = 'dark',\n  colorTone = 'medium',\n  colorVariant,\n  fontWeight = 'regular',\n  typography = 'base',\n  numberOfLines,\n  ellipsizeMode,\n  textTransform = 'none',\n  capitalFirst = false,\n  ...rest\n}): JSX.Element => {\n  return (\n    <StyledColoredText\n      {...rest}\n      style={style}\n      fontColor={fontColor}\n      colorTone={colorTone}\n      colorVariant={colorVariant}\n      fontWeight={fontWeight}\n      typography={typography}\n      numberOfLines={numberOfLines}\n      ellipsizeMode={ellipsizeMode}\n      textTransform={textTransform}\n    >\n      {getLabel(children, capitalFirst)}\n    </StyledColoredText>\n  );\n};\n\nexport default Text;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAA0B,OAA1B;AAUA,SAASC,iBAAT,QAAkC,UAAlC;AACA,SAASC,QAAT,QAAyB,aAAzB;;AAwBA,IAAMC,IAAmB,GAAG,SAAtBA,IAAsB,OAaT;EAAA,IAZjBC,QAYiB,QAZjBA,QAYiB;EAAA,IAXjBC,KAWiB,QAXjBA,KAWiB;EAAA,0BAVjBC,SAUiB;EAAA,IAVjBA,SAUiB,+BAVL,MAUK;EAAA,0BATjBC,SASiB;EAAA,IATjBA,SASiB,+BATL,QASK;EAAA,IARjBC,YAQiB,QARjBA,YAQiB;EAAA,2BAPjBC,UAOiB;EAAA,IAPjBA,UAOiB,gCAPJ,SAOI;EAAA,2BANjBC,UAMiB;EAAA,IANjBA,UAMiB,gCANJ,MAMI;EAAA,IALjBC,aAKiB,QALjBA,aAKiB;EAAA,IAJjBC,aAIiB,QAJjBA,aAIiB;EAAA,8BAHjBC,aAGiB;EAAA,IAHjBA,aAGiB,mCAHD,MAGC;EAAA,6BAFjBC,YAEiB;EAAA,IAFjBA,YAEiB,kCAFF,KAEE;EAAA,IADdC,IACc;;EACjB,OACE,oBAAC,iBAAD,eACMA,IADN;IAEE,KAAK,EAAEV,KAFT;IAGE,SAAS,EAAEC,SAHb;IAIE,SAAS,EAAEC,SAJb;IAKE,YAAY,EAAEC,YALhB;IAME,UAAU,EAAEC,UANd;IAOE,UAAU,EAAEC,UAPd;IAQE,aAAa,EAAEC,aARjB;IASE,aAAa,EAAEC,aATjB;IAUE,aAAa,EAAEC;EAVjB,IAYGX,QAAQ,CAACE,QAAD,EAAWU,YAAX,CAZX,CADF;AAgBD,CA9BD;;AAgCA,eAAeX,IAAf"}
+{"version":3,"file":"Text.js","sources":["../../../../src/components/atoms/Text/Text.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { StyleProp, TextStyle } from 'react-native';\nimport { StyledColoredText } from './styled';\nimport { getLabel } from './functions';\n\nexport interface TextProps {\n  /** Font theme text color */\n  fontColor?: FontColorType;\n  /** Font theme weight */\n  fontWeight?: FontWeightType;\n  /** Font theme sizes */\n  typography?: TypographyVariationType;\n  /** Font theme stack */\n  fontStack?: FontStackType;\n  /** Palette theme colors. You can specify this prop to override theme fontColor */\n  colorVariant?: ColorType;\n  /** Palette theme colors gradation */\n  colorTone?: ColorGradationType;\n  numberOfLines?: number;\n  ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';\n  textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';\n  capitalFirst?: boolean;\n  style?: StyleProp<TextStyle>;\n  children?: React.ReactNode;\n}\n\n/** NOTE: When using colors, be careful to not override fontColor by using colorVariant and colorTone, referent to theme colors and not text colors. */\nconst Text: FC<TextProps> = ({\n  children,\n  style,\n  fontColor = 'dark',\n  colorTone = 'medium',\n  colorVariant,\n  fontWeight = 'regular',\n  typography = 'base',\n  numberOfLines,\n  ellipsizeMode,\n  textTransform = 'none',\n  capitalFirst = false,\n  ...rest\n}): JSX.Element => {\n  return (\n    <StyledColoredText\n      {...rest}\n      style={style}\n      fontColor={fontColor}\n      colorTone={colorTone}\n      colorVariant={colorVariant}\n      fontWeight={fontWeight}\n      typography={typography}\n      numberOfLines={numberOfLines}\n      ellipsizeMode={ellipsizeMode}\n      textTransform={textTransform}\n    >\n      {getLabel(children, capitalFirst)}\n    </StyledColoredText>\n  );\n};\n\nexport default Text;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCM,MAAA,IAAA,GAAsB,CAAC,EAaV,KAAA;AAbU,EAC3B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAY,GAAA,MAAA;AAAA,IACZ,SAAY,GAAA,QAAA;AAAA,IACZ,YAAA;AAAA,IACA,UAAa,GAAA,SAAA;AAAA,IACb,UAAa,GAAA,MAAA;AAAA,IACb,aAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAgB,GAAA,MAAA;AAAA,IAChB,YAAe,GAAA,KAAA;AAAA,GA9CjB,GAmC6B,EAYxB,EAAA,IAAA,GAAA,SAAA,CAZwB,EAYxB,EAAA;AAAA,IAXH,UAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA,eAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,oDACK,IADL,CAAA,EAAA;AAAA,IAEC,KAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,GAEC,CAAA,EAAA,QAAA,CAAS,QAAU,EAAA,YAAY,CAClC,CAAA,CAAA;AAEJ;;;;"}

package/esm/components/atoms/Text/functions.js

@@ -1,7 +1,5 @@
-export var getFirstCapitalCharacter = function getFirstCapitalCharacter(value) {
-  return value.charAt(0).toUpperCase().concat(value.slice(1));
-};
-export var getLabel = function getLabel(children, capitalFirst) {
-  return typeof children === 'string' && capitalFirst ? getFirstCapitalCharacter(children) : children;
-};
-//# sourceMappingURL=functions.js.map
+const getFirstCapitalCharacter = (value) => value.charAt(0).toUpperCase().concat(value.slice(1));
+const getLabel = (children, capitalFirst) => typeof children === "string" && capitalFirst ? getFirstCapitalCharacter(children) : children;
+
+export { getFirstCapitalCharacter, getLabel };
+//# sourceMappingURL=functions.js.map

package/esm/components/atoms/Text/functions.js.map

@@ -1 +1 @@
-{"version":3,"file":"functions.js","names":["getFirstCapitalCharacter","value","charAt","toUpperCase","concat","slice","getLabel","children","capitalFirst"],"sources":["../../../../src/components/atoms/Text/functions.ts"],"sourcesContent":["export const getFirstCapitalCharacter = (value: string): string =>\n  value.charAt(0).toUpperCase().concat(value.slice(1));\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const getLabel = (children, capitalFirst: boolean) =>\n  typeof children === 'string' && capitalFirst\n    ? getFirstCapitalCharacter(children)\n    : children;\n"],"mappings":"AAAA,OAAO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,KAAD;EAAA,OACtCA,KAAK,CAACC,MAAN,CAAa,CAAb,EAAgBC,WAAhB,GAA8BC,MAA9B,CAAqCH,KAAK,CAACI,KAAN,CAAY,CAAZ,CAArC,CADsC;AAAA,CAAjC;AAIP,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,QAAD,EAAWC,YAAX;EAAA,OACtB,OAAOD,QAAP,KAAoB,QAApB,IAAgCC,YAAhC,GACIR,wBAAwB,CAACO,QAAD,CAD5B,GAEIA,QAHkB;AAAA,CAAjB"}
+{"version":3,"file":"functions.js","sources":["../../../../src/components/atoms/Text/functions.ts"],"sourcesContent":["export const getFirstCapitalCharacter = (value: string): string =>\n  value.charAt(0).toUpperCase().concat(value.slice(1));\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const getLabel = (children, capitalFirst: boolean) =>\n  typeof children === 'string' && capitalFirst\n    ? getFirstCapitalCharacter(children)\n    : children;\n"],"names":[],"mappings":"AAAO,MAAM,wBAA2B,GAAA,CAAC,KACvC,KAAA,KAAA,CAAM,MAAO,CAAA,CAAC,CAAE,CAAA,WAAA,EAAc,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,CAAM,CAAC,CAAC,EAAA;AAGxC,MAAA,QAAA,GAAW,CAAC,QAAA,EAAU,YACjC,KAAA,OAAO,aAAa,QAAY,IAAA,YAAA,GAC5B,wBAAyB,CAAA,QAAQ,CACjC,GAAA;;;;"}

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

@@ -1,20 +1,6 @@
 /// <reference types="react" />
-import { TextProps } from '@tecsinapse/react-core';
 import { Text as RNText } from 'react-native';
-export declare const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TextProps & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+export declare const StyledText: import("@emotion/native").StyledComponent<any, {}, {
     ref?: import("react").Ref<RNText> | undefined;
 }>;
-export declare const StyledColoredText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TextProps & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
-    ref?: import("react").Ref<RNText> | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {}>;
+export declare const StyledColoredText: import("@emotion/native").StyledComponent<any, {}, {}>;