@tecsinapse/react-core 1.21.1-beta.4 → 1.21.1-beta.5

package/dist/cjs/components/atoms/Button/States/Success.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var React = require('react');
+var BaseState = require('./BaseState.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));
+const Success = (props) => {
+  return /* @__PURE__ */ React__default["default"].createElement(BaseState, __spreadProps(__spreadValues({}, props), {
+    icon: "checkmark-circle-outline"
+  }));
+};
+
+module.exports = Success;
+//# sourceMappingURL=Success.js.map

package/dist/cjs/components/atoms/Button/States/Success.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Success.js","sources":["../../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { default as BaseState } from './BaseState';\n\nconst Success: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"checkmark-circle-outline\" />;\n};\n\nexport default Success;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAO,uBAAAA,yBAAA,CAAA,aAAA,CAAC,4CAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,IAAK,EAAA,0BAAA;AAAA,GAA2B,CAAA,CAAA,CAAA;AAC/D;;;;"}

package/dist/cjs/components/atoms/Button/States/styled.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/native');
+var reactNative = require('react-native');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const getStyledTextButton = (component) => {
+  return styled__default["default"](component)`
+    margin-left: ${({ theme }) => theme.spacing.mili};
+  `;
+};
+const StyledIndicator = styled__default["default"](reactNative.ActivityIndicator)`
+  width: ${({ theme, buttonSize }) => buttonSize === "default" ? theme.iconSize.deca : theme.iconSize.centi};
+  height: ${({ theme, buttonSize }) => buttonSize === "default" ? theme.iconSize.deca : theme.iconSize.centi};
+  transform: ${({ buttonSize }) => buttonSize === "default" ? "scale(1)" : "scale(.8)"};
+`;
+
+exports.StyledIndicator = StyledIndicator;
+exports.getStyledTextButton = getStyledTextButton;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Button/States/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Button/States/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { FC } from 'react';\nimport { ActivityIndicator } from 'react-native';\nimport { TextProps } from '../../Text';\nimport { ButtonStateProps } from '../Button';\n\nexport const getStyledTextButton = (component: FC<TextProps>) => {\n  return styled(component)<Partial<ButtonStateProps> & Partial<StyleProps>>`\n    margin-left: ${({ theme }) => theme.spacing.mili};\n  `;\n};\n\nexport const StyledIndicator = styled(ActivityIndicator)<\n  Partial<ButtonStateProps> & Partial<StyleProps>\n>`\n  width: ${({ theme, buttonSize }) =>\n    buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n  height: ${({ theme, buttonSize }) =>\n    buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n  transform: ${({ buttonSize }) =>\n    buttonSize === 'default' ? 'scale(1)' : 'scale(.8)'};\n`;\n"],"names":["styled","ActivityIndicator"],"mappings":";;;;;;;;;;;AAOa,MAAA,mBAAA,GAAsB,CAAC,SAA6B,KAAA;AAC/D,EAAA,OAAOA,2BAAO,SAAS,CAAA,CAAA;AAAA,iBAAA,EACN,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAEhD,EAAA;AAEa,MAAA,eAAA,GAAkBA,2BAAOC,6BAAiB,CAAA,CAAA;AAAA,SAG5C,EAAA,CAAC,EAAE,KAAA,EAAO,UAAW,EAAA,KAC5B,UAAe,KAAA,SAAA,GAAY,KAAM,CAAA,QAAA,CAAS,IAAO,GAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAA;AAAA,UACxD,EAAA,CAAC,EAAE,KAAA,EAAO,UAAW,EAAA,KAC7B,UAAe,KAAA,SAAA,GAAY,KAAM,CAAA,QAAA,CAAS,IAAO,GAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAA;AAAA,aAAA,EACrD,CAAC,EAAE,UAAA,EACd,KAAA,UAAA,KAAe,YAAY,UAAa,GAAA,WAAA,CAAA;AAAA;;;;;"}

package/dist/cjs/components/atoms/Button/styled.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/native');
+require('react');
+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');
+require('react-native');
+var ResponsiveFontSize = require('../../../utils/ResponsiveFontSize.js');
+var PressableSurface = require('../PressableSurface/PressableSurface.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const outlineVariant = ({
+  theme,
+  color = "primary",
+  variant,
+  tone = "medium"
+}) => variant === "outlined" && styled.css`
+    border-color: ${theme.color[color][tone]};
+    border-width: ${theme.borderWidth.pico};
+  `;
+const sizeStyles = ({ theme, size = "default" }) => {
+  switch (size) {
+    case "small":
+      return styled.css`
+        padding: ${theme.spacing.mili} ${theme.spacing.deca};
+        min-height: ${ResponsiveFontSize.RFValueStr("34px")};
+      `;
+    default:
+      return styled.css`
+        padding: ${theme.spacing.mili} ${theme.spacing.kilo};
+        min-height: ${ResponsiveFontSize.RFValueStr("44px")};
+      `;
+  }
+};
+const StyledButtonBase = styled__default["default"](PressableSurface)`
+  border-radius: ${({ theme, borderRadius = "mili" }) => theme.borderRadius[borderRadius]};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+`;
+const StyledButton = styled__default["default"](StyledButtonBase)(
+  (props) => styled.css`
+    ${outlineVariant(props)}
+    ${sizeStyles(props)}
+  `
+);
+
+exports.StyledButton = StyledButton;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Button/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Button/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { PressableSurface } from '../PressableSurface';\nimport { ButtonProps } from './Button';\n\nconst outlineVariant = ({\n  theme,\n  color = 'primary',\n  variant,\n  tone = 'medium',\n}: StyleProps & ButtonProps) =>\n  variant === 'outlined' &&\n  css`\n    border-color: ${theme.color[color][tone]};\n    border-width: ${theme.borderWidth.pico};\n  `;\n\nconst sizeStyles = ({ theme, size = 'default' }: StyleProps & ButtonProps) => {\n  switch (size) {\n    case 'small':\n      return css`\n        padding: ${theme.spacing.mili} ${theme.spacing.deca};\n        min-height: ${RFValueStr('34px')};\n      `;\n    default:\n      return css`\n        padding: ${theme.spacing.mili} ${theme.spacing.kilo};\n        min-height: ${RFValueStr('44px')};\n      `;\n  }\n};\n\nconst StyledButtonBase = styled(PressableSurface)<\n  ButtonProps & Partial<StyleProps>\n>`\n  border-radius: ${({ theme, borderRadius = 'mili' }) =>\n    theme.borderRadius[borderRadius]};\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const StyledButton = styled(StyledButtonBase)<\n  ButtonProps & Partial<StyleProps>\n>(\n  props => css`\n    ${outlineVariant(props)}\n    ${sizeStyles(props)}\n  `\n);\n"],"names":["css","RFValueStr","styled"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,MAAM,iBAAiB,CAAC;AAAA,EACtB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,OAAA;AAAA,EACA,IAAO,GAAA,QAAA;AACT,CAAA,KACE,YAAY,UACZ,IAAAA,UAAA,CAAA;AAAA,kBACkB,EAAA,KAAA,CAAM,MAAM,KAAO,CAAA,CAAA,IAAA,CAAA,CAAA;AAAA,kBAAA,EACnB,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGtC,MAAM,aAAa,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,WAA0C,KAAA;AAC5E,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,OAAA;AACH,MAAO,OAAAA,UAAA,CAAA;AAAA,iBAAA,EACM,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EACjCC,8BAAW,MAAM,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAEnC;AACE,MAAO,OAAAD,UAAA,CAAA;AAAA,iBAAA,EACM,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EACjCC,8BAAW,MAAM,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,GAErC;AACF,CAAA,CAAA;AAEA,MAAM,gBAAA,GAAmBC,2BAAO,gBAAgB,CAAA,CAAA;AAAA,iBAAA,EAG7B,CAAC,EAAE,KAAA,EAAO,eAAe,MAAO,EAAA,KAC/C,MAAM,YAAa,CAAA,YAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMV,MAAA,YAAA,GAAeA,2BAAO,gBAAgB,CAAA;AAAA,EAGjD,CAAS,KAAA,KAAAF,UAAA,CAAA;AAAA,IAAA,EACL,eAAe,KAAK,CAAA,CAAA;AAAA,IAAA,EACpB,WAAW,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAEtB;;;;"}

package/dist/cjs/components/atoms/Card/Card.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var React = require('react');
+var Paper = require('../Paper/Paper.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 Card = (_a) => {
+  var _b = _a, {
+    children,
+    elevated = false,
+    onPress
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "elevated",
+    "onPress"
+  ]);
+  if (onPress) {
+    return /* @__PURE__ */ React__default["default"].createElement(styled.StyledCard, __spreadProps(__spreadValues({}, rest), {
+      elevated,
+      onPress
+    }), children);
+  }
+  return /* @__PURE__ */ React__default["default"].createElement(Paper, __spreadProps(__spreadValues({}, rest), {
+    elevated
+  }), children);
+};
+
+module.exports = Card;
+//# sourceMappingURL=Card.js.map

package/dist/cjs/components/atoms/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../../../src/components/atoms/Card/Card.tsx"],"sourcesContent":["import { PressableSurfaceProps } from '@tecsinapse/react-native-kit';\nimport React, { FC } from 'react';\nimport { GestureResponderEvent } from 'react-native';\nimport { Paper, PaperProps } from '../Paper';\nimport { StyledCard } from './styled';\n\nexport interface CardProps\n  extends PaperProps,\n    Omit<PressableSurfaceProps, 'style'> {\n  /** Click handler */\n  onPress?: null | ((event: GestureResponderEvent) => void);\n}\n\nconst Card: FC<CardProps> = ({\n  children,\n  elevated = false,\n  onPress,\n  ...rest\n}): JSX.Element => {\n  if (onPress) {\n    return (\n      <StyledCard {...rest} elevated={elevated} onPress={onPress}>\n        {children}\n      </StyledCard>\n    );\n  }\n\n  return (\n    <Paper {...rest} elevated={elevated}>\n      {children}\n    </Paper>\n  );\n};\n\nexport default Card;\n"],"names":["React","StyledCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,IAAA,GAAsB,CAAC,EAKV,KAAA;AALU,EAC3B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,OAAA;AAAA,GAhBF,GAa6B,EAIxB,EAAA,IAAA,GAAA,SAAA,CAJwB,EAIxB,EAAA;AAAA,IAHH,UAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,OAAS,EAAA;AACX,IACE,uBAAAA,yBAAA,CAAA,aAAA,CAACC,oDAAe,IAAf,CAAA,EAAA;AAAA,MAAqB,QAAA;AAAA,MAAoB,OAAA;AAAA,KAAA,CAAA,EACvC,QACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAAD,yBAAA,CAAA,aAAA,CAAC,wCAAU,IAAV,CAAA,EAAA;AAAA,IAAgB,QAAA;AAAA,GAAA,CAAA,EACd,QACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Card/Footer/Footer.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var reactNative = require('react-native');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const Footer = ({ children, style }) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, {
+  style
+}, children);
+
+module.exports = Footer;
+//# sourceMappingURL=Footer.js.map

package/dist/cjs/components/atoms/Card/Footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../../../src/components/atoms/Card/Footer/Footer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nexport interface FooterProps {\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Footer: FC<FooterProps> = ({ children, style }): JSX.Element => (\n  <View style={style}>{children}</View>\n);\n\nexport default Footer;\n"],"names":["React","View"],"mappings":";;;;;;;;;AAOA,MAAM,SAA0B,CAAC,EAAE,QAAU,EAAA,KAAA,uBAC1CA,yBAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA;AAAA,EAAK,KAAA;AAAA,CAAA,EAAe,QAAS;;;;"}

package/dist/cjs/components/atoms/Card/Header/Header.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var reactNative = require('react-native');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const Header = ({ children, style }) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, {
+  style
+}, children);
+
+module.exports = Header;
+//# sourceMappingURL=Header.js.map

package/dist/cjs/components/atoms/Card/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../../src/components/atoms/Card/Header/Header.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nexport interface HeaderProps {\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Header: FC<HeaderProps> = ({ children, style }): JSX.Element => (\n  <View style={style}>{children}</View>\n);\n\nexport default Header;\n"],"names":["React","View"],"mappings":";;;;;;;;;AAOA,MAAM,SAA0B,CAAC,EAAE,QAAU,EAAA,KAAA,uBAC1CA,yBAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA;AAAA,EAAK,KAAA;AAAA,CAAA,EAAe,QAAS;;;;"}

package/dist/cjs/components/atoms/Card/styled.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/native');
+var PaperAndCard = require('../shared/PaperAndCard.js');
+var PressableSurface = require('../PressableSurface/PressableSurface.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledCard = styled__default["default"](PressableSurface)(
+  (props) => styled.css`
+    ${PaperAndCard.baseStyles(props)}
+    ${PaperAndCard.elevatedStyles(props)}
+  `
+);
+
+exports.StyledCard = StyledCard;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Card/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Card/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { CardProps, StyleProps } from '@tecsinapse/react-core';\nimport { baseStyles, elevatedStyles } from '../shared/PaperAndCard';\nimport { PressableSurface } from '../PressableSurface';\n\nexport const StyledCard = styled(PressableSurface)<\n  CardProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${elevatedStyles(props)}\n  `\n);\n"],"names":["styled","css","baseStyles","elevatedStyles"],"mappings":";;;;;;;;;;;;AAKa,MAAA,UAAA,GAAaA,2BAAO,gBAAgB,CAAA;AAAA,EAG/C,CAAS,KAAA,KAAAC,UAAA,CAAA;AAAA,IAAA,EACLC,wBAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChBC,4BAAe,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAE1B;;;;"}

package/dist/cjs/components/atoms/Checkbox/Checkbox.js

@@ -0,0 +1,88 @@
+'use strict';
+
+var React = require('react');
+var reactNative = require('react-native');
+var Icon = require('../Icon/Icon.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 Checkbox = (_a) => {
+  var _b = _a, {
+    children,
+    checked,
+    onChange,
+    color = "primary",
+    colorTone = "medium",
+    labelPosition = "left",
+    disabled = false
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "checked",
+    "onChange",
+    "color",
+    "colorTone",
+    "labelPosition",
+    "disabled"
+  ]);
+  const handleChange = () => {
+    onChange && onChange(!checked);
+  };
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, __spreadProps(__spreadValues({}, rest), {
+    disabled,
+    onPress: handleChange,
+    accessibilityRole: "checkbox"
+  }), /* @__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.IconCheckedStyled, {
+    color,
+    colorTone
+  }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    name: "check",
+    fontColor: "light",
+    type: "material-community",
+    size: "centi"
+  }))), !checked && /* @__PURE__ */ React__default["default"].createElement(styled.IconViewStyled, null, /* @__PURE__ */ React__default["default"].createElement(styled.IconUncheckedStyled, {
+    color,
+    colorTone
+  }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    name: "checkbox-blank",
+    fontColor: "light",
+    type: "material-community",
+    size: "centi"
+  }))), labelPosition === "right" && children));
+};
+
+module.exports = Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/cjs/components/atoms/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/atoms/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { Icon } from '../Icon';\nimport {\n  IconUncheckedStyled,\n  IconCheckedStyled,\n  ViewStyled,\n  IconViewStyled,\n} from './styled';\n\nexport interface CheckboxProps {\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 Checkbox: FC<CheckboxProps> = ({\n  children,\n  checked,\n  onChange,\n  color = 'primary',\n  colorTone = 'medium',\n  labelPosition = 'left',\n  disabled = false,\n  ...rest\n}) => {\n  const handleChange = () => {\n    onChange && onChange(!checked);\n  };\n\n  return (\n    <Pressable\n      {...rest}\n      disabled={disabled}\n      onPress={handleChange}\n      accessibilityRole=\"checkbox\"\n    >\n      <ViewStyled>\n        {labelPosition === 'left' && children}\n        {checked && (\n          <IconViewStyled>\n            <IconCheckedStyled color={color} colorTone={colorTone}>\n              <Icon\n                name=\"check\"\n                fontColor=\"light\"\n                type=\"material-community\"\n                size=\"centi\"\n              />\n            </IconCheckedStyled>\n          </IconViewStyled>\n        )}\n        {!checked && (\n          <IconViewStyled>\n            <IconUncheckedStyled color={color} colorTone={colorTone}>\n              <Icon\n                name=\"checkbox-blank\"\n                fontColor=\"light\"\n                type=\"material-community\"\n                size=\"centi\"\n              />\n            </IconUncheckedStyled>\n          </IconViewStyled>\n        )}\n        {labelPosition === 'right' && children}\n      </ViewStyled>\n    </Pressable>\n  );\n};\n\nexport default Checkbox;\n"],"names":["React","Pressable","ViewStyled","IconViewStyled","IconCheckedStyled","IconUncheckedStyled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BM,MAAA,QAAA,GAA8B,CAAC,EAS/B,KAAA;AAT+B,EACnC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAQ,GAAA,SAAA;AAAA,IACR,SAAY,GAAA,QAAA;AAAA,IACZ,aAAgB,GAAA,MAAA;AAAA,IAChB,QAAW,GAAA,KAAA;AAAA,GAlCb,GA2BqC,EAQhC,EAAA,IAAA,GAAA,SAAA,CARgC,EAQhC,EAAA;AAAA,IAPH,UAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;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,UAAA;AAAA,GAElB,CAAA,kBAAAD,yBAAA,CAAA,aAAA,CAACE,yBACE,aAAkB,KAAA,MAAA,IAAU,UAC5B,OACC,oBAAAF,yBAAA,CAAA,aAAA,CAACG,6CACEH,yBAAA,CAAA,aAAA,CAAAI,wBAAA,EAAA;AAAA,IAAkB,KAAA;AAAA,IAAc,SAAA;AAAA,GAAA,kBAC9BJ,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAK,EAAA,OAAA;AAAA,IACL,SAAU,EAAA,OAAA;AAAA,IACV,IAAK,EAAA,oBAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,GACP,CACF,CACF,CAAA,EAED,CAAC,OACA,oBAAAA,yBAAA,CAAA,aAAA,CAACG,6CACEH,yBAAA,CAAA,aAAA,CAAAK,0BAAA,EAAA;AAAA,IAAoB,KAAA;AAAA,IAAc,SAAA;AAAA,GAAA,kBAChCL,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAK,EAAA,gBAAA;AAAA,IACL,SAAU,EAAA,OAAA;AAAA,IACV,IAAK,EAAA,oBAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,GACP,CACF,CACF,CAAA,EAED,aAAkB,KAAA,OAAA,IAAW,QAChC,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/atoms/Checkbox/styled.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/native');
+var reactNative = require('react-native');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const IconUncheckedStyled = styled__default["default"](reactNative.View)`
+  border-radius: ${({ theme }) => theme.borderRadius.micro};
+  border-color: ${({
+  theme,
+  color = "primary",
+  colorTone = "medium"
+}) => theme.color[color][colorTone]};
+  border-width: ${({ theme }) => theme.borderWidth.nano};
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+`;
+const IconCheckedStyled = styled__default["default"](reactNative.View)`
+  border-radius: ${({ theme }) => theme.borderRadius.micro};
+  border-color: ${({
+  theme,
+  color = "primary",
+  colorTone = "medium"
+}) => theme.color[color][colorTone]};
+  border-width: ${({ theme }) => theme.borderWidth.nano};
+  background-color: ${({
+  theme,
+  color = "primary",
+  colorTone = "medium"
+}) => theme.color[color][colorTone]};
+`;
+const IconViewStyled = styled__default["default"](reactNative.View)`
+  padding: ${({ theme }) => theme.spacing.mili};
+`;
+const ViewStyled = styled__default["default"](reactNative.View)`
+  align-items: center;
+  flex-direction: row;
+`;
+
+exports.IconCheckedStyled = IconCheckedStyled;
+exports.IconUncheckedStyled = IconUncheckedStyled;
+exports.IconViewStyled = IconViewStyled;
+exports.ViewStyled = ViewStyled;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Checkbox/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Checkbox/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { CheckboxProps } from './Checkbox';\n\nexport const IconUncheckedStyled = styled(View)<\n  Partial<CheckboxProps & StyleProps>\n>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => 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 IconCheckedStyled = styled(View)<\n  Partial<CheckboxProps & StyleProps>\n>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n  border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n  background-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\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,mBAAA,GAAsBA,2BAAOC,gBAAI,CAAA,CAAA;AAAA,iBAAA,EAG3B,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,gBAAA,EAC/C,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAkC,KAAA,KAAA,CAAM,MAAM,KAAO,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,gBAAA,EACrC,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,iBAAA,GAAoBD,2BAAOC,gBAAI,CAAA,CAAA;AAAA,iBAAA,EAGzB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,gBAAA,EAC/C,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAkC,KAAA,KAAA,CAAM,MAAM,KAAO,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,gBAAA,EACrC,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,oBAAA,EACzC,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAkC,KAAA,KAAA,CAAM,MAAM,KAAO,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,EAAA;AAG1C,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/cjs/components/atoms/Divider/Divider.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var React = require('react');
+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 __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Divider = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledDivider, __spreadValues({}, rest), children);
+};
+
+module.exports = Divider;
+//# sourceMappingURL=Divider.js.map

package/dist/cjs/components/atoms/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":["../../../../../src/components/atoms/Divider/Divider.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledDivider } from './styled';\n\nexport interface DividerProps extends ViewProps {\n  linePosition: 'top' | 'bottom';\n  noLine?: boolean;\n}\n\nconst Divider: FC<DividerProps> = ({ children, ...rest }) => {\n  return <StyledDivider {...rest}>{children}</StyledDivider>;\n};\n\nexport default Divider;\n"],"names":["React","StyledDivider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASM,MAAA,OAAA,GAA4B,CAAC,EAA0B,KAAA;AAA1B,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EATrC,QAAA,EAAA,GASmC,EAAe,EAAA,IAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AACnC,EAAO,uBAAAA,yBAAA,CAAA,aAAA,CAACC,oBAAkB,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAO,QAAS,CAAA,CAAA;AAC5C;;;;"}

package/dist/cjs/components/atoms/Divider/styled.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/native');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const topLine = ({ theme, linePosition, noLine }) => !noLine && linePosition === "top" && styled.css`
+    border-top-width: ${theme.borderWidth.pico};
+  `;
+const bottomLine = ({
+  theme,
+  linePosition,
+  noLine
+}) => !noLine && linePosition === "bottom" && styled.css`
+    border-bottom-width: ${theme.borderWidth.pico};
+  `;
+const StyledDividerBase = styled__default["default"].View`
+  border-color: ${({ theme }) => theme.color.secondary.xlight};
+`;
+const StyledDivider = styled__default["default"](StyledDividerBase)(
+  (props) => styled.css`
+    ${topLine(props)}
+    ${bottomLine(props)}
+  `
+);
+
+exports.StyledDivider = StyledDivider;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/components/atoms/Divider/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Divider/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DividerProps } from './Divider';\n\nconst topLine = ({ theme, linePosition, noLine }: DividerProps & StyleProps) =>\n  !noLine &&\n  linePosition === 'top' &&\n  css`\n    border-top-width: ${theme.borderWidth.pico};\n  `;\n\nconst bottomLine = ({\n  theme,\n  linePosition,\n  noLine,\n}: DividerProps & StyleProps) =>\n  !noLine &&\n  linePosition === 'bottom' &&\n  css`\n    border-bottom-width: ${theme.borderWidth.pico};\n  `;\n\nconst StyledDividerBase = styled.View<Partial<StyleProps>>`\n  border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const StyledDivider = styled(StyledDividerBase)<\n  DividerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${topLine(props)}\n    ${bottomLine(props)}\n  `\n);\n"],"names":["css","styled"],"mappings":";;;;;;;;;;AAIA,MAAM,OAAA,GAAU,CAAC,EAAE,KAAO,EAAA,YAAA,EAAc,QACtC,KAAA,CAAC,MACD,IAAA,YAAA,KAAiB,KACjB,IAAAA,UAAA,CAAA;AAAA,sBAAA,EACsB,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAG1C,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AACF,CACE,KAAA,CAAC,MACD,IAAA,YAAA,KAAiB,QACjB,IAAAA,UAAA,CAAA;AAAA,yBAAA,EACyB,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAG7C,MAAM,oBAAoBC,0BAAO,CAAA,IAAA,CAAA;AAAA,gBAAA,EACf,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA,CAAA,CAAA;AAG1C,MAAA,aAAA,GAAgBA,2BAAO,iBAAiB,CAAA;AAAA,EAGnD,CAAS,KAAA,KAAAD,UAAA,CAAA;AAAA,IAAA,EACL,QAAQ,KAAK,CAAA,CAAA;AAAA,IAAA,EACb,WAAW,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAEtB;;;;"}