@tecsinapse/react-core 1.19.0 → 1.20.0

package/esm/components/atoms/ProgressBar/ProgressBar.js

@@ -0,0 +1,90 @@
+var _excluded = ["segments", "valueMin", "valueNow", "valueMax", "color", "colorTone", "animate", "animationParameters"];
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { useTheme } from '@emotion/react';
+import * as React from 'react';
+import { Animated } from 'react-native';
+import { extractNumbersFromString } from '../../../utils';
+import { Container, Progress, Segment } from './styled';
+
+var ProgressBar = function ProgressBar(_ref) {
+  var _ref$segments = _ref.segments,
+      _segments = _ref$segments === void 0 ? 1 : _ref$segments,
+      _ref$valueMin = _ref.valueMin,
+      valueMin = _ref$valueMin === void 0 ? 0 : _ref$valueMin,
+      _valueNow = _ref.valueNow,
+      _ref$valueMax = _ref.valueMax,
+      valueMax = _ref$valueMax === void 0 ? 100 : _ref$valueMax,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'primary' : _ref$color,
+      _ref$colorTone = _ref.colorTone,
+      colorTone = _ref$colorTone === void 0 ? 'medium' : _ref$colorTone,
+      animate = _ref.animate,
+      animationParameters = _ref.animationParameters,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var theme = useTheme();
+  var animationValue = React.useRef(new Animated.Value(0)).current;
+  var valueNow = typeof _valueNow === 'string' ? extractNumbersFromString(_valueNow) : _valueNow;
+  var totalProgress = (valueNow - valueMin) / (valueMax - valueMin) * 100;
+  var segments = Math.max(1, _segments);
+  var segmentWidth = 100 / Math.max(segments);
+
+  var items = _toConsumableArray(Array(segments).keys());
+
+  var segmentsRender = items.map(function (index) {
+    var max = segmentWidth * (index + 1);
+    var min = segmentWidth * index;
+    var minmax = (totalProgress - min) / (max - min);
+    var width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;
+    var progressPercent = "".concat(width, "%");
+
+    if (animate && animationParameters) {
+      var _animationValue$inter;
+
+      Animated.timing(animationValue, {
+        toValue: 1,
+        duration: animationParameters.duration / items.length,
+        useNativeDriver: false,
+        delay: animationParameters.direction === 'right' ? index * (animationParameters.duration / items.length) : (items.length - index - 1) * (animationParameters.duration / items.length)
+      }).start();
+      var rangeAnimation = (animationParameters === null || animationParameters === void 0 ? void 0 : animationParameters.direction) === 'right' ? ["".concat(valueMin < 0 ? 0 : valueMin, "%"), "".concat(width, "%")] : ["".concat(valueMax, "%"), "".concat(width, "%")];
+      progressPercent = (_animationValue$inter = animationValue.interpolate) === null || _animationValue$inter === void 0 ? void 0 : _animationValue$inter.call(animationValue, {
+        inputRange: [0, 1],
+        outputRange: rangeAnimation
+      });
+    }
+
+    return React.createElement(Segment, {
+      key: index,
+      style: {
+        borderRightWidth: index == segments - 1 ? 0 : 2
+      }
+    }, React.createElement(Progress, {
+      style: {
+        width: progressPercent,
+        backgroundColor: theme.color[color][colorTone],
+        borderRightWidth: width > 0 && width < 100 ? 2 : 0
+      }
+    }));
+  });
+  return React.createElement(Container, rest, segmentsRender);
+};
+
+export default ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","names":["useTheme","React","Animated","extractNumbersFromString","Container","Progress","Segment","ProgressBar","segments","_segments","valueMin","_valueNow","valueNow","valueMax","color","colorTone","animate","animationParameters","rest","theme","animationValue","useRef","Value","current","totalProgress","Math","max","segmentWidth","items","Array","keys","segmentsRender","map","index","min","minmax","width","progressPercent","timing","toValue","duration","length","useNativeDriver","delay","direction","start","rangeAnimation","interpolate","inputRange","outputRange","borderRightWidth","backgroundColor"],"sources":["../../../../src/components/atoms/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport * as React from 'react';\nimport { Animated, ViewProps } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport { extractNumbersFromString } from '../../../utils';\nimport { Container, Progress, Segment } from './styled';\n\nexport interface ProgressBarProps extends ViewProps {\n  /** Number of segments. Defaults to 1. Set to 1 when 0 or less */\n  segments?: number;\n  /** Minimum possible value (0% of the bar). Defaults to 0 */\n  valueMin?: number;\n  /** Maximum possible value (100% of the bar). Defaults to 100 */\n  valueMax?: number;\n  /** Current value */\n  valueNow: number | string;\n  /** Filled partition color. Defaults to 'primary' */\n  color?: ColorType;\n  /** Filled partition color tone. Defaults to 'medium' */\n  colorTone?: ColorGradationType;\n  /** Animation */\n  animate: boolean;\n  /** Parameters animation  */\n  animationParameters?: { direction: 'left' | 'right'; duration: number };\n}\n\nconst ProgressBar: React.FC<ProgressBarProps> = ({\n  segments: _segments = 1,\n  valueMin = 0,\n  valueNow: _valueNow,\n  valueMax = 100,\n  color = 'primary',\n  colorTone = 'medium',\n  animate,\n  animationParameters,\n  ...rest\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const animationValue = React.useRef(new Animated.Value(0)).current;\n\n  const valueNow =\n    typeof _valueNow === 'string'\n      ? extractNumbersFromString(_valueNow)\n      : _valueNow;\n\n  const totalProgress = ((valueNow - valueMin) / (valueMax - valueMin)) * 100;\n  const segments = Math.max(1, _segments);\n  const segmentWidth = 100 / Math.max(segments);\n\n  const items = [...Array(segments).keys()];\n\n  const segmentsRender = items.map(index => {\n    const max = segmentWidth * (index + 1);\n    const min = segmentWidth * index;\n    const minmax = (totalProgress - min) / (max - min);\n    const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;\n\n    let progressPercent: string | Animated.AnimatedInterpolation = `${width}%`;\n\n    if (animate && animationParameters) {\n      Animated.timing(animationValue, {\n        toValue: 1,\n        duration: animationParameters.duration / items.length,\n        useNativeDriver: false,\n        delay:\n          animationParameters.direction === 'right'\n            ? index * (animationParameters.duration / items.length)\n            : (items.length - index - 1) *\n              (animationParameters.duration / items.length),\n      }).start();\n\n      const rangeAnimation =\n        animationParameters?.direction === 'right'\n          ? [`${valueMin < 0 ? 0 : valueMin}%`, `${width}%`]\n          : [`${valueMax}%`, `${width}%`];\n\n      progressPercent = animationValue.interpolate?.({\n        inputRange: [0, 1],\n        outputRange: rangeAnimation,\n      });\n    }\n\n    return (\n      <Segment\n        key={index}\n        style={{\n          borderRightWidth: index == segments - 1 ? 0 : 2,\n        }}\n      >\n        <Progress\n          style={{\n            width: progressPercent,\n            backgroundColor: theme.color[color][colorTone],\n            borderRightWidth: width > 0 && width < 100 ? 2 : 0,\n          }}\n        />\n      </Segment>\n    );\n  });\n\n  return <Container {...rest}>{segmentsRender}</Container>;\n};\n\nexport default ProgressBar;\n"],"mappings":"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"}

package/esm/components/atoms/ProgressBar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ProgressBar } from './ProgressBar';
+export type { ProgressBarProps } from './ProgressBar';

package/esm/components/atoms/ProgressBar/index.js

@@ -0,0 +1,2 @@
+export { default as ProgressBar } from './ProgressBar';
+//# sourceMappingURL=index.js.map

package/esm/components/atoms/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","ProgressBar"],"sources":["../../../../src/components/atoms/ProgressBar/index.ts"],"sourcesContent":["export { default as ProgressBar } from './ProgressBar';\nexport type { ProgressBarProps } from './ProgressBar';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAApB,QAAuC,eAAvC"}

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { Animated } from 'react-native';
+export declare const Container: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const Segment: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const Progress: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -0,0 +1,26 @@
+var _templateObject, _templateObject2, _templateObject3;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled from '@emotion/native';
+import { Animated } from 'react-native';
+import { RFValueStr } from '../../../utils';
+export var Container = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  height: ", ";\n  border-radius: ", ";\n  width: 100%;\n  flex-direction: row;\n  overflow: hidden;\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.spacing.mili;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.spacing.mili;
+});
+export var Segment = styled.View(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex: 1;\n  background-color: ", ";\n  border-right-width: ", ";\n  border-color: ", ";\n"])), function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.color.secondary.light;
+}, RFValueStr('2px'), function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.color.secondary.xlight;
+});
+export var Progress = styled(Animated.View)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 100%;\n  border-color: ", ";\n"])), function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.color.secondary.xlight;
+});
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","Animated","RFValueStr","Container","View","theme","spacing","mili","Segment","color","secondary","light","xlight","Progress"],"sources":["../../../../src/components/atoms/ProgressBar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Animated } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\n\nexport const Container = styled.View<Partial<StyleProps>>`\n  display: flex;\n  height: ${({ theme }) => theme.spacing.mili};\n  border-radius: ${({ theme }) => theme.spacing.mili};\n  width: 100%;\n  flex-direction: row;\n  overflow: hidden;\n`;\n\nexport const Segment = styled.View<Partial<StyleProps>>`\n  flex: 1;\n  background-color: ${({ theme }) => theme.color.secondary.light};\n  border-right-width: ${RFValueStr('2px')};\n  border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const Progress = styled(Animated.View)<Partial<StyleProps>>`\n  height: 100%;\n  border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,SAASC,UAAT,QAA2B,gBAA3B;AAEA,OAAO,IAAMC,SAAS,GAAGH,MAAM,CAACI,IAAV,gMAEV;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAFU,EAGH;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAHG,CAAf;AASP,OAAO,IAAMC,OAAO,GAAGR,MAAM,CAACI,IAAV,qKAEE;EAAA,IAAGC,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBC,KAArC;AAAA,CAFF,EAGIT,UAAU,CAAC,KAAD,CAHd,EAIF;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBE,MAArC;AAAA,CAJE,CAAb;AAOP,OAAO,IAAMC,QAAQ,GAAGb,MAAM,CAACC,QAAQ,CAACG,IAAV,CAAT,kHAEH;EAAA,IAAGC,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBE,MAArC;AAAA,CAFG,CAAd"}

package/esm/components/atoms/RadioButton/RadioButton.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { ColorGradationType, ColorType } from '../../../types/defaults';
+export interface RadioButtonProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    labelPosition?: 'left' | 'right';
+    disabled?: boolean;
+    color?: ColorType;
+    colorTone?: ColorGradationType;
+    style?: StyleProp<ViewStyle>;
+}
+declare const RadioButton: FC<RadioButtonProps>;
+export default RadioButton;

package/esm/components/atoms/RadioButton/RadioButton.js

@@ -0,0 +1,51 @@
+var _excluded = ["children", "onChange", "checked", "labelPosition", "disabled", "color", "colorTone"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import { Pressable } from 'react-native';
+import { Icon } from '../Icon';
+import { IconViewStyled, IconWrapper, ScaledView, ViewStyled } from './styled';
+
+var RadioButton = function RadioButton(_ref) {
+  var children = _ref.children,
+      onChange = _ref.onChange,
+      checked = _ref.checked,
+      _ref$labelPosition = _ref.labelPosition,
+      labelPosition = _ref$labelPosition === void 0 ? 'right' : _ref$labelPosition,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'primary' : _ref$color,
+      _ref$colorTone = _ref.colorTone,
+      colorTone = _ref$colorTone === void 0 ? 'medium' : _ref$colorTone,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var handleChange = function handleChange() {
+    onChange && onChange(!checked);
+  };
+
+  return React.createElement(Pressable, _extends({}, rest, {
+    disabled: disabled,
+    onPress: handleChange,
+    accessibilityRole: "radio"
+  }), React.createElement(ViewStyled, null, labelPosition === 'left' && children, checked && React.createElement(IconViewStyled, null, React.createElement(IconWrapper, null, React.createElement(ScaledView, null, React.createElement(Icon, {
+    name: "circle",
+    colorVariant: color,
+    colorTone: colorTone,
+    type: "material-community",
+    size: "centi"
+  })))), !checked && React.createElement(IconViewStyled, null, React.createElement(IconWrapper, null, React.createElement(ScaledView, null, React.createElement(Icon, {
+    name: "circle",
+    fontColor: "light",
+    type: "material-community",
+    size: "centi"
+  })))), labelPosition === 'right' && children));
+};
+
+export default RadioButton;
+//# sourceMappingURL=RadioButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","names":["React","Pressable","Icon","IconViewStyled","IconWrapper","ScaledView","ViewStyled","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,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,SAAT,QAAgD,cAAhD;AAEA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,cAAT,EAAyBC,WAAzB,EAAsCC,UAAtC,EAAkDC,UAAlD,QAAoE,UAApE;;AAkBA,IAAMC,WAAiC,GAAG,SAApCA,WAAoC,OASvB;EAAA,IARjBC,QAQiB,QARjBA,QAQiB;EAAA,IAPjBC,QAOiB,QAPjBA,QAOiB;EAAA,IANjBC,OAMiB,QANjBA,OAMiB;EAAA,8BALjBC,aAKiB;EAAA,IALjBA,aAKiB,mCALD,OAKC;EAAA,yBAJjBC,QAIiB;EAAA,IAJjBA,QAIiB,8BAJN,KAIM;EAAA,sBAHjBC,KAGiB;EAAA,IAHjBA,KAGiB,2BAHT,SAGS;EAAA,0BAFjBC,SAEiB;EAAA,IAFjBA,SAEiB,+BAFL,QAEK;EAAA,IADdC,IACc;;EACjB,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;IACzBP,QAAQ,IAAIA,QAAQ,CAAC,CAACC,OAAF,CAApB;EACD,CAFD;;EAIA,OACE,oBAAC,SAAD,eACMK,IADN;IAEE,QAAQ,EAAEH,QAFZ;IAGE,OAAO,EAAEI,YAHX;IAIE,iBAAiB,EAAC;EAJpB,IAME,oBAAC,UAAD,QACGL,aAAa,KAAK,MAAlB,IAA4BH,QAD/B,EAEGE,OAAO,IACN,oBAAC,cAAD,QACE,oBAAC,WAAD,QACE,oBAAC,UAAD,QACE,oBAAC,IAAD;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,oBAAC,cAAD,QACE,oBAAC,WAAD,QACE,oBAAC,UAAD,QACE,oBAAC,IAAD;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;;AA0DA,eAAeD,WAAf"}

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

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

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

@@ -0,0 +1,2 @@
+export { default as RadioButton } from './RadioButton';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+import { RadioButtonProps } from './RadioButton';
+export declare const IconWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<RadioButtonProps & import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const ScaledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const IconViewStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const ViewStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;

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

@@ -0,0 +1,30 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled from '@emotion/native';
+import { View } from 'react-native';
+export var IconWrapper = styled(View)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  border-color: ", ";\n  border-width: ", ";\n  background-color: ", ";\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.borderRadius.pill;
+}, function (_ref2) {
+  var theme = _ref2.theme,
+      _ref2$color = _ref2.color,
+      color = _ref2$color === void 0 ? 'primary' : _ref2$color,
+      _ref2$colorTone = _ref2.colorTone,
+      colorTone = _ref2$colorTone === void 0 ? 'medium' : _ref2$colorTone;
+  return theme.color[color][colorTone];
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.borderWidth.nano;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.miscellaneous.surfaceColor;
+});
+export var ScaledView = styled(View)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  transform: scale(0.8);\n"])));
+export var IconViewStyled = styled(View)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", ";\n"])), function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.spacing.mili;
+});
+export var ViewStyled = styled(View)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  align-items: center;\n  flex-direction: row;\n"])));
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","View","IconWrapper","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,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,IAAT,QAAqB,cAArB;AAIA,OAAO,IAAMC,WAAW,GAAGF,MAAM,CAACC,IAAD,CAAT,yKACL;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACC,YAAN,CAAmBC,IAA9C;AAAA,CADK,EAEN;EAAA,IACdF,KADc,SACdA,KADc;EAAA,wBAEdG,KAFc;EAAA,IAEdA,KAFc,4BAEN,SAFM;EAAA,4BAGdC,SAHc;EAAA,IAGdA,SAHc,gCAGF,QAHE;EAAA,OAIqBJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAJrB;AAAA,CAFM,EAON;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACK,WAAN,CAAkBC,IAA7C;AAAA,CAPM,EAQF;EAAA,IAAGN,KAAH,SAAGA,KAAH;EAAA,OAClBA,KAAK,CAACO,aAAN,CAAoBC,YADF;AAAA,CARE,CAAjB;AAYP,OAAO,IAAMC,UAAU,GAAGZ,MAAM,CAACC,IAAD,CAAT,mGAAhB;AAIP,OAAO,IAAMY,cAAc,GAAGb,MAAM,CAACC,IAAD,CAAT,4FACd;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACW,OAAN,CAAcC,IAAzC;AAAA,CADc,CAApB;AAIP,OAAO,IAAMC,UAAU,GAAGhB,MAAM,CAACC,IAAD,CAAT,yHAAhB"}

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

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
+export interface SwitchProps {
+    onChange: (active: boolean) => void;
+    active: boolean;
+    activeColor?: ColorType;
+    activeColorTone?: ColorGradationType;
+    inactiveColor?: ColorType;
+    inactiveColorTone?: ColorGradationType;
+    style?: StyleProp<ViewStyle>;
+    dotStyle?: StyleProp<ViewStyle>;
+    disabled?: boolean;
+}
+declare const Switch: FC<SwitchProps>;
+export default Switch;

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

@@ -0,0 +1,87 @@
+var _excluded = ["onChange", "activeColor", "activeColorTone", "inactiveColor", "inactiveColorTone", "active", "dotStyle", "disabled"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { useTheme } from '@emotion/react';
+import React, { useCallback, useEffect } from 'react';
+import { Animated } from 'react-native';
+import { extractNumbersFromString, lightenDarkenColor, RFValueStr } from '../../../utils';
+import { PressableSurface } from '../PressableSurface';
+import { transitionSwitch } from './animation';
+import { StyledSwitch, StyledSwitchContent, SWITCH_PIN_WIDTH } from './styled';
+
+var Switch = function Switch(_ref) {
+  var onChange = _ref.onChange,
+      _ref$activeColor = _ref.activeColor,
+      activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor,
+      _ref$activeColorTone = _ref.activeColorTone,
+      activeColorTone = _ref$activeColorTone === void 0 ? 'medium' : _ref$activeColorTone,
+      _ref$inactiveColor = _ref.inactiveColor,
+      inactiveColor = _ref$inactiveColor === void 0 ? 'secondary' : _ref$inactiveColor,
+      _ref$inactiveColorTon = _ref.inactiveColorTone,
+      inactiveColorTone = _ref$inactiveColorTon === void 0 ? 'light' : _ref$inactiveColorTon,
+      active = _ref.active,
+      dotStyle = _ref.dotStyle,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var theme = useTheme();
+  var width = React.useRef(0);
+  var transitionValue = React.useRef(new Animated.Value(0)).current;
+  var animatedColor = React.useRef(new Animated.Value(0)).current;
+
+  var calculateTranslate = function calculateTranslate() {
+    if (width.current > 0) {
+      return width.current - extractNumbersFromString(theme.spacing.micro) * 2 - extractNumbersFromString(RFValueStr(SWITCH_PIN_WIDTH));
+    }
+
+    return 0;
+  };
+
+  var getBackgroundColor = function getBackgroundColor(color) {
+    return disabled ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20) : color;
+  };
+
+  var interpolateColor = animatedColor.interpolate({
+    inputRange: [0, 1],
+    outputRange: [getBackgroundColor(theme.color[inactiveColor][inactiveColorTone]), getBackgroundColor(theme.color[activeColor][activeColorTone])]
+  });
+  useEffect(function () {
+    var translate = calculateTranslate();
+    transitionSwitch(active, translate, transitionValue, animatedColor);
+  }, [active]);
+  var handleChange = useCallback(function () {
+    onChange(!active);
+  }, [active, onChange]);
+
+  var handleSwitchLayout = function handleSwitchLayout(lce) {
+    width.current = lce.nativeEvent.layout.width;
+    var translate = calculateTranslate();
+    transitionSwitch(active, translate, transitionValue, animatedColor);
+  };
+
+  return React.createElement(PressableSurface, _extends({}, rest, {
+    onPress: handleChange,
+    effect: "none",
+    disabled: disabled
+  }), React.createElement(StyledSwitchContent, {
+    onLayout: handleSwitchLayout,
+    style: {
+      backgroundColor: interpolateColor
+    }
+  }, React.createElement(StyledSwitch, {
+    style: [dotStyle, {
+      transform: [{
+        translateX: transitionValue
+      }]
+    }]
+  })));
+};
+
+export default Switch;
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["useTheme","React","useCallback","useEffect","Animated","extractNumbersFromString","lightenDarkenColor","RFValueStr","PressableSurface","transitionSwitch","StyledSwitch","StyledSwitchContent","SWITCH_PIN_WIDTH","Switch","onChange","activeColor","activeColorTone","inactiveColor","inactiveColorTone","active","dotStyle","disabled","rest","theme","width","useRef","transitionValue","Value","current","animatedColor","calculateTranslate","spacing","micro","getBackgroundColor","color","interpolateColor","interpolate","inputRange","outputRange","translate","handleChange","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/esm/components/atoms/Switch/animation.d.ts

@@ -0,0 +1,2 @@
+import { Animated } from 'react-native';
+export declare const transitionSwitch: (active: boolean, translate: number, transitionValue: Animated.Value, animatedColor: Animated.Value) => void;

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

@@ -0,0 +1,33 @@
+import { Animated, Easing } from 'react-native';
+var ANIMATION_SPEED = 140;
+export var transitionSwitch = function transitionSwitch(active, translate, transitionValue, animatedColor) {
+  if (translate <= 0) return;
+
+  if (active) {
+    Animated.timing(transitionValue, {
+      toValue: translate,
+      duration: ANIMATION_SPEED,
+      easing: Easing.out(Easing.ease),
+      useNativeDriver: true
+    }).start();
+    Animated.timing(animatedColor, {
+      toValue: 1,
+      duration: ANIMATION_SPEED,
+      useNativeDriver: false
+    }).start();
+    return;
+  }
+
+  Animated.timing(transitionValue, {
+    toValue: 0,
+    duration: ANIMATION_SPEED,
+    easing: Easing.out(Easing.ease),
+    useNativeDriver: true
+  }).start();
+  Animated.timing(animatedColor, {
+    toValue: 0,
+    duration: ANIMATION_SPEED,
+    useNativeDriver: false
+  }).start();
+};
+//# sourceMappingURL=animation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","names":["Animated","Easing","ANIMATION_SPEED","transitionSwitch","active","translate","transitionValue","animatedColor","timing","toValue","duration","easing","out","ease","useNativeDriver","start"],"sources":["../../../../src/components/atoms/Switch/animation.ts"],"sourcesContent":["import { Animated, Easing } from 'react-native';\n\nconst ANIMATION_SPEED = 140;\n\nexport const transitionSwitch = (\n  active: boolean,\n  translate: number,\n  transitionValue: Animated.Value,\n  animatedColor: Animated.Value\n): void => {\n  if (translate <= 0) return;\n\n  if (active) {\n    Animated.timing(transitionValue, {\n      toValue: translate,\n      duration: ANIMATION_SPEED,\n      easing: Easing.out(Easing.ease),\n      useNativeDriver: true,\n    }).start();\n    Animated.timing(animatedColor, {\n      toValue: 1,\n      duration: ANIMATION_SPEED,\n      useNativeDriver: false,\n    }).start();\n    return;\n  }\n\n  Animated.timing(transitionValue, {\n    toValue: 0,\n    duration: ANIMATION_SPEED,\n    easing: Easing.out(Easing.ease),\n    useNativeDriver: true,\n  }).start();\n  Animated.timing(animatedColor, {\n    toValue: 0,\n    duration: ANIMATION_SPEED,\n    useNativeDriver: false,\n  }).start();\n};\n"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,MAAnB,QAAiC,cAAjC;AAEA,IAAMC,eAAe,GAAG,GAAxB;AAEA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAC9BC,MAD8B,EAE9BC,SAF8B,EAG9BC,eAH8B,EAI9BC,aAJ8B,EAKrB;EACT,IAAIF,SAAS,IAAI,CAAjB,EAAoB;;EAEpB,IAAID,MAAJ,EAAY;IACVJ,QAAQ,CAACQ,MAAT,CAAgBF,eAAhB,EAAiC;MAC/BG,OAAO,EAAEJ,SADsB;MAE/BK,QAAQ,EAAER,eAFqB;MAG/BS,MAAM,EAAEV,MAAM,CAACW,GAAP,CAAWX,MAAM,CAACY,IAAlB,CAHuB;MAI/BC,eAAe,EAAE;IAJc,CAAjC,EAKGC,KALH;IAMAf,QAAQ,CAACQ,MAAT,CAAgBD,aAAhB,EAA+B;MAC7BE,OAAO,EAAE,CADoB;MAE7BC,QAAQ,EAAER,eAFmB;MAG7BY,eAAe,EAAE;IAHY,CAA/B,EAIGC,KAJH;IAKA;EACD;;EAEDf,QAAQ,CAACQ,MAAT,CAAgBF,eAAhB,EAAiC;IAC/BG,OAAO,EAAE,CADsB;IAE/BC,QAAQ,EAAER,eAFqB;IAG/BS,MAAM,EAAEV,MAAM,CAACW,GAAP,CAAWX,MAAM,CAACY,IAAlB,CAHuB;IAI/BC,eAAe,EAAE;EAJc,CAAjC,EAKGC,KALH;EAMAf,QAAQ,CAACQ,MAAT,CAAgBD,aAAhB,EAA+B;IAC7BE,OAAO,EAAE,CADoB;IAE7BC,QAAQ,EAAER,eAFmB;IAG7BY,eAAe,EAAE;EAHY,CAA/B,EAIGC,KAJH;AAKD,CAlCM"}

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

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

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

@@ -0,0 +1,2 @@
+export { default as Switch } from './Switch';
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","Animated","RFValueStr","SWITCH_BODY_WIDTH","SWITCH_PIN_WIDTH","StyledSwitchContent","View","theme","borderRadius","pill","spacing","micro","StyledSwitch","miscellaneous","surfaceColor"],"sources":["../../../../src/components/atoms/Switch/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Animated } from 'react-native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { RFValueStr } from '../../../utils';\n\nexport const SWITCH_BODY_WIDTH = '40px';\nexport const SWITCH_PIN_WIDTH = '16px';\n\nexport const StyledSwitchContent = styled(Animated.View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  padding: 0 ${({ theme }) => theme.spacing.micro};\n  justify-content: center;\n  width: ${RFValueStr(SWITCH_BODY_WIDTH)};\n  height: ${RFValueStr('22px')};\n`;\n\nexport const StyledSwitch = styled(Animated.View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  width: ${RFValueStr(SWITCH_PIN_WIDTH)};\n  height: ${RFValueStr('16px')};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,SAASC,UAAT,QAA2B,gBAA3B;AAEA,OAAO,IAAMC,iBAAiB,GAAG,MAA1B;AACP,OAAO,IAAMC,gBAAgB,GAAG,MAAzB;AAEP,OAAO,IAAMC,mBAAmB,GAAGL,MAAM,CAACC,QAAQ,CAACK,IAAV,CAAT,iLACb;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAlC;AAAA,CADa,EAEjB;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACG,OAAN,CAAcC,KAA7B;AAAA,CAFiB,EAIrBT,UAAU,CAACC,iBAAD,CAJW,EAKpBD,UAAU,CAAC,MAAD,CALU,CAAzB;AAQP,OAAO,IAAMU,YAAY,GAAGZ,MAAM,CAACC,QAAQ,CAACK,IAAV,CAAT,8JACN;EAAA,IAAGC,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAlC;AAAA,CADM,EAEH;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACM,aAAN,CAAoBC,YAAnC;AAAA,CAFG,EAGdZ,UAAU,CAACE,gBAAD,CAHI,EAIbF,UAAU,CAAC,MAAD,CAJG,CAAlB"}

package/esm/components/atoms/Tag/Tag.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+import { IconProps } from '../Icon';
+export interface TagProps extends ViewProps {
+    value: React.ReactNode;
+    icon?: IconProps;
+    dismiss?: boolean;
+    onDismiss?: () => void;
+    variant?: 'small' | 'default';
+}
+declare const Tag: React.FC<TagProps>;
+export default Tag;