@tecsinapse/react-core 1.20.0 → 1.21.0

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

@@ -1,25 +1,36 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Success = void 0;
+var React = require('react');
+var BaseState = require('./BaseState.js');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _BaseState = require("./BaseState");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 Success = props => {
-  return _react.default.createElement(_BaseState.BaseState, _extends({}, props, {
+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"
   }));
 };
 
-exports.Success = Success;
-var _default = Success;
-exports.default = _default;
-//# sourceMappingURL=Success.js.map
+module.exports = Success;
+//# sourceMappingURL=Success.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Success.js","names":["Success","props"],"sources":["../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { BaseState } from './BaseState';\n\nexport const Success: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"checkmark-circle-outline\" />;\n};\n\nexport default Success;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,OAA6B,GAAGC,KAAK,IAAI;EACpD,OAAO,6BAAC,oBAAD,eAAeA,KAAf;IAAsB,IAAI,EAAC;EAA3B,GAAP;AACD,CAFM;;;eAIQD,O"}
+{"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/components/atoms/Button/States/styled.js

@@ -1,47 +1,25 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getStyledTextButton = exports.StyledIndicator = 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 }; }
 
-var _templateObject, _templateObject2;
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const getStyledTextButton = component => {
-  return (0, _native.default)(component)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-left: ", ";\n  "])), _ref => {
-    let {
-      theme
-    } = _ref;
-    return theme.spacing.mili;
-  });
+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.getStyledTextButton = getStyledTextButton;
-const StyledIndicator = (0, _native.default)(_reactNative.ActivityIndicator)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", ";\n  height: ", ";\n  transform: ", ";\n"])), _ref2 => {
-  let {
-    theme,
-    buttonSize
-  } = _ref2;
-  return buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi;
-}, _ref3 => {
-  let {
-    theme,
-    buttonSize
-  } = _ref3;
-  return buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi;
-}, _ref4 => {
-  let {
-    buttonSize
-  } = _ref4;
-  return buttonSize === 'default' ? 'scale(1)' : 'scale(.8)';
-});
 exports.StyledIndicator = StyledIndicator;
-//# sourceMappingURL=styled.js.map
+exports.getStyledTextButton = getStyledTextButton;
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["getStyledTextButton","component","styled","theme","spacing","mili","StyledIndicator","ActivityIndicator","buttonSize","iconSize","deca","centi"],"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"],"mappings":";;;;;;;AAAA;;AAGA;;;;;;;;AAIO,MAAMA,mBAAmB,GAAIC,SAAD,IAA8B;EAC/D,OAAO,IAAAC,eAAA,EAAOD,SAAP,CAAP,kGACiB;IAAA,IAAC;MAAEE;IAAF,CAAD;IAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;EAAA,CADjB;AAGD,CAJM;;;AAMA,MAAMC,eAAe,GAAG,IAAAJ,eAAA,EAAOK,8BAAP,CAAH,+HAGjB;EAAA,IAAC;IAAEJ,KAAF;IAASK;EAAT,CAAD;EAAA,OACPA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KADzD;AAAA,CAHiB,EAKhB;EAAA,IAAC;IAAER,KAAF;IAASK;EAAT,CAAD;EAAA,OACRA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KADxD;AAAA,CALgB,EAOb;EAAA,IAAC;IAAEH;EAAF,CAAD;EAAA,OACXA,UAAU,KAAK,SAAf,GAA2B,UAA3B,GAAwC,WAD7B;AAAA,CAPa,CAArB"}
+{"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/components/atoms/Button/styled.js

@@ -1,56 +1,58 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledButton = void 0;
-
-var _native = _interopRequireWildcard(require("@emotion/native"));
-
-var _utils = require("../../../utils");
-
-var _PressableSurface = require("../PressableSurface");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const outlineVariant = _ref => {
-  let {
-    theme,
-    color = 'primary',
-    variant,
-    tone = 'medium'
-  } = _ref;
-  return variant === 'outlined' && (0, _native.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-color: ", ";\n    border-width: ", ";\n  "])), theme.color[color][tone], theme.borderWidth.pico);
-};
-
-const sizeStyles = _ref2 => {
-  let {
-    theme,
-    size = 'default'
-  } = _ref2;
-
+'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 (0, _native.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        padding: ", " ", ";\n        min-height: ", ";\n      "])), theme.spacing.mili, theme.spacing.deca, (0, _utils.RFValueStr)('34px'));
-
+    case "small":
+      return styled.css`
+        padding: ${theme.spacing.mili} ${theme.spacing.deca};
+        min-height: ${ResponsiveFontSize.RFValueStr("34px")};
+      `;
     default:
-      return (0, _native.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        padding: ", " ", ";\n        min-height: ", ";\n      "])), theme.spacing.mili, theme.spacing.kilo, (0, _utils.RFValueStr)('44px'));
+      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)}
+  `
+);
 
-const StyledButtonBase = (0, _native.default)(_PressableSurface.PressableSurface)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n"])), _ref3 => {
-  let {
-    theme,
-    borderRadius = 'mili'
-  } = _ref3;
-  return theme.borderRadius[borderRadius];
-});
-const StyledButton = (0, _native.default)(StyledButtonBase)(props => (0, _native.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), outlineVariant(props), sizeStyles(props)));
 exports.StyledButton = StyledButton;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["outlineVariant","theme","color","variant","tone","css","borderWidth","pico","sizeStyles","size","spacing","mili","deca","RFValueStr","kilo","StyledButtonBase","styled","PressableSurface","borderRadius","StyledButton","props"],"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"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;;;AAGA,MAAMA,cAAc,GAAG;EAAA,IAAC;IACtBC,KADsB;IAEtBC,KAAK,GAAG,SAFc;IAGtBC,OAHsB;IAItBC,IAAI,GAAG;EAJe,CAAD;EAAA,OAMrBD,OAAO,KAAK,UAAZ,QACAE,WADA,6HAEkBJ,KAAK,CAACC,KAAN,CAAYA,KAAZ,EAAmBE,IAAnB,CAFlB,EAGkBH,KAAK,CAACK,WAAN,CAAkBC,IAHpC,CANqB;AAAA,CAAvB;;AAYA,MAAMC,UAAU,GAAG,SAA2D;EAAA,IAA1D;IAAEP,KAAF;IAASQ,IAAI,GAAG;EAAhB,CAA0D;;EAC5E,QAAQA,IAAR;IACE,KAAK,OAAL;MACE,WAAOJ,WAAP,yIACaJ,KAAK,CAACS,OAAN,CAAcC,IAD3B,EACmCV,KAAK,CAACS,OAAN,CAAcE,IADjD,EAEgB,IAAAC,iBAAA,EAAW,MAAX,CAFhB;;IAIF;MACE,WAAOR,WAAP,yIACaJ,KAAK,CAACS,OAAN,CAAcC,IAD3B,EACmCV,KAAK,CAACS,OAAN,CAAcI,IADjD,EAEgB,IAAAD,iBAAA,EAAW,MAAX,CAFhB;EAPJ;AAYD,CAbD;;AAeA,MAAME,gBAAgB,GAAG,IAAAC,eAAA,EAAOC,kCAAP,CAAH,8KAGH;EAAA,IAAC;IAAEhB,KAAF;IAASiB,YAAY,GAAG;EAAxB,CAAD;EAAA,OACfjB,KAAK,CAACiB,YAAN,CAAmBA,YAAnB,CADe;AAAA,CAHG,CAAtB;AAUO,MAAMC,YAAY,GAAG,IAAAH,eAAA,EAAOD,gBAAP,EAG1BK,KAAK,QAAIf,WAAJ,iGACDL,cAAc,CAACoB,KAAD,CADb,EAEDZ,UAAU,CAACY,KAAD,CAFT,CAHqB,CAArB"}
+{"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/components/atoms/Card/Card.js

@@ -1,40 +1,64 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var React = require('react');
+var Paper = require('../Paper/Paper.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 _Paper = require("../Paper");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 Card = _ref => {
-  let {
+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,
-    ...rest
-  } = _ref;
-
+    onPress
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "elevated",
+    "onPress"
+  ]);
   if (onPress) {
-    return _react.default.createElement(_styled.StyledCard, _extends({}, rest, {
-      elevated: elevated,
-      onPress: onPress
+    return /* @__PURE__ */ React__default["default"].createElement(styled.StyledCard, __spreadProps(__spreadValues({}, rest), {
+      elevated,
+      onPress
     }), children);
   }
-
-  return _react.default.createElement(_Paper.Paper, _extends({}, rest, {
-    elevated: elevated
+  return /* @__PURE__ */ React__default["default"].createElement(Paper, __spreadProps(__spreadValues({}, rest), {
+    elevated
   }), children);
 };
 
-var _default = Card;
-exports.default = _default;
-//# sourceMappingURL=Card.js.map
+module.exports = Card;
+//# sourceMappingURL=Card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["Card","children","elevated","onPress","rest"],"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"],"mappings":";;;;;;;AACA;;AAEA;;AACA;;;;;;AASA,MAAMA,IAAmB,GAAG,QAKT;EAAA,IALU;IAC3BC,QAD2B;IAE3BC,QAAQ,GAAG,KAFgB;IAG3BC,OAH2B;IAI3B,GAAGC;EAJwB,CAKV;;EACjB,IAAID,OAAJ,EAAa;IACX,OACE,6BAAC,kBAAD,eAAgBC,IAAhB;MAAsB,QAAQ,EAAEF,QAAhC;MAA0C,OAAO,EAAEC;IAAnD,IACGF,QADH,CADF;EAKD;;EAED,OACE,6BAAC,YAAD,eAAWG,IAAX;IAAiB,QAAQ,EAAEF;EAA3B,IACGD,QADH,CADF;AAKD,CAnBD;;eAqBeD,I"}
+{"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/components/atoms/Card/Card.stories.d.ts

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

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

@@ -1,26 +1,15 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var React = require('react');
+var reactNative = require('react-native');
 
-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);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Footer = ({ children, style }) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, {
+  style
+}, children);
 
-const Footer = _ref => {
-  let {
-    children,
-    style
-  } = _ref;
-  return _react.default.createElement(_reactNative.View, {
-    style: style
-  }, children);
-};
-
-var _default = Footer;
-exports.default = _default;
-//# sourceMappingURL=Footer.js.map
+module.exports = Footer;
+//# sourceMappingURL=Footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","names":["Footer","children","style"],"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"],"mappings":";;;;;;;AAAA;;AACA;;;;AAMA,MAAMA,MAAuB,GAAG;EAAA,IAAC;IAAEC,QAAF;IAAYC;EAAZ,CAAD;EAAA,OAC9B,6BAAC,iBAAD;IAAM,KAAK,EAAEA;EAAb,GAAqBD,QAArB,CAD8B;AAAA,CAAhC;;eAIeD,M"}
+{"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/components/atoms/Card/Header/Header.js

@@ -1,26 +1,15 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var React = require('react');
+var reactNative = require('react-native');
 
-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);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Header = ({ children, style }) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, {
+  style
+}, children);
 
-const Header = _ref => {
-  let {
-    children,
-    style
-  } = _ref;
-  return _react.default.createElement(_reactNative.View, {
-    style: style
-  }, children);
-};
-
-var _default = Header;
-exports.default = _default;
-//# sourceMappingURL=Header.js.map
+module.exports = Header;
+//# sourceMappingURL=Header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["Header","children","style"],"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"],"mappings":";;;;;;;AAAA;;AACA;;;;AAMA,MAAMA,MAAuB,GAAG;EAAA,IAAC;IAAEC,QAAF;IAAYC;EAAZ,CAAD;EAAA,OAC9B,6BAAC,iBAAD;IAAM,KAAK,EAAEA;EAAb,GAAqBD,QAArB,CAD8B;AAAA,CAAhC;;eAIeD,M"}
+{"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/components/atoms/Card/styled.js

@@ -1,24 +1,21 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledCard = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireWildcard(require("@emotion/native"));
+var styled = require('@emotion/native');
+var PaperAndCard = require('../shared/PaperAndCard.js');
+var PressableSurface = require('../PressableSurface/PressableSurface.js');
 
-var _PaperAndCard = require("../shared/PaperAndCard");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _PressableSurface = require("../PressableSurface");
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject;
+const StyledCard = styled__default["default"](PressableSurface)(
+  (props) => styled.css`
+    ${PaperAndCard.baseStyles(props)}
+    ${PaperAndCard.elevatedStyles(props)}
+  `
+);
 
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const StyledCard = (0, _native.default)(_PressableSurface.PressableSurface)(props => (0, _native.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), (0, _PaperAndCard.baseStyles)(props), (0, _PaperAndCard.elevatedStyles)(props)));
 exports.StyledCard = StyledCard;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledCard","styled","PressableSurface","props","css","baseStyles","elevatedStyles"],"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"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;;;AAEO,MAAMA,UAAU,GAAG,IAAAC,eAAA,EAAOC,kCAAP,EAGxBC,KAAK,QAAIC,WAAJ,+FACD,IAAAC,wBAAA,EAAWF,KAAX,CADC,EAED,IAAAG,4BAAA,EAAeH,KAAf,CAFC,CAHmB,CAAnB"}
+{"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;;;;"}