@tecsinapse/react-core 1.19.0 → 1.20.0

package/dist/components/atoms/RadioButton/index.js

@@ -1,14 +1,16 @@
 "use strict";
 
-exports.__esModule = true;
-exports.RadioButtonProps = exports.RadioButton = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "RadioButton", {
+  enumerable: true,
+  get: function () {
+    return _RadioButton.default;
+  }
+});
 
-var _RadioButton = _interopRequireWildcard(require("./RadioButton"));
+var _RadioButton = _interopRequireDefault(require("./RadioButton"));
 
-exports.RadioButton = _RadioButton.default;
-exports.RadioButtonProps = _RadioButton.RadioButtonProps;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/RadioButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/RadioButton/index.ts"],"sourcesContent":["export { default as RadioButton, RadioButtonProps } from './RadioButton';\n"],"mappings":";;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/RadioButton/index.ts"],"sourcesContent":["export { default as RadioButton } from './RadioButton';\nexport type { RadioButtonProps } from './RadioButton';\n"],"mappings":";;;;;;;;;;;;AAAA"}

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

@@ -1,44 +1,53 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.ViewStyled = exports.ScaledView = exports.IconWrapper = exports.IconViewStyled = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));
 
 var _reactNative = require("react-native");
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const IconWrapper = (0, _native.default)(_reactNative.View)`
-  border-radius: ${({
-  theme
-}) => theme.borderRadius.pill};
-  border-color: ${({
-  theme,
-  color = 'primary',
-  colorTone = 'medium'
-}) => theme.color[color][colorTone]};
-  border-width: ${({
-  theme
-}) => theme.borderWidth.nano};
-  background-color: ${({
-  theme
-}) => theme.miscellaneous.surfaceColor};
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const IconWrapper = (0, _native.default)(_reactNative.View)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  border-color: ", ";\n  border-width: ", ";\n  background-color: ", ";\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.borderRadius.pill;
+}, _ref2 => {
+  let {
+    theme,
+    color = 'primary',
+    colorTone = 'medium'
+  } = _ref2;
+  return theme.color[color][colorTone];
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.borderWidth.nano;
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.miscellaneous.surfaceColor;
+});
 exports.IconWrapper = IconWrapper;
-const ScaledView = (0, _native.default)(_reactNative.View)`
-  transform: scale(0.8);
-`;
+const ScaledView = (0, _native.default)(_reactNative.View)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  transform: scale(0.8);\n"])));
 exports.ScaledView = ScaledView;
-const IconViewStyled = (0, _native.default)(_reactNative.View)`
-  padding: ${({
-  theme
-}) => theme.spacing.mili};
-`;
+const IconViewStyled = (0, _native.default)(_reactNative.View)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", ";\n"])), _ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.spacing.mili;
+});
 exports.IconViewStyled = IconViewStyled;
-const ViewStyled = (0, _native.default)(_reactNative.View)`
-  align-items: center;
-  flex-direction: row;
-`;
+const ViewStyled = (0, _native.default)(_reactNative.View)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  align-items: center;\n  flex-direction: row;\n"])));
 exports.ViewStyled = ViewStyled;
 //# sourceMappingURL=styled.js.map

package/dist/components/atoms/RadioButton/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["IconWrapper","styled","View","theme","borderRadius","pill","color","colorTone","borderWidth","nano","miscellaneous","surfaceColor","ScaledView","IconViewStyled","spacing","mili","ViewStyled"],"sources":["../../../../src/components/atoms/RadioButton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RadioButtonProps } from './RadioButton';\n\nexport const IconWrapper = styled(View)<Partial<RadioButtonProps & StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & RadioButtonProps) => theme.color[color][colorTone]};\n  border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n`;\n\nexport const ScaledView = styled(View)`\n  transform: scale(0.8);\n`;\n\nexport const IconViewStyled = styled(View)<Partial<StyleProps>>`\n  padding: ${({ theme }: StyleProps) => theme.spacing.mili};\n`;\n\nexport const ViewStyled = styled(View)`\n  align-items: center;\n  flex-direction: row;\n`;\n"],"mappings":";;;;;AAAA;;AACA;;;;AAIO,MAAMA,WAAW,GAAG,IAAAC,eAAA,EAAOC,iBAAP,CAAqD;AAChF,mBAAmB,CAAC;EAAEC;AAAF,CAAD,KAA2BA,KAAK,CAACC,YAAN,CAAmBC,IAAK;AACtE,kBAAkB,CAAC;EACfF,KADe;EAEfG,KAAK,GAAG,SAFO;EAGfC,SAAS,GAAG;AAHG,CAAD,KAIqBJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAA8B;AACrE,kBAAkB,CAAC;EAAEJ;AAAF,CAAD,KAA2BA,KAAK,CAACK,WAAN,CAAkBC,IAAK;AACpE,sBAAsB,CAAC;EAAEN;AAAF,CAAD,KAClBA,KAAK,CAACO,aAAN,CAAoBC,YAAa;AACrC,CAVO;;AAYA,MAAMC,UAAU,GAAG,IAAAX,eAAA,EAAOC,iBAAP,CAAa;AACvC;AACA,CAFO;;AAIA,MAAMW,cAAc,GAAG,IAAAZ,eAAA,EAAOC,iBAAP,CAAkC;AAChE,aAAa,CAAC;EAAEC;AAAF,CAAD,KAA2BA,KAAK,CAACW,OAAN,CAAcC,IAAK;AAC3D,CAFO;;AAIA,MAAMC,UAAU,GAAG,IAAAf,eAAA,EAAOC,iBAAP,CAAa;AACvC;AACA;AACA,CAHO"}
+{"version":3,"file":"styled.js","names":["IconWrapper","styled","View","theme","borderRadius","pill","color","colorTone","borderWidth","nano","miscellaneous","surfaceColor","ScaledView","IconViewStyled","spacing","mili","ViewStyled"],"sources":["../../../../src/components/atoms/RadioButton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RadioButtonProps } from './RadioButton';\n\nexport const IconWrapper = styled(View)<Partial<RadioButtonProps & StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & RadioButtonProps) => theme.color[color][colorTone]};\n  border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n`;\n\nexport const ScaledView = styled(View)`\n  transform: scale(0.8);\n`;\n\nexport const IconViewStyled = styled(View)<Partial<StyleProps>>`\n  padding: ${({ theme }: StyleProps) => theme.spacing.mili};\n`;\n\nexport const ViewStyled = styled(View)`\n  align-items: center;\n  flex-direction: row;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAIO,MAAMA,WAAW,GAAG,IAAAC,eAAA,EAAOC,iBAAP,CAAH,yKACL;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAA2BA,KAAK,CAACC,YAAN,CAAmBC,IAA9C;AAAA,CADK,EAEN;EAAA,IAAC;IACfF,KADe;IAEfG,KAAK,GAAG,SAFO;IAGfC,SAAS,GAAG;EAHG,CAAD;EAAA,OAIqBJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAJrB;AAAA,CAFM,EAON;EAAA,IAAC;IAAEJ;EAAF,CAAD;EAAA,OAA2BA,KAAK,CAACK,WAAN,CAAkBC,IAA7C;AAAA,CAPM,EAQF;EAAA,IAAC;IAAEN;EAAF,CAAD;EAAA,OAClBA,KAAK,CAACO,aAAN,CAAoBC,YADF;AAAA,CARE,CAAjB;;AAYA,MAAMC,UAAU,GAAG,IAAAX,eAAA,EAAOC,iBAAP,CAAH,mGAAhB;;AAIA,MAAMW,cAAc,GAAG,IAAAZ,eAAA,EAAOC,iBAAP,CAAH,4FACd;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAA2BA,KAAK,CAACW,OAAN,CAAcC,IAAzC;AAAA,CADc,CAApB;;AAIA,MAAMC,UAAU,GAAG,IAAAf,eAAA,EAAOC,iBAAP,CAAH,yHAAhB"}

package/dist/components/atoms/Switch/Switch.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = require("@emotion/react");
@@ -23,17 +25,18 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Switch = ({
-  onChange,
-  activeColor = 'primary',
-  activeColorTone = 'medium',
-  inactiveColor = 'secondary',
-  inactiveColorTone = 'light',
-  active,
-  dotStyle,
-  disabled = false,
-  ...rest
-}) => {
+const Switch = _ref => {
+  let {
+    onChange,
+    activeColor = 'primary',
+    activeColorTone = 'medium',
+    inactiveColor = 'secondary',
+    inactiveColorTone = 'light',
+    active,
+    dotStyle,
+    disabled = false,
+    ...rest
+  } = _ref;
   const theme = (0, _react.useTheme)();
 
   const width = _react2.default.useRef(0);

package/dist/components/atoms/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["Switch","onChange","activeColor","activeColorTone","inactiveColor","inactiveColorTone","active","dotStyle","disabled","rest","theme","useTheme","width","React","useRef","transitionValue","Animated","Value","current","animatedColor","calculateTranslate","extractNumbersFromString","spacing","micro","RFValueStr","SWITCH_PIN_WIDTH","getBackgroundColor","color","lightenDarkenColor","interpolateColor","interpolate","inputRange","outputRange","useEffect","translate","transitionSwitch","handleChange","useCallback","handleSwitchLayout","lce","nativeEvent","layout","backgroundColor","transform","translateX"],"sources":["../../../../src/components/atoms/Switch/Switch.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC, useCallback, useEffect } from 'react';\nimport {\n  Animated,\n  LayoutChangeEvent,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport {\n  extractNumbersFromString,\n  lightenDarkenColor,\n  RFValueStr,\n} from '../../../utils';\nimport { PressableSurface } from '../PressableSurface';\nimport { transitionSwitch } from './animation';\nimport { StyledSwitch, StyledSwitchContent, SWITCH_PIN_WIDTH } from './styled';\n\nexport interface SwitchProps {\n  onChange: (active: boolean) => void;\n  active: boolean;\n  activeColor?: ColorType;\n  activeColorTone?: ColorGradationType;\n  inactiveColor?: ColorType;\n  inactiveColorTone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  dotStyle?: StyleProp<ViewStyle>;\n  disabled?: boolean;\n}\n\nconst Switch: FC<SwitchProps> = ({\n  onChange,\n  activeColor = 'primary',\n  activeColorTone = 'medium',\n  inactiveColor = 'secondary',\n  inactiveColorTone = 'light',\n  active,\n  dotStyle,\n  disabled = false,\n  ...rest\n}): JSX.Element => {\n  const theme = useTheme() as ThemeProp;\n\n  const width = React.useRef(0);\n  const transitionValue = React.useRef(new Animated.Value(0)).current;\n  const animatedColor = React.useRef(new Animated.Value(0)).current;\n\n  const calculateTranslate = () => {\n    if (width.current > 0) {\n      return (\n        width.current -\n        extractNumbersFromString(theme.spacing.micro) * 2 -\n        extractNumbersFromString(RFValueStr(SWITCH_PIN_WIDTH))\n      );\n    }\n    return 0;\n  };\n\n  const getBackgroundColor = (color: string) => {\n    return disabled\n      ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20)\n      : color;\n  };\n\n  const interpolateColor = animatedColor.interpolate({\n    inputRange: [0, 1],\n    outputRange: [\n      getBackgroundColor(theme.color[inactiveColor][inactiveColorTone]),\n      getBackgroundColor(theme.color[activeColor][activeColorTone]),\n    ],\n  });\n\n  useEffect(() => {\n    const translate = calculateTranslate();\n    transitionSwitch(active, translate, transitionValue, animatedColor);\n  }, [active]);\n\n  const handleChange = useCallback(() => {\n    onChange(!active);\n  }, [active, onChange]);\n\n  const handleSwitchLayout = (lce: LayoutChangeEvent) => {\n    width.current = lce.nativeEvent.layout.width;\n    const translate = calculateTranslate();\n    transitionSwitch(active, translate, transitionValue, animatedColor);\n  };\n\n  return (\n    <PressableSurface\n      {...rest}\n      onPress={handleChange}\n      effect=\"none\"\n      disabled={disabled}\n    >\n      <StyledSwitchContent\n        onLayout={handleSwitchLayout}\n        style={{ backgroundColor: interpolateColor }}\n      >\n        <StyledSwitch\n          style={[dotStyle, { transform: [{ translateX: transitionValue }] }]}\n        />\n      </StyledSwitchContent>\n    </PressableSurface>\n  );\n};\n\nexport default Switch;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAWA;;AAKA;;AACA;;AACA;;;;;;;;AAcA,MAAMA,MAAuB,GAAG,CAAC;EAC/BC,QAD+B;EAE/BC,WAAW,GAAG,SAFiB;EAG/BC,eAAe,GAAG,QAHa;EAI/BC,aAAa,GAAG,WAJe;EAK/BC,iBAAiB,GAAG,OALW;EAM/BC,MAN+B;EAO/BC,QAP+B;EAQ/BC,QAAQ,GAAG,KARoB;EAS/B,GAAGC;AAT4B,CAAD,KAUb;EACjB,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;;EAEA,MAAMC,KAAK,GAAGC,eAAA,CAAMC,MAAN,CAAa,CAAb,CAAd;;EACA,MAAMC,eAAe,GAAGF,eAAA,CAAMC,MAAN,CAAa,IAAIE,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CAAb,EAAoCC,OAA5D;;EACA,MAAMC,aAAa,GAAGN,eAAA,CAAMC,MAAN,CAAa,IAAIE,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CAAb,EAAoCC,OAA1D;;EAEA,MAAME,kBAAkB,GAAG,MAAM;IAC/B,IAAIR,KAAK,CAACM,OAAN,GAAgB,CAApB,EAAuB;MACrB,OACEN,KAAK,CAACM,OAAN,GACA,IAAAG,+BAAA,EAAyBX,KAAK,CAACY,OAAN,CAAcC,KAAvC,IAAgD,CADhD,GAEA,IAAAF,+BAAA,EAAyB,IAAAG,iBAAA,EAAWC,wBAAX,CAAzB,CAHF;IAKD;;IACD,OAAO,CAAP;EACD,CATD;;EAWA,MAAMC,kBAAkB,GAAIC,KAAD,IAAmB;IAC5C,OAAOnB,QAAQ,GACX,IAAAoB,yBAAA,EAAmBlB,KAAK,CAACiB,KAAN,CAAYvB,aAAZ,EAA2BC,iBAA3B,CAAnB,EAAkE,EAAlE,CADW,GAEXsB,KAFJ;EAGD,CAJD;;EAMA,MAAME,gBAAgB,GAAGV,aAAa,CAACW,WAAd,CAA0B;IACjDC,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,CADqC;IAEjDC,WAAW,EAAE,CACXN,kBAAkB,CAAChB,KAAK,CAACiB,KAAN,CAAYvB,aAAZ,EAA2BC,iBAA3B,CAAD,CADP,EAEXqB,kBAAkB,CAAChB,KAAK,CAACiB,KAAN,CAAYzB,WAAZ,EAAyBC,eAAzB,CAAD,CAFP;EAFoC,CAA1B,CAAzB;EAQA,IAAA8B,iBAAA,EAAU,MAAM;IACd,MAAMC,SAAS,GAAGd,kBAAkB,EAApC;IACA,IAAAe,2BAAA,EAAiB7B,MAAjB,EAAyB4B,SAAzB,EAAoCnB,eAApC,EAAqDI,aAArD;EACD,CAHD,EAGG,CAACb,MAAD,CAHH;EAKA,MAAM8B,YAAY,GAAG,IAAAC,mBAAA,EAAY,MAAM;IACrCpC,QAAQ,CAAC,CAACK,MAAF,CAAR;EACD,CAFoB,EAElB,CAACA,MAAD,EAASL,QAAT,CAFkB,CAArB;;EAIA,MAAMqC,kBAAkB,GAAIC,GAAD,IAA4B;IACrD3B,KAAK,CAACM,OAAN,GAAgBqB,GAAG,CAACC,WAAJ,CAAgBC,MAAhB,CAAuB7B,KAAvC;IACA,MAAMsB,SAAS,GAAGd,kBAAkB,EAApC;IACA,IAAAe,2BAAA,EAAiB7B,MAAjB,EAAyB4B,SAAzB,EAAoCnB,eAApC,EAAqDI,aAArD;EACD,CAJD;;EAMA,OACE,8BAAC,kCAAD,eACMV,IADN;IAEE,OAAO,EAAE2B,YAFX;IAGE,MAAM,EAAC,MAHT;IAIE,QAAQ,EAAE5B;EAJZ,IAME,8BAAC,2BAAD;IACE,QAAQ,EAAE8B,kBADZ;IAEE,KAAK,EAAE;MAAEI,eAAe,EAAEb;IAAnB;EAFT,GAIE,8BAAC,oBAAD;IACE,KAAK,EAAE,CAACtB,QAAD,EAAW;MAAEoC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE7B;MAAd,CAAD;IAAb,CAAX;EADT,EAJF,CANF,CADF;AAiBD,CA1ED;;eA4Eef,M"}
+{"version":3,"file":"Switch.js","names":["Switch","onChange","activeColor","activeColorTone","inactiveColor","inactiveColorTone","active","dotStyle","disabled","rest","theme","useTheme","width","React","useRef","transitionValue","Animated","Value","current","animatedColor","calculateTranslate","extractNumbersFromString","spacing","micro","RFValueStr","SWITCH_PIN_WIDTH","getBackgroundColor","color","lightenDarkenColor","interpolateColor","interpolate","inputRange","outputRange","useEffect","translate","transitionSwitch","handleChange","useCallback","handleSwitchLayout","lce","nativeEvent","layout","backgroundColor","transform","translateX"],"sources":["../../../../src/components/atoms/Switch/Switch.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC, useCallback, useEffect } from 'react';\nimport {\n  Animated,\n  LayoutChangeEvent,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport {\n  extractNumbersFromString,\n  lightenDarkenColor,\n  RFValueStr,\n} from '../../../utils';\nimport { PressableSurface } from '../PressableSurface';\nimport { transitionSwitch } from './animation';\nimport { StyledSwitch, StyledSwitchContent, SWITCH_PIN_WIDTH } from './styled';\n\nexport interface SwitchProps {\n  onChange: (active: boolean) => void;\n  active: boolean;\n  activeColor?: ColorType;\n  activeColorTone?: ColorGradationType;\n  inactiveColor?: ColorType;\n  inactiveColorTone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  dotStyle?: StyleProp<ViewStyle>;\n  disabled?: boolean;\n}\n\nconst Switch: FC<SwitchProps> = ({\n  onChange,\n  activeColor = 'primary',\n  activeColorTone = 'medium',\n  inactiveColor = 'secondary',\n  inactiveColorTone = 'light',\n  active,\n  dotStyle,\n  disabled = false,\n  ...rest\n}): JSX.Element => {\n  const theme = useTheme() as ThemeProp;\n\n  const width = React.useRef(0);\n  const transitionValue = React.useRef(new Animated.Value(0)).current;\n  const animatedColor = React.useRef(new Animated.Value(0)).current;\n\n  const calculateTranslate = () => {\n    if (width.current > 0) {\n      return (\n        width.current -\n        extractNumbersFromString(theme.spacing.micro) * 2 -\n        extractNumbersFromString(RFValueStr(SWITCH_PIN_WIDTH))\n      );\n    }\n    return 0;\n  };\n\n  const getBackgroundColor = (color: string) => {\n    return disabled\n      ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20)\n      : color;\n  };\n\n  const interpolateColor = animatedColor.interpolate({\n    inputRange: [0, 1],\n    outputRange: [\n      getBackgroundColor(theme.color[inactiveColor][inactiveColorTone]),\n      getBackgroundColor(theme.color[activeColor][activeColorTone]),\n    ],\n  });\n\n  useEffect(() => {\n    const translate = calculateTranslate();\n    transitionSwitch(active, translate, transitionValue, animatedColor);\n  }, [active]);\n\n  const handleChange = useCallback(() => {\n    onChange(!active);\n  }, [active, onChange]);\n\n  const handleSwitchLayout = (lce: LayoutChangeEvent) => {\n    width.current = lce.nativeEvent.layout.width;\n    const translate = calculateTranslate();\n    transitionSwitch(active, translate, transitionValue, animatedColor);\n  };\n\n  return (\n    <PressableSurface\n      {...rest}\n      onPress={handleChange}\n      effect=\"none\"\n      disabled={disabled}\n    >\n      <StyledSwitchContent\n        onLayout={handleSwitchLayout}\n        style={{ backgroundColor: interpolateColor }}\n      >\n        <StyledSwitch\n          style={[dotStyle, { transform: [{ translateX: transitionValue }] }]}\n        />\n      </StyledSwitchContent>\n    </PressableSurface>\n  );\n};\n\nexport default Switch;\n"],"mappings":"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"}

package/dist/components/atoms/Switch/animation.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.transitionSwitch = void 0;
 
 var _reactNative = require("react-native");

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

@@ -1 +1 @@
-{"version":3,"file":"animation.js","names":["ANIMATION_SPEED","transitionSwitch","active","translate","transitionValue","animatedColor","Animated","timing","toValue","duration","easing","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;;AAEA,MAAMA,eAAe,GAAG,GAAxB;;AAEO,MAAMC,gBAAgB,GAAG,CAC9BC,MAD8B,EAE9BC,SAF8B,EAG9BC,eAH8B,EAI9BC,aAJ8B,KAKrB;EACT,IAAIF,SAAS,IAAI,CAAjB,EAAoB;;EAEpB,IAAID,MAAJ,EAAY;IACVI,qBAAA,CAASC,MAAT,CAAgBH,eAAhB,EAAiC;MAC/BI,OAAO,EAAEL,SADsB;MAE/BM,QAAQ,EAAET,eAFqB;MAG/BU,MAAM,EAAEC,mBAAA,CAAOC,GAAP,CAAWD,mBAAA,CAAOE,IAAlB,CAHuB;MAI/BC,eAAe,EAAE;IAJc,CAAjC,EAKGC,KALH;;IAMAT,qBAAA,CAASC,MAAT,CAAgBF,aAAhB,EAA+B;MAC7BG,OAAO,EAAE,CADoB;MAE7BC,QAAQ,EAAET,eAFmB;MAG7Bc,eAAe,EAAE;IAHY,CAA/B,EAIGC,KAJH;;IAKA;EACD;;EAEDT,qBAAA,CAASC,MAAT,CAAgBH,eAAhB,EAAiC;IAC/BI,OAAO,EAAE,CADsB;IAE/BC,QAAQ,EAAET,eAFqB;IAG/BU,MAAM,EAAEC,mBAAA,CAAOC,GAAP,CAAWD,mBAAA,CAAOE,IAAlB,CAHuB;IAI/BC,eAAe,EAAE;EAJc,CAAjC,EAKGC,KALH;;EAMAT,qBAAA,CAASC,MAAT,CAAgBF,aAAhB,EAA+B;IAC7BG,OAAO,EAAE,CADoB;IAE7BC,QAAQ,EAAET,eAFmB;IAG7Bc,eAAe,EAAE;EAHY,CAA/B,EAIGC,KAJH;AAKD,CAlCM"}
+{"version":3,"file":"animation.js","names":["ANIMATION_SPEED","transitionSwitch","active","translate","transitionValue","animatedColor","Animated","timing","toValue","duration","easing","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;;AAEA,MAAMA,eAAe,GAAG,GAAxB;;AAEO,MAAMC,gBAAgB,GAAG,CAC9BC,MAD8B,EAE9BC,SAF8B,EAG9BC,eAH8B,EAI9BC,aAJ8B,KAKrB;EACT,IAAIF,SAAS,IAAI,CAAjB,EAAoB;;EAEpB,IAAID,MAAJ,EAAY;IACVI,qBAAA,CAASC,MAAT,CAAgBH,eAAhB,EAAiC;MAC/BI,OAAO,EAAEL,SADsB;MAE/BM,QAAQ,EAAET,eAFqB;MAG/BU,MAAM,EAAEC,mBAAA,CAAOC,GAAP,CAAWD,mBAAA,CAAOE,IAAlB,CAHuB;MAI/BC,eAAe,EAAE;IAJc,CAAjC,EAKGC,KALH;;IAMAT,qBAAA,CAASC,MAAT,CAAgBF,aAAhB,EAA+B;MAC7BG,OAAO,EAAE,CADoB;MAE7BC,QAAQ,EAAET,eAFmB;MAG7Bc,eAAe,EAAE;IAHY,CAA/B,EAIGC,KAJH;;IAKA;EACD;;EAEDT,qBAAA,CAASC,MAAT,CAAgBH,eAAhB,EAAiC;IAC/BI,OAAO,EAAE,CADsB;IAE/BC,QAAQ,EAAET,eAFqB;IAG/BU,MAAM,EAAEC,mBAAA,CAAOC,GAAP,CAAWD,mBAAA,CAAOE,IAAlB,CAHuB;IAI/BC,eAAe,EAAE;EAJc,CAAjC,EAKGC,KALH;;EAMAT,qBAAA,CAASC,MAAT,CAAgBF,aAAhB,EAA+B;IAC7BG,OAAO,EAAE,CADoB;IAE7BC,QAAQ,EAAET,eAFmB;IAG7Bc,eAAe,EAAE;EAHY,CAA/B,EAIGC,KAJH;AAKD,CAlCM"}

package/dist/components/atoms/Switch/index.d.ts

@@ -1 +1,2 @@
-export { default as Switch, SwitchProps } from './Switch';
+export { default as Switch } from './Switch';
+export type { SwitchProps } from './Switch';

package/dist/components/atoms/Switch/index.js

@@ -1,14 +1,16 @@
 "use strict";
 
-exports.__esModule = true;
-exports.SwitchProps = exports.Switch = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () {
+    return _Switch.default;
+  }
+});
 
-var _Switch = _interopRequireWildcard(require("./Switch"));
+var _Switch = _interopRequireDefault(require("./Switch"));
 
-exports.Switch = _Switch.default;
-exports.SwitchProps = _Switch.SwitchProps;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Switch/index.ts"],"sourcesContent":["export { default as Switch, SwitchProps } from './Switch';\n"],"mappings":";;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Switch/index.ts"],"sourcesContent":["export { default as Switch } from './Switch';\nexport type { SwitchProps } from './Switch';\n"],"mappings":";;;;;;;;;;;;AAAA"}

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

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.StyledSwitchContent = exports.StyledSwitch = exports.SWITCH_PIN_WIDTH = exports.SWITCH_BODY_WIDTH = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));
@@ -9,33 +11,38 @@ var _reactNative = require("react-native");
 
 var _utils = require("../../../utils");
 
+var _templateObject, _templateObject2;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 const SWITCH_BODY_WIDTH = '40px';
 exports.SWITCH_BODY_WIDTH = SWITCH_BODY_WIDTH;
 const SWITCH_PIN_WIDTH = '16px';
 exports.SWITCH_PIN_WIDTH = SWITCH_PIN_WIDTH;
-const StyledSwitchContent = (0, _native.default)(_reactNative.Animated.View)`
-  border-radius: ${({
-  theme
-}) => theme.borderRadius.pill};
-  padding: 0 ${({
-  theme
-}) => theme.spacing.micro};
-  justify-content: center;
-  width: ${(0, _utils.RFValueStr)(SWITCH_BODY_WIDTH)};
-  height: ${(0, _utils.RFValueStr)('22px')};
-`;
+const StyledSwitchContent = (0, _native.default)(_reactNative.Animated.View)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: 0 ", ";\n  justify-content: center;\n  width: ", ";\n  height: ", ";\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.borderRadius.pill;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.spacing.micro;
+}, (0, _utils.RFValueStr)(SWITCH_BODY_WIDTH), (0, _utils.RFValueStr)('22px'));
 exports.StyledSwitchContent = StyledSwitchContent;
-const StyledSwitch = (0, _native.default)(_reactNative.Animated.View)`
-  border-radius: ${({
-  theme
-}) => theme.borderRadius.pill};
-  background-color: ${({
-  theme
-}) => theme.miscellaneous.surfaceColor};
-  width: ${(0, _utils.RFValueStr)(SWITCH_PIN_WIDTH)};
-  height: ${(0, _utils.RFValueStr)('16px')};
-`;
+const StyledSwitch = (0, _native.default)(_reactNative.Animated.View)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n"])), _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.borderRadius.pill;
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.miscellaneous.surfaceColor;
+}, (0, _utils.RFValueStr)(SWITCH_PIN_WIDTH), (0, _utils.RFValueStr)('16px'));
 exports.StyledSwitch = StyledSwitch;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["SWITCH_BODY_WIDTH","SWITCH_PIN_WIDTH","StyledSwitchContent","styled","Animated","View","theme","borderRadius","pill","spacing","micro","RFValueStr","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;;AACA;;AAEA;;;;AAEO,MAAMA,iBAAiB,GAAG,MAA1B;;AACA,MAAMC,gBAAgB,GAAG,MAAzB;;AAEA,MAAMC,mBAAmB,GAAG,IAAAC,eAAA,EAAOC,qBAAA,CAASC,IAAhB,CAA2C;AAC9E,mBAAmB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAK;AAC1D,eAAe,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACG,OAAN,CAAcC,KAAM;AAClD;AACA,WAAW,IAAAC,iBAAA,EAAWX,iBAAX,CAA8B;AACzC,YAAY,IAAAW,iBAAA,EAAW,MAAX,CAAmB;AAC/B,CANO;;AAQA,MAAMC,YAAY,GAAG,IAAAT,eAAA,EAAOC,qBAAA,CAASC,IAAhB,CAA2C;AACvE,mBAAmB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAK;AAC1D,sBAAsB,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACO,aAAN,CAAoBC,YAAa;AACtE,WAAW,IAAAH,iBAAA,EAAWV,gBAAX,CAA6B;AACxC,YAAY,IAAAU,iBAAA,EAAW,MAAX,CAAmB;AAC/B,CALO"}
+{"version":3,"file":"styled.js","names":["SWITCH_BODY_WIDTH","SWITCH_PIN_WIDTH","StyledSwitchContent","styled","Animated","View","theme","borderRadius","pill","spacing","micro","RFValueStr","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;;AACA;;AAEA;;;;;;;;AAEO,MAAMA,iBAAiB,GAAG,MAA1B;;AACA,MAAMC,gBAAgB,GAAG,MAAzB;;AAEA,MAAMC,mBAAmB,GAAG,IAAAC,eAAA,EAAOC,qBAAA,CAASC,IAAhB,CAAH,iLACb;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAlC;AAAA,CADa,EAEjB;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACG,OAAN,CAAcC,KAA7B;AAAA,CAFiB,EAIrB,IAAAC,iBAAA,EAAWX,iBAAX,CAJqB,EAKpB,IAAAW,iBAAA,EAAW,MAAX,CALoB,CAAzB;;AAQA,MAAMC,YAAY,GAAG,IAAAT,eAAA,EAAOC,qBAAA,CAASC,IAAhB,CAAH,8JACN;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAlC;AAAA,CADM,EAEH;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACO,aAAN,CAAoBC,YAAnC;AAAA,CAFG,EAGd,IAAAH,iBAAA,EAAWV,gBAAX,CAHc,EAIb,IAAAU,iBAAA,EAAW,MAAX,CAJa,CAAlB"}

package/dist/components/atoms/Tag/Tag.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
@@ -17,15 +19,16 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Tag = ({
-  value,
-  icon,
-  variant = 'small',
-  dismiss: canDismiss = false,
-  onDismiss,
-  style,
-  ...rest
-}) => {
+const Tag = _ref => {
+  let {
+    value,
+    icon,
+    variant = 'small',
+    dismiss: canDismiss = false,
+    onDismiss,
+    style,
+    ...rest
+  } = _ref;
   const [dismiss, setDismiss] = (0, _react.useState)(false);
 
   const fadeAnim = _react.default.useRef(new _reactNative.Animated.Value(1)).current;
@@ -41,7 +44,7 @@ const Tag = ({
   };
 
   const handleDismiss = (0, _react.useCallback)(() => {
-    onDismiss == null ? void 0 : onDismiss();
+    onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
     fadeOut();
     setTimeout(() => setDismiss(true), duration);
   }, [onDismiss]);

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["Tag","value","icon","variant","dismiss","canDismiss","onDismiss","style","rest","setDismiss","useState","fadeAnim","React","useRef","Animated","Value","current","duration","fadeOut","timing","toValue","useNativeDriver","start","handleDismiss","useCallback","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;;AACA;;AAEA;;AACA;;;;;;;;AAUA,MAAMA,GAAuB,GAAG,CAAC;EAC/BC,KAD+B;EAE/BC,IAF+B;EAG/BC,OAAO,GAAG,OAHqB;EAI/BC,OAAO,EAAEC,UAAU,GAAG,KAJS;EAK/BC,SAL+B;EAM/BC,KAN+B;EAO/B,GAAGC;AAP4B,CAAD,KAQb;EACjB,MAAM,CAACJ,OAAD,EAAUK,UAAV,IAAwB,IAAAC,eAAA,EAAS,KAAT,CAA9B;;EACA,MAAMC,QAAQ,GAAGC,cAAA,CAAMC,MAAN,CAAa,IAAIC,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CAAb,EAAoCC,OAArD;;EACA,MAAMC,QAAQ,GAAG,GAAjB;;EAEA,MAAMC,OAAO,GAAG,MAAM;IACpBJ,qBAAA,CAASK,MAAT,CAAgBR,QAAhB,EAA0B;MACxBS,OAAO,EAAE,CADe;MAExBH,QAFwB;MAGxBI,eAAe,EAAE;IAHO,CAA1B,EAIGC,KAJH;EAKD,CAND;;EAQA,MAAMC,aAAa,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACtClB,SAAS,QAAT,YAAAA,SAAS;IACTY,OAAO;IACPO,UAAU,CAAC,MAAMhB,UAAU,CAAC,IAAD,CAAjB,EAAyBQ,QAAzB,CAAV;EACD,CAJqB,EAInB,CAACX,SAAD,CAJmB,CAAtB;EAMA,OACE,6BAAC,0BAAD,eACME,IADN;IAEE,OAAO,EAAEL,OAFX;IAGE,KAAK,EAAE,CAAC;MAAEuB,OAAO,EAAEf;IAAX,CAAD,EAA6CJ,KAA7C,CAHT;IAIE,OAAO,EAAE,CAACH;EAJZ,IAMGF,IAAI,IACH,6BAAC,sBAAD;IACE,IAAI,EAAEA,IAAI,CAACyB,IAAL,IAAa,OADrB;IAEE,YAAY,EAAEzB,IAAI,CAAC0B,YAAL,IAAqB;EAFrC,GAGM1B,IAHN,EAPJ,EAaGD,KAbH,EAcGI,UAAU,IACT,6BAAC,kCAAD;IAAkB,OAAO,EAAEkB;EAA3B,GACE,6BAAC,uBAAD;IACE,IAAI,EAAC,eADP;IAEE,IAAI,EAAC,SAFP;IAGE,IAAI,EAAC,OAHP;IAIE,SAAS,EAAC;EAJZ,EADF,CAfJ,CADF;AA2BD,CAtDD;;eAwDevB,G"}
+{"version":3,"file":"Tag.js","names":["Tag","value","icon","variant","dismiss","canDismiss","onDismiss","style","rest","setDismiss","useState","fadeAnim","React","useRef","Animated","Value","current","duration","fadeOut","timing","toValue","useNativeDriver","start","handleDismiss","useCallback","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;;AACA;;AAEA;;AACA;;;;;;;;AAUA,MAAMA,GAAuB,GAAG,QAQb;EAAA,IARc;IAC/BC,KAD+B;IAE/BC,IAF+B;IAG/BC,OAAO,GAAG,OAHqB;IAI/BC,OAAO,EAAEC,UAAU,GAAG,KAJS;IAK/BC,SAL+B;IAM/BC,KAN+B;IAO/B,GAAGC;EAP4B,CAQd;EACjB,MAAM,CAACJ,OAAD,EAAUK,UAAV,IAAwB,IAAAC,eAAA,EAAS,KAAT,CAA9B;;EACA,MAAMC,QAAQ,GAAGC,cAAA,CAAMC,MAAN,CAAa,IAAIC,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CAAb,EAAoCC,OAArD;;EACA,MAAMC,QAAQ,GAAG,GAAjB;;EAEA,MAAMC,OAAO,GAAG,MAAM;IACpBJ,qBAAA,CAASK,MAAT,CAAgBR,QAAhB,EAA0B;MACxBS,OAAO,EAAE,CADe;MAExBH,QAFwB;MAGxBI,eAAe,EAAE;IAHO,CAA1B,EAIGC,KAJH;EAKD,CAND;;EAQA,MAAMC,aAAa,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACtClB,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS;IACTY,OAAO;IACPO,UAAU,CAAC,MAAMhB,UAAU,CAAC,IAAD,CAAjB,EAAyBQ,QAAzB,CAAV;EACD,CAJqB,EAInB,CAACX,SAAD,CAJmB,CAAtB;EAMA,OACE,6BAAC,0BAAD,eACME,IADN;IAEE,OAAO,EAAEL,OAFX;IAGE,KAAK,EAAE,CAAC;MAAEuB,OAAO,EAAEf;IAAX,CAAD,EAA6CJ,KAA7C,CAHT;IAIE,OAAO,EAAE,CAACH;EAJZ,IAMGF,IAAI,IACH,6BAAC,sBAAD;IACE,IAAI,EAAEA,IAAI,CAACyB,IAAL,IAAa,OADrB;IAEE,YAAY,EAAEzB,IAAI,CAAC0B,YAAL,IAAqB;EAFrC,GAGM1B,IAHN,EAPJ,EAaGD,KAbH,EAcGI,UAAU,IACT,6BAAC,kCAAD;IAAkB,OAAO,EAAEkB;EAA3B,GACE,6BAAC,uBAAD;IACE,IAAI,EAAC,eADP;IAEE,IAAI,EAAC,SAFP;IAGE,IAAI,EAAC,OAHP;IAIE,SAAS,EAAC;EAJZ,EADF,CAfJ,CADF;AA2BD,CAtDD;;eAwDevB,G"}

package/dist/components/atoms/Tag/index.d.ts

@@ -1 +1,2 @@
-export { default as Tag, TagProps } from './Tag';
+export { default as Tag } from './Tag';
+export type { TagProps } from './Tag';

package/dist/components/atoms/Tag/index.js

@@ -1,14 +1,16 @@
 "use strict";
 
-exports.__esModule = true;
-exports.TagProps = exports.Tag = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Tag", {
+  enumerable: true,
+  get: function () {
+    return _Tag.default;
+  }
+});
 
-var _Tag = _interopRequireWildcard(require("./Tag"));
+var _Tag = _interopRequireDefault(require("./Tag"));
 
-exports.Tag = _Tag.default;
-exports.TagProps = _Tag.TagProps;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Tag/index.ts"],"sourcesContent":["export { default as Tag, TagProps } from './Tag';\n"],"mappings":";;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Tag/index.ts"],"sourcesContent":["export { default as Tag } from './Tag';\nexport type { TagProps } from './Tag';\n"],"mappings":";;;;;;;;;;;;AAAA"}

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

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.StyledTagContainer = exports.StyledLeftIcon = exports.StyledCloseIcon = void 0;
 
 var _native = _interopRequireWildcard(require("@emotion/native"));
@@ -9,53 +11,55 @@ var _reactNative = require("react-native");
 
 var _Icon = require("../Icon");
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const smallVariant = ({
-  theme,
-  variant
-}) => variant === 'small' && (0, _native.css)`
-    border-radius: ${theme.borderRadius.micro};
-    padding: ${theme.spacing.nano} ${theme.spacing.mili};
-  `;
-
-const defaultVariant = ({
-  theme,
-  variant
-}) => variant === 'default' && (0, _native.css)`
-    border-radius: ${theme.borderRadius.mili};
-    padding: ${theme.spacing.micro} ${theme.spacing.centi};
-  `;
-
-const StyledTagContainerBase = (0, _native.default)(_reactNative.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 = (0, _native.default)(StyledTagContainerBase)(props => (0, _native.css)`
-    ${smallVariant(props)}
-    ${defaultVariant(props)}
-  `);
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const smallVariant = _ref => {
+  let {
+    theme,
+    variant
+  } = _ref;
+  return variant === 'small' && (0, _native.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-radius: ", ";\n    padding: ", " ", ";\n  "])), theme.borderRadius.micro, theme.spacing.nano, theme.spacing.mili);
+};
+
+const defaultVariant = _ref2 => {
+  let {
+    theme,
+    variant
+  } = _ref2;
+  return variant === 'default' && (0, _native.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    border-radius: ", ";\n    padding: ", " ", ";\n  "])), theme.borderRadius.mili, theme.spacing.micro, theme.spacing.centi);
+};
+
+const StyledTagContainerBase = (0, _native.default)(_reactNative.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"])), _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.miscellaneous.bodyColor;
+}, _ref4 => {
+  let {
+    visible
+  } = _ref4;
+  return visible ? 'flex' : 'none';
+});
+const StyledTagContainer = (0, _native.default)(StyledTagContainerBase)(props => (0, _native.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), smallVariant(props), defaultVariant(props)));
 exports.StyledTagContainer = StyledTagContainer;
-const StyledLeftIcon = (0, _native.default)(_Icon.Icon)`
-  margin-right: ${({
-  theme
-}) => theme.spacing.micro};
-`;
+const StyledLeftIcon = (0, _native.default)(_Icon.Icon)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), _ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.spacing.micro;
+});
 exports.StyledLeftIcon = StyledLeftIcon;
-const StyledCloseIcon = (0, _native.default)(_Icon.Icon)`
-  margin-left: ${({
-  theme
-}) => theme.spacing.nano};
-`;
+const StyledCloseIcon = (0, _native.default)(_Icon.Icon)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n"])), _ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.spacing.nano;
+});
 exports.StyledCloseIcon = StyledCloseIcon;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["smallVariant","theme","variant","css","borderRadius","micro","spacing","nano","mili","defaultVariant","centi","StyledTagContainerBase","styled","Animated","View","miscellaneous","bodyColor","visible","StyledTagContainer","props","StyledLeftIcon","Icon","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;;AACA;;AAEA;;;;;;AAGA,MAAMA,YAAY,GAAG,CAAC;EAAEC,KAAF;EAASC;AAAT,CAAD,KACnBA,OAAO,KAAK,OAAZ,IACA,IAAAC,WAAA,CAAI;AACN,qBAAqBF,KAAK,CAACG,YAAN,CAAmBC,KAAM;AAC9C,eAAeJ,KAAK,CAACK,OAAN,CAAcC,IAAK,IAAGN,KAAK,CAACK,OAAN,CAAcE,IAAK;AACxD,GALA;;AAOA,MAAMC,cAAc,GAAG,CAAC;EAAER,KAAF;EAASC;AAAT,CAAD,KACrBA,OAAO,KAAK,SAAZ,IACA,IAAAC,WAAA,CAAI;AACN,qBAAqBF,KAAK,CAACG,YAAN,CAAmBI,IAAK;AAC7C,eAAeP,KAAK,CAACK,OAAN,CAAcD,KAAM,IAAGJ,KAAK,CAACK,OAAN,CAAcI,KAAM;AAC1D,GALA;;AAOA,MAAMC,sBAAsB,GAAG,IAAAC,eAAA,EAAOC,qBAAA,CAASC,IAAhB,CAE7B;AACF,sBAAsB,CAAC;EAAEb;AAAF,CAAD,KAAeA,KAAK,CAACc,aAAN,CAAoBC,SAAU;AACnE;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEC;AAAF,CAAD,KAAkBA,OAAO,GAAG,MAAH,GAAY,MAAQ;AAC1D,CATA;AAWO,MAAMC,kBAAkB,GAAG,IAAAN,eAAA,EAAOD,sBAAP,EAChCQ,KAAK,IAAI,IAAAhB,WAAA,CAAI;AACf,MAAMH,YAAY,CAACmB,KAAD,CAAQ;AAC1B,MAAMV,cAAc,CAACU,KAAD,CAAQ;AAC5B,GAJkC,CAA3B;;AAOA,MAAMC,cAAc,GAAG,IAAAR,eAAA,EAAOS,UAAP,CAA8C;AAC5E,kBAAkB,CAAC;EAAEpB;AAAF,CAAD,KAAeA,KAAK,CAACK,OAAN,CAAcD,KAAM;AACrD,CAFO;;AAIA,MAAMiB,eAAe,GAAG,IAAAV,eAAA,EAAOS,UAAP,CAA8C;AAC7E,iBAAiB,CAAC;EAAEpB;AAAF,CAAD,KAAeA,KAAK,CAACK,OAAN,CAAcC,IAAK;AACnD,CAFO"}
+{"version":3,"file":"styled.js","names":["smallVariant","theme","variant","css","borderRadius","micro","spacing","nano","mili","defaultVariant","centi","StyledTagContainerBase","styled","Animated","View","miscellaneous","bodyColor","visible","StyledTagContainer","props","StyledLeftIcon","Icon","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;;AACA;;AAEA;;;;;;;;;;AAGA,MAAMA,YAAY,GAAG;EAAA,IAAC;IAAEC,KAAF;IAASC;EAAT,CAAD;EAAA,OACnBA,OAAO,KAAK,OAAZ,QACAC,WADA,8HAEmBF,KAAK,CAACG,YAAN,CAAmBC,KAFtC,EAGaJ,KAAK,CAACK,OAAN,CAAcC,IAH3B,EAGmCN,KAAK,CAACK,OAAN,CAAcE,IAHjD,CADmB;AAAA,CAArB;;AAOA,MAAMC,cAAc,GAAG;EAAA,IAAC;IAAER,KAAF;IAASC;EAAT,CAAD;EAAA,OACrBA,OAAO,KAAK,SAAZ,QACAC,WADA,gIAEmBF,KAAK,CAACG,YAAN,CAAmBI,IAFtC,EAGaP,KAAK,CAACK,OAAN,CAAcD,KAH3B,EAGoCJ,KAAK,CAACK,OAAN,CAAcI,KAHlD,CADqB;AAAA,CAAvB;;AAOA,MAAMC,sBAAsB,GAAG,IAAAC,eAAA,EAAOC,qBAAA,CAASC,IAAhB,CAAH,0NAGN;EAAA,IAAC;IAAEb;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACc,aAAN,CAAoBC,SAAnC;AAAA,CAHM,EAQf;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAkBA,OAAO,GAAG,MAAH,GAAY,MAArC;AAAA,CARe,CAA5B;AAWO,MAAMC,kBAAkB,GAAG,IAAAN,eAAA,EAAOD,sBAAP,EAChCQ,KAAK,QAAIhB,WAAJ,iGACDH,YAAY,CAACmB,KAAD,CADX,EAEDV,cAAc,CAACU,KAAD,CAFb,CAD2B,CAA3B;;AAOA,MAAMC,cAAc,GAAG,IAAAR,eAAA,EAAOS,UAAP,CAAH,iGACT;EAAA,IAAC;IAAEpB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACK,OAAN,CAAcD,KAA7B;AAAA,CADS,CAApB;;AAIA,MAAMiB,eAAe,GAAG,IAAAV,eAAA,EAAOS,UAAP,CAAH,gGACX;EAAA,IAAC;IAAEpB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACK,OAAN,CAAcC,IAA7B;AAAA,CADW,CAArB"}