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

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

@@ -1,52 +1,83 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.default = void 0;
+var React = require('react');
+var reactNative = require('react-native');
+var Icon = require('../Icon/Icon.js');
+var styled = require('./styled.js');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _reactNative = require("react-native");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _Icon = require("../Icon");
-
-var _styled = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const RadioButton = ({
-  children,
-  onChange,
-  checked,
-  labelPosition = 'right',
-  disabled = false,
-  color = 'primary',
-  colorTone = 'medium',
-  ...rest
-}) => {
+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 RadioButton = (_a) => {
+  var _b = _a, {
+    children,
+    onChange,
+    checked,
+    labelPosition = "right",
+    disabled = false,
+    color = "primary",
+    colorTone = "medium"
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "onChange",
+    "checked",
+    "labelPosition",
+    "disabled",
+    "color",
+    "colorTone"
+  ]);
   const handleChange = () => {
     onChange && onChange(!checked);
   };
-
-  return _react.default.createElement(_reactNative.Pressable, _extends({}, rest, {
-    disabled: disabled,
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, __spreadProps(__spreadValues({}, rest), {
+    disabled,
     onPress: handleChange,
     accessibilityRole: "radio"
-  }), _react.default.createElement(_styled.ViewStyled, null, labelPosition === 'left' && children, checked && _react.default.createElement(_styled.IconViewStyled, null, _react.default.createElement(_styled.IconWrapper, null, _react.default.createElement(_styled.ScaledView, null, _react.default.createElement(_Icon.Icon, {
+  }), /* @__PURE__ */ React__default["default"].createElement(styled.ViewStyled, null, labelPosition === "left" && children, checked && /* @__PURE__ */ React__default["default"].createElement(styled.IconViewStyled, null, /* @__PURE__ */ React__default["default"].createElement(styled.IconWrapper, null, /* @__PURE__ */ React__default["default"].createElement(styled.ScaledView, null, /* @__PURE__ */ React__default["default"].createElement(Icon, {
     name: "circle",
     colorVariant: color,
-    colorTone: colorTone,
+    colorTone,
     type: "material-community",
     size: "centi"
-  })))), !checked && _react.default.createElement(_styled.IconViewStyled, null, _react.default.createElement(_styled.IconWrapper, null, _react.default.createElement(_styled.ScaledView, null, _react.default.createElement(_Icon.Icon, {
+  })))), !checked && /* @__PURE__ */ React__default["default"].createElement(styled.IconViewStyled, null, /* @__PURE__ */ React__default["default"].createElement(styled.IconWrapper, null, /* @__PURE__ */ React__default["default"].createElement(styled.ScaledView, null, /* @__PURE__ */ React__default["default"].createElement(Icon, {
     name: "circle",
     fontColor: "light",
     type: "material-community",
     size: "centi"
-  })))), labelPosition === 'right' && children));
+  })))), labelPosition === "right" && children));
 };
 
-var _default = RadioButton;
-exports.default = _default;
-//# sourceMappingURL=RadioButton.js.map
+module.exports = RadioButton;
+//# sourceMappingURL=RadioButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","names":["RadioButton","children","onChange","checked","labelPosition","disabled","color","colorTone","rest","handleChange"],"sources":["../../../../src/components/atoms/RadioButton/RadioButton.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon } from '../Icon';\nimport { IconViewStyled, IconWrapper, ScaledView, ViewStyled } from './styled';\n\nexport interface RadioButtonProps {\n  /** Element is checked */\n  checked?: boolean;\n  /** Change handler */\n  onChange?: (checked: boolean) => void;\n  /** Position of children */\n  labelPosition?: 'left' | 'right';\n  /** Element is not clickable */\n  disabled?: boolean;\n  /** Color definition from theme */\n  color?: ColorType;\n  /** Color gradation from theme */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst RadioButton: FC<RadioButtonProps> = ({\n  children,\n  onChange,\n  checked,\n  labelPosition = 'right',\n  disabled = false,\n  color = 'primary',\n  colorTone = 'medium',\n  ...rest\n}): JSX.Element => {\n  const handleChange = () => {\n    onChange && onChange(!checked);\n  };\n\n  return (\n    <Pressable\n      {...rest}\n      disabled={disabled}\n      onPress={handleChange}\n      accessibilityRole=\"radio\"\n    >\n      <ViewStyled>\n        {labelPosition === 'left' && children}\n        {checked && (\n          <IconViewStyled>\n            <IconWrapper>\n              <ScaledView>\n                <Icon\n                  name=\"circle\"\n                  colorVariant={color}\n                  colorTone={colorTone}\n                  type=\"material-community\"\n                  size=\"centi\"\n                />\n              </ScaledView>\n            </IconWrapper>\n          </IconViewStyled>\n        )}\n        {!checked && (\n          <IconViewStyled>\n            <IconWrapper>\n              <ScaledView>\n                <Icon\n                  name=\"circle\"\n                  fontColor=\"light\"\n                  type=\"material-community\"\n                  size=\"centi\"\n                />\n              </ScaledView>\n            </IconWrapper>\n          </IconViewStyled>\n        )}\n        {labelPosition === 'right' && children}\n      </ViewStyled>\n    </Pressable>\n  );\n};\n\nexport default RadioButton;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAkBA,MAAMA,WAAiC,GAAG,CAAC;EACzCC,QADyC;EAEzCC,QAFyC;EAGzCC,OAHyC;EAIzCC,aAAa,GAAG,OAJyB;EAKzCC,QAAQ,GAAG,KAL8B;EAMzCC,KAAK,GAAG,SANiC;EAOzCC,SAAS,GAAG,QAP6B;EAQzC,GAAGC;AARsC,CAAD,KASvB;EACjB,MAAMC,YAAY,GAAG,MAAM;IACzBP,QAAQ,IAAIA,QAAQ,CAAC,CAACC,OAAF,CAApB;EACD,CAFD;;EAIA,OACE,6BAAC,sBAAD,eACMK,IADN;IAEE,QAAQ,EAAEH,QAFZ;IAGE,OAAO,EAAEI,YAHX;IAIE,iBAAiB,EAAC;EAJpB,IAME,6BAAC,kBAAD,QACGL,aAAa,KAAK,MAAlB,IAA4BH,QAD/B,EAEGE,OAAO,IACN,6BAAC,sBAAD,QACE,6BAAC,mBAAD,QACE,6BAAC,kBAAD,QACE,6BAAC,UAAD;IACE,IAAI,EAAC,QADP;IAEE,YAAY,EAAEG,KAFhB;IAGE,SAAS,EAAEC,SAHb;IAIE,IAAI,EAAC,oBAJP;IAKE,IAAI,EAAC;EALP,EADF,CADF,CADF,CAHJ,EAiBG,CAACJ,OAAD,IACC,6BAAC,sBAAD,QACE,6BAAC,mBAAD,QACE,6BAAC,kBAAD,QACE,6BAAC,UAAD;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAC,OAFZ;IAGE,IAAI,EAAC,oBAHP;IAIE,IAAI,EAAC;EAJP,EADF,CADF,CADF,CAlBJ,EA+BGC,aAAa,KAAK,OAAlB,IAA6BH,QA/BhC,CANF,CADF;AA0CD,CAxDD;;eA0DeD,W"}
+{"version":3,"file":"RadioButton.js","sources":["../../../../src/components/atoms/RadioButton/RadioButton.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon } from '../Icon';\nimport { IconViewStyled, IconWrapper, ScaledView, ViewStyled } from './styled';\n\nexport interface RadioButtonProps {\n  /** Element is checked */\n  checked?: boolean;\n  /** Change handler */\n  onChange?: (checked: boolean) => void;\n  /** Position of children */\n  labelPosition?: 'left' | 'right';\n  /** Element is not clickable */\n  disabled?: boolean;\n  /** Color definition from theme */\n  color?: ColorType;\n  /** Color gradation from theme */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst RadioButton: FC<RadioButtonProps> = ({\n  children,\n  onChange,\n  checked,\n  labelPosition = 'right',\n  disabled = false,\n  color = 'primary',\n  colorTone = 'medium',\n  ...rest\n}): JSX.Element => {\n  const handleChange = () => {\n    onChange && onChange(!checked);\n  };\n\n  return (\n    <Pressable\n      {...rest}\n      disabled={disabled}\n      onPress={handleChange}\n      accessibilityRole=\"radio\"\n    >\n      <ViewStyled>\n        {labelPosition === 'left' && children}\n        {checked && (\n          <IconViewStyled>\n            <IconWrapper>\n              <ScaledView>\n                <Icon\n                  name=\"circle\"\n                  colorVariant={color}\n                  colorTone={colorTone}\n                  type=\"material-community\"\n                  size=\"centi\"\n                />\n              </ScaledView>\n            </IconWrapper>\n          </IconViewStyled>\n        )}\n        {!checked && (\n          <IconViewStyled>\n            <IconWrapper>\n              <ScaledView>\n                <Icon\n                  name=\"circle\"\n                  fontColor=\"light\"\n                  type=\"material-community\"\n                  size=\"centi\"\n                />\n              </ScaledView>\n            </IconWrapper>\n          </IconViewStyled>\n        )}\n        {labelPosition === 'right' && children}\n      </ViewStyled>\n    </Pressable>\n  );\n};\n\nexport default RadioButton;\n"],"names":["React","Pressable","ViewStyled","IconViewStyled","IconWrapper","ScaledView"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBM,MAAA,WAAA,GAAoC,CAAC,EASxB,KAAA;AATwB,EACzC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAgB,GAAA,OAAA;AAAA,IAChB,QAAW,GAAA,KAAA;AAAA,IACX,KAAQ,GAAA,SAAA;AAAA,IACR,SAAY,GAAA,QAAA;AAAA,GA7Bd,GAsB2C,EAQtC,EAAA,IAAA,GAAA,SAAA,CARsC,EAQtC,EAAA;AAAA,IAPH,UAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAY,QAAA,IAAA,QAAA,CAAS,CAAC,OAAO,CAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EACE,uBAAAA,yBAAA,CAAA,aAAA,CAACC,wDACK,IADL,CAAA,EAAA;AAAA,IAEC,QAAA;AAAA,IACA,OAAS,EAAA,YAAA;AAAA,IACT,iBAAkB,EAAA,OAAA;AAAA,GAAA,CAAA,kBAEjBD,yBAAA,CAAA,aAAA,CAAAE,iBAAA,EAAA,IAAA,EACE,aAAkB,KAAA,MAAA,IAAU,QAC5B,EAAA,OAAA,oBACEF,yBAAA,CAAA,aAAA,CAAAG,qBAAA,EAAA,IAAA,kBACEH,yBAAA,CAAA,aAAA,CAAAI,kBAAA,EAAA,IAAA,kBACEJ,yBAAA,CAAA,aAAA,CAAAK,iBAAA,EAAA,IAAA,kBACEL,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAK,EAAA,QAAA;AAAA,IACL,YAAc,EAAA,KAAA;AAAA,IACd,SAAA;AAAA,IACA,IAAK,EAAA,oBAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,GACP,CACF,CACF,CACF,CAAA,EAED,CAAC,OAAA,oBACCA,yBAAA,CAAA,aAAA,CAAAG,qBAAA,EAAA,IAAA,kBACEH,yBAAA,CAAA,aAAA,CAAAI,kBAAA,EAAA,IAAA,kBACEJ,yBAAA,CAAA,aAAA,CAAAK,iBAAA,EAAA,IAAA,kBACEL,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAK,EAAA,QAAA;AAAA,IACL,SAAU,EAAA,OAAA;AAAA,IACV,IAAK,EAAA,oBAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,GACP,CACF,CACF,CACF,GAED,aAAkB,KAAA,OAAA,IAAW,QAChC,CACF,CAAA,CAAA;AAEJ;;;;"}

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

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

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

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

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

@@ -1,44 +1,37 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.ViewStyled = exports.ScaledView = exports.IconWrapper = exports.IconViewStyled = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireDefault(require("@emotion/native"));
+var styled = require('@emotion/native');
+var reactNative = require('react-native');
 
-var _reactNative = require("react-native");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const IconWrapper = (0, _native.default)(_reactNative.View)`
-  border-radius: ${({
-  theme
-}) => theme.borderRadius.pill};
+const IconWrapper = styled__default["default"](reactNative.View)`
+  border-radius: ${({ theme }) => theme.borderRadius.pill};
   border-color: ${({
   theme,
-  color = 'primary',
-  colorTone = 'medium'
+  color = "primary",
+  colorTone = "medium"
 }) => theme.color[color][colorTone]};
-  border-width: ${({
-  theme
-}) => theme.borderWidth.nano};
-  background-color: ${({
-  theme
-}) => theme.miscellaneous.surfaceColor};
+  border-width: ${({ theme }) => theme.borderWidth.nano};
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
 `;
-exports.IconWrapper = IconWrapper;
-const ScaledView = (0, _native.default)(_reactNative.View)`
+const ScaledView = styled__default["default"](reactNative.View)`
   transform: scale(0.8);
 `;
-exports.ScaledView = ScaledView;
-const IconViewStyled = (0, _native.default)(_reactNative.View)`
-  padding: ${({
-  theme
-}) => theme.spacing.mili};
+const IconViewStyled = styled__default["default"](reactNative.View)`
+  padding: ${({ theme }) => theme.spacing.mili};
 `;
-exports.IconViewStyled = IconViewStyled;
-const ViewStyled = (0, _native.default)(_reactNative.View)`
+const ViewStyled = styled__default["default"](reactNative.View)`
   align-items: center;
   flex-direction: row;
 `;
+
+exports.IconViewStyled = IconViewStyled;
+exports.IconWrapper = IconWrapper;
+exports.ScaledView = ScaledView;
 exports.ViewStyled = ViewStyled;
-//# sourceMappingURL=styled.js.map
+//# 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","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"],"names":["styled","View"],"mappings":";;;;;;;;;;;AAKa,MAAA,WAAA,GAAcA,2BAAOC,gBAAI,CAAA,CAAA;AAAA,iBAAA,EACnB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,gBAAA,EAC/C,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAqC,KAAA,KAAA,CAAM,MAAM,KAAO,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,gBAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,oBAAA,EACzC,CAAC,EAAE,KAAM,EAAA,KAC3B,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAGX,MAAA,UAAA,GAAaD,2BAAOC,gBAAI,CAAA,CAAA;AAAA;AAAA,EAAA;AAIxB,MAAA,cAAA,GAAiBD,2BAAOC,gBAAI,CAAA,CAAA;AAAA,WAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGzC,MAAA,UAAA,GAAaD,2BAAOC,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;;;;;;;"}

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

@@ -1,95 +1,119 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = require("@emotion/react");
-
-var _react2 = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _utils = require("../../../utils");
-
-var _PressableSurface = require("../PressableSurface");
-
-var _animation = require("./animation");
-
-var _styled = require("./styled");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _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 _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 theme = (0, _react.useTheme)();
-
-  const width = _react2.default.useRef(0);
-
-  const transitionValue = _react2.default.useRef(new _reactNative.Animated.Value(0)).current;
-
-  const animatedColor = _react2.default.useRef(new _reactNative.Animated.Value(0)).current;
-
+'use strict';
+
+var react = require('@emotion/react');
+var React = require('react');
+var reactNative = require('react-native');
+var extractNumbersFromString = require('../../../utils/extractNumbersFromString.js');
+require('../Text/styled.js');
+require('../Input/styled.js');
+require('currency.js');
+require('../Input/InputElement/InputElement.js');
+require('../Input/InputMaskElement/InputMaskElement.js');
+require('../Input/PressableInputContainer/styled.js');
+var lightenDarkenColor = require('../../../utils/lightenDarkenColor.js');
+var ResponsiveFontSize = require('../../../utils/ResponsiveFontSize.js');
+var PressableSurface = require('../PressableSurface/PressableSurface.js');
+var animation = require('./animation.js');
+var styled = require('./styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Switch = (_a) => {
+  var _b = _a, {
+    onChange,
+    activeColor = "primary",
+    activeColorTone = "medium",
+    inactiveColor = "secondary",
+    inactiveColorTone = "light",
+    active,
+    dotStyle,
+    disabled = false
+  } = _b, rest = __objRest(_b, [
+    "onChange",
+    "activeColor",
+    "activeColorTone",
+    "inactiveColor",
+    "inactiveColorTone",
+    "active",
+    "dotStyle",
+    "disabled"
+  ]);
+  const theme = react.useTheme();
+  const width = React__default["default"].useRef(0);
+  const transitionValue = React__default["default"].useRef(new reactNative.Animated.Value(0)).current;
+  const animatedColor = React__default["default"].useRef(new reactNative.Animated.Value(0)).current;
   const calculateTranslate = () => {
     if (width.current > 0) {
-      return width.current - (0, _utils.extractNumbersFromString)(theme.spacing.micro) * 2 - (0, _utils.extractNumbersFromString)((0, _utils.RFValueStr)(_styled.SWITCH_PIN_WIDTH));
+      return width.current - extractNumbersFromString.extractNumbersFromString(theme.spacing.micro) * 2 - extractNumbersFromString.extractNumbersFromString(ResponsiveFontSize.RFValueStr(styled.SWITCH_PIN_WIDTH));
     }
-
     return 0;
   };
-
-  const getBackgroundColor = color => {
-    return disabled ? (0, _utils.lightenDarkenColor)(theme.color[inactiveColor][inactiveColorTone], 20) : color;
+  const getBackgroundColor = (color) => {
+    return disabled ? lightenDarkenColor.lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20) : color;
   };
-
   const interpolateColor = animatedColor.interpolate({
     inputRange: [0, 1],
-    outputRange: [getBackgroundColor(theme.color[inactiveColor][inactiveColorTone]), getBackgroundColor(theme.color[activeColor][activeColorTone])]
+    outputRange: [
+      getBackgroundColor(theme.color[inactiveColor][inactiveColorTone]),
+      getBackgroundColor(theme.color[activeColor][activeColorTone])
+    ]
   });
-  (0, _react2.useEffect)(() => {
+  React.useEffect(() => {
     const translate = calculateTranslate();
-    (0, _animation.transitionSwitch)(active, translate, transitionValue, animatedColor);
+    animation.transitionSwitch(active, translate, transitionValue, animatedColor);
   }, [active]);
-  const handleChange = (0, _react2.useCallback)(() => {
+  const handleChange = React.useCallback(() => {
     onChange(!active);
   }, [active, onChange]);
-
-  const handleSwitchLayout = lce => {
+  const handleSwitchLayout = (lce) => {
     width.current = lce.nativeEvent.layout.width;
     const translate = calculateTranslate();
-    (0, _animation.transitionSwitch)(active, translate, transitionValue, animatedColor);
+    animation.transitionSwitch(active, translate, transitionValue, animatedColor);
   };
-
-  return _react2.default.createElement(_PressableSurface.PressableSurface, _extends({}, rest, {
+  return /* @__PURE__ */ React__default["default"].createElement(PressableSurface, __spreadProps(__spreadValues({}, rest), {
     onPress: handleChange,
     effect: "none",
-    disabled: disabled
-  }), _react2.default.createElement(_styled.StyledSwitchContent, {
+    disabled
+  }), /* @__PURE__ */ React__default["default"].createElement(styled.StyledSwitchContent, {
     onLayout: handleSwitchLayout,
-    style: {
-      backgroundColor: interpolateColor
-    }
-  }, _react2.default.createElement(_styled.StyledSwitch, {
-    style: [dotStyle, {
-      transform: [{
-        translateX: transitionValue
-      }]
-    }]
+    style: { backgroundColor: interpolateColor }
+  }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledSwitch, {
+    style: [dotStyle, { transform: [{ translateX: transitionValue }] }]
   })));
 };
 
-var _default = Switch;
-exports.default = _default;
-//# sourceMappingURL=Switch.js.map
+module.exports = Switch;
+//# sourceMappingURL=Switch.js.map

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":"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"}
+{"version":3,"file":"Switch.js","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"],"names":["useTheme","React","Animated","extractNumbersFromString","RFValueStr","SWITCH_PIN_WIDTH","lightenDarkenColor","useEffect","transitionSwitch","useCallback","StyledSwitchContent","StyledSwitch"],"mappings":"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"}

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

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

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

@@ -1,40 +1,34 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.transitionSwitch = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _reactNative = require("react-native");
+var reactNative = require('react-native');
 
 const ANIMATION_SPEED = 140;
-
 const transitionSwitch = (active, translate, transitionValue, animatedColor) => {
-  if (translate <= 0) return;
-
+  if (translate <= 0)
+    return;
   if (active) {
-    _reactNative.Animated.timing(transitionValue, {
+    reactNative.Animated.timing(transitionValue, {
       toValue: translate,
       duration: ANIMATION_SPEED,
-      easing: _reactNative.Easing.out(_reactNative.Easing.ease),
+      easing: reactNative.Easing.out(reactNative.Easing.ease),
       useNativeDriver: true
     }).start();
-
-    _reactNative.Animated.timing(animatedColor, {
+    reactNative.Animated.timing(animatedColor, {
       toValue: 1,
       duration: ANIMATION_SPEED,
       useNativeDriver: false
     }).start();
-
     return;
   }
-
-  _reactNative.Animated.timing(transitionValue, {
+  reactNative.Animated.timing(transitionValue, {
     toValue: 0,
     duration: ANIMATION_SPEED,
-    easing: _reactNative.Easing.out(_reactNative.Easing.ease),
+    easing: reactNative.Easing.out(reactNative.Easing.ease),
     useNativeDriver: true
   }).start();
-
-  _reactNative.Animated.timing(animatedColor, {
+  reactNative.Animated.timing(animatedColor, {
     toValue: 0,
     duration: ANIMATION_SPEED,
     useNativeDriver: false
@@ -42,4 +36,4 @@ const transitionSwitch = (active, translate, transitionValue, animatedColor) =>
 };
 
 exports.transitionSwitch = transitionSwitch;
-//# sourceMappingURL=animation.js.map
+//# sourceMappingURL=animation.js.map

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","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":["Animated","Easing"],"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,IAAAA,oBAAA,CAAS,OAAO,eAAiB,EAAA;AAAA,MAC/B,OAAS,EAAA,SAAA;AAAA,MACT,QAAU,EAAA,eAAA;AAAA,MACV,MAAQ,EAAAC,kBAAA,CAAO,GAAI,CAAAA,kBAAA,CAAO,IAAI,CAAA;AAAA,MAC9B,eAAiB,EAAA,IAAA;AAAA,KAClB,EAAE,KAAM,EAAA,CAAA;AACT,IAAAD,oBAAA,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,EAAAA,oBAAA,CAAS,OAAO,eAAiB,EAAA;AAAA,IAC/B,OAAS,EAAA,CAAA;AAAA,IACT,QAAU,EAAA,eAAA;AAAA,IACV,MAAQ,EAAAC,kBAAA,CAAO,GAAI,CAAAA,kBAAA,CAAO,IAAI,CAAA;AAAA,IAC9B,eAAiB,EAAA,IAAA;AAAA,GAClB,EAAE,KAAM,EAAA,CAAA;AACT,EAAAD,oBAAA,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/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';