@tecsinapse/react-core 1.21.1-beta.1 → 1.21.1-beta.3

package/dist/components/atoms/Tag/Tag.mjs

@@ -0,0 +1,86 @@
+import React__default, { useState, useCallback } from 'react';
+import { Animated } from 'react-native';
+import PressableSurface from '../PressableSurface/PressableSurface.mjs';
+import { StyledTagContainer, StyledLeftIcon, StyledCloseIcon } from './styled.mjs';
+
+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 Tag = (_a) => {
+  var _b = _a, {
+    value,
+    icon,
+    variant = "small",
+    dismiss: canDismiss = false,
+    onDismiss,
+    style
+  } = _b, rest = __objRest(_b, [
+    "value",
+    "icon",
+    "variant",
+    "dismiss",
+    "onDismiss",
+    "style"
+  ]);
+  const [dismiss, setDismiss] = useState(false);
+  const fadeAnim = React__default.useRef(new Animated.Value(1)).current;
+  const duration = 300;
+  const fadeOut = () => {
+    Animated.timing(fadeAnim, {
+      toValue: 0,
+      duration,
+      useNativeDriver: true
+    }).start();
+  };
+  const handleDismiss = useCallback(() => {
+    onDismiss == null ? void 0 : onDismiss();
+    fadeOut();
+    setTimeout(() => setDismiss(true), duration);
+  }, [onDismiss]);
+  return /* @__PURE__ */ React__default.createElement(StyledTagContainer, __spreadProps(__spreadValues({}, rest), {
+    variant,
+    style: [{ opacity: fadeAnim }, style],
+    visible: !dismiss
+  }), icon && /* @__PURE__ */ React__default.createElement(StyledLeftIcon, __spreadValues({
+    size: icon.size || "micro",
+    colorVariant: icon.colorVariant || "primary"
+  }, icon)), value, canDismiss && /* @__PURE__ */ React__default.createElement(PressableSurface, {
+    onPress: handleDismiss
+  }, /* @__PURE__ */ React__default.createElement(StyledCloseIcon, {
+    name: "close-outline",
+    type: "ionicon",
+    size: "centi",
+    fontColor: "medium"
+  })));
+};
+
+export { Tag as default };
+//# sourceMappingURL=Tag.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.mjs","sources":["../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Animated, ViewProps } from 'react-native';\nimport { IconProps } from '../Icon';\nimport { PressableSurface } from '../PressableSurface';\nimport { StyledCloseIcon, StyledLeftIcon, StyledTagContainer } from './styled';\n\nexport interface TagProps extends ViewProps {\n  value: React.ReactNode;\n  icon?: IconProps;\n  dismiss?: boolean;\n  onDismiss?: () => void;\n  variant?: 'small' | 'default';\n}\n\nconst Tag: React.FC<TagProps> = ({\n  value,\n  icon,\n  variant = 'small',\n  dismiss: canDismiss = false,\n  onDismiss,\n  style,\n  ...rest\n}): JSX.Element => {\n  const [dismiss, setDismiss] = useState(false);\n  const fadeAnim = React.useRef(new Animated.Value(1)).current;\n  const duration = 300;\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      duration,\n      useNativeDriver: true,\n    }).start();\n  };\n\n  const handleDismiss = useCallback(() => {\n    onDismiss?.();\n    fadeOut();\n    setTimeout(() => setDismiss(true), duration);\n  }, [onDismiss]);\n\n  return (\n    <StyledTagContainer\n      {...rest}\n      variant={variant}\n      style={[{ opacity: fadeAnim as unknown as number }, style]}\n      visible={!dismiss}\n    >\n      {icon && (\n        <StyledLeftIcon\n          size={icon.size || 'micro'}\n          colorVariant={icon.colorVariant || 'primary'}\n          {...icon}\n        />\n      )}\n      {value}\n      {canDismiss && (\n        <PressableSurface onPress={handleDismiss}>\n          <StyledCloseIcon\n            name=\"close-outline\"\n            type=\"ionicon\"\n            size=\"centi\"\n            fontColor=\"medium\"\n          />\n        </PressableSurface>\n      )}\n    </StyledTagContainer>\n  );\n};\n\nexport default Tag;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,MAAA,GAAA,GAA0B,CAAC,EAQd,KAAA;AARc,EAC/B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAU,GAAA,OAAA;AAAA,IACV,SAAS,UAAa,GAAA,KAAA;AAAA,IACtB,SAAA;AAAA,IACA,KAAA;AAAA,GApBF,GAciC,EAO5B,EAAA,IAAA,GAAA,SAAA,CAP4B,EAO5B,EAAA;AAAA,IANH,OAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC5C,EAAM,MAAA,QAAA,GAAWA,eAAM,MAAO,CAAA,IAAI,SAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,OAAA,CAAA;AACrD,EAAA,MAAM,QAAW,GAAA,GAAA,CAAA;AAEjB,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,QAAA,CAAS,OAAO,QAAU,EAAA;AAAA,MACxB,OAAS,EAAA,CAAA;AAAA,MACT,QAAA;AAAA,MACA,eAAiB,EAAA,IAAA;AAAA,KAClB,EAAE,KAAM,EAAA,CAAA;AAAA,GACX,CAAA;AAEA,EAAM,MAAA,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,EAAA,CAAA;AACA,IAAQ,OAAA,EAAA,CAAA;AACR,IAAA,UAAA,CAAW,MAAM,UAAA,CAAW,IAAI,CAAA,EAAG,QAAQ,CAAA,CAAA;AAAA,GAC7C,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,qDACK,IADL,CAAA,EAAA;AAAA,IAEC,OAAA;AAAA,IACA,OAAO,CAAC,EAAE,OAAS,EAAA,QAAA,IAAiC,KAAK,CAAA;AAAA,IACzD,SAAS,CAAC,OAAA;AAAA,GAAA,CAAA,EAET,wBACEA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,cAAA,CAAA;AAAA,IACC,IAAA,EAAM,KAAK,IAAQ,IAAA,OAAA;AAAA,IACnB,YAAA,EAAc,KAAK,YAAgB,IAAA,SAAA;AAAA,GAAA,EAC/B,IACN,CAAA,CAAA,EAED,KACA,EAAA,UAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,IAAiB,OAAS,EAAA,aAAA;AAAA,GAAA,kBACxBA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA;AAAA,IACC,IAAK,EAAA,eAAA;AAAA,IACL,IAAK,EAAA,SAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,IACL,SAAU,EAAA,QAAA;AAAA,GACZ,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/native');
+var reactNative = require('react-native');
+var Icon = require('../Icon/Icon.cjs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const smallVariant = ({ theme, variant }) => variant === "small" && styled.css`
+    border-radius: ${theme.borderRadius.micro};
+    padding: ${theme.spacing.nano} ${theme.spacing.mili};
+  `;
+const defaultVariant = ({ theme, variant }) => variant === "default" && styled.css`
+    border-radius: ${theme.borderRadius.mili};
+    padding: ${theme.spacing.micro} ${theme.spacing.centi};
+  `;
+const StyledTagContainerBase = styled__default["default"](reactNative.Animated.View)`
+  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  align-self: center;
+  display: ${({ visible }) => visible ? "flex" : "none"};
+`;
+const StyledTagContainer = styled__default["default"](StyledTagContainerBase)(
+  (props) => styled.css`
+    ${smallVariant(props)}
+    ${defaultVariant(props)}
+  `
+);
+const StyledLeftIcon = styled__default["default"](Icon)`
+  margin-right: ${({ theme }) => theme.spacing.micro};
+`;
+const StyledCloseIcon = styled__default["default"](Icon)`
+  margin-left: ${({ theme }) => theme.spacing.nano};
+`;
+
+exports.StyledCloseIcon = StyledCloseIcon;
+exports.StyledLeftIcon = StyledLeftIcon;
+exports.StyledTagContainer = StyledTagContainer;
+//# sourceMappingURL=styled.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/atoms/Tag/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { Animated, ViewProps } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Icon, IconProps } from '../Icon';\nimport { TagProps } from './Tag';\n\nconst smallVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'small' &&\n  css`\n    border-radius: ${theme.borderRadius.micro};\n    padding: ${theme.spacing.nano} ${theme.spacing.mili};\n  `;\n\nconst defaultVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'default' &&\n  css`\n    border-radius: ${theme.borderRadius.mili};\n    padding: ${theme.spacing.micro} ${theme.spacing.centi};\n  `;\n\nconst StyledTagContainerBase = styled(Animated.View)<\n  Partial<TagProps> & Partial<StyleProps> & ViewProps & { visible: boolean }\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  align-self: center;\n  display: ${({ visible }) => (visible ? 'flex' : 'none')};\n`;\n\nexport const StyledTagContainer = styled(StyledTagContainerBase)(\n  props => css`\n    ${smallVariant(props)}\n    ${defaultVariant(props)}\n  `\n);\n\nexport const StyledLeftIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const StyledCloseIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-left: ${({ theme }) => theme.spacing.nano};\n`;\n"],"names":["css","styled","Animated"],"mappings":";;;;;;;;;;;;AAMA,MAAM,eAAe,CAAC,EAAE,OAAO,OAAQ,EAAA,KACrC,YAAY,OACZ,IAAAA,UAAA,CAAA;AAAA,mBAAA,EACmB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,aAAA,EACzB,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGnD,MAAM,iBAAiB,CAAC,EAAE,OAAO,OAAQ,EAAA,KACvC,YAAY,SACZ,IAAAA,UAAA,CAAA;AAAA,mBAAA,EACmB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,aAAA,EACzB,KAAM,CAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGpD,MAAM,sBAAA,GAAyBC,0BAAO,CAAAC,oBAAA,CAAS,IAAI,CAAA,CAAA;AAAA,oBAAA,EAG7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAK5C,CAAC,EAAE,OAAQ,EAAA,KAAO,UAAU,MAAS,GAAA,MAAA,CAAA;AAAA,CAAA,CAAA;AAGrC,MAAA,kBAAA,GAAqBD,2BAAO,sBAAsB,CAAA;AAAA,EAC7D,CAAS,KAAA,KAAAD,UAAA,CAAA;AAAA,IAAA,EACL,aAAa,KAAK,CAAA,CAAA;AAAA,IAAA,EAClB,eAAe,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAE1B,EAAA;AAEa,MAAA,cAAA,GAAiBC,2BAAO,IAAI,CAAA,CAAA;AAAA,gBAAA,EACvB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,eAAA,GAAkBA,2BAAO,IAAI,CAAA,CAAA;AAAA,eAAA,EACzB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;;;;;;"}

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

@@ -0,0 +1,35 @@
+import styled, { css } from '@emotion/native';
+import { Animated } from 'react-native';
+import Icon from '../Icon/Icon.mjs';
+
+const smallVariant = ({ theme, variant }) => variant === "small" && css`
+    border-radius: ${theme.borderRadius.micro};
+    padding: ${theme.spacing.nano} ${theme.spacing.mili};
+  `;
+const defaultVariant = ({ theme, variant }) => variant === "default" && css`
+    border-radius: ${theme.borderRadius.mili};
+    padding: ${theme.spacing.micro} ${theme.spacing.centi};
+  `;
+const StyledTagContainerBase = styled(Animated.View)`
+  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  align-self: center;
+  display: ${({ visible }) => visible ? "flex" : "none"};
+`;
+const StyledTagContainer = styled(StyledTagContainerBase)(
+  (props) => css`
+    ${smallVariant(props)}
+    ${defaultVariant(props)}
+  `
+);
+const StyledLeftIcon = styled(Icon)`
+  margin-right: ${({ theme }) => theme.spacing.micro};
+`;
+const StyledCloseIcon = styled(Icon)`
+  margin-left: ${({ theme }) => theme.spacing.nano};
+`;
+
+export { StyledCloseIcon, StyledLeftIcon, StyledTagContainer };
+//# sourceMappingURL=styled.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.mjs","sources":["../../../../src/components/atoms/Tag/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { Animated, ViewProps } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Icon, IconProps } from '../Icon';\nimport { TagProps } from './Tag';\n\nconst smallVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'small' &&\n  css`\n    border-radius: ${theme.borderRadius.micro};\n    padding: ${theme.spacing.nano} ${theme.spacing.mili};\n  `;\n\nconst defaultVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'default' &&\n  css`\n    border-radius: ${theme.borderRadius.mili};\n    padding: ${theme.spacing.micro} ${theme.spacing.centi};\n  `;\n\nconst StyledTagContainerBase = styled(Animated.View)<\n  Partial<TagProps> & Partial<StyleProps> & ViewProps & { visible: boolean }\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  align-self: center;\n  display: ${({ visible }) => (visible ? 'flex' : 'none')};\n`;\n\nexport const StyledTagContainer = styled(StyledTagContainerBase)(\n  props => css`\n    ${smallVariant(props)}\n    ${defaultVariant(props)}\n  `\n);\n\nexport const StyledLeftIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const StyledCloseIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-left: ${({ theme }) => theme.spacing.nano};\n`;\n"],"names":[],"mappings":";;;;AAMA,MAAM,eAAe,CAAC,EAAE,OAAO,OAAQ,EAAA,KACrC,YAAY,OACZ,IAAA,GAAA,CAAA;AAAA,mBAAA,EACmB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,aAAA,EACzB,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGnD,MAAM,iBAAiB,CAAC,EAAE,OAAO,OAAQ,EAAA,KACvC,YAAY,SACZ,IAAA,GAAA,CAAA;AAAA,mBAAA,EACmB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,aAAA,EACzB,KAAM,CAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGpD,MAAM,sBAAA,GAAyB,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,oBAAA,EAG7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAK5C,CAAC,EAAE,OAAQ,EAAA,KAAO,UAAU,MAAS,GAAA,MAAA,CAAA;AAAA,CAAA,CAAA;AAGrC,MAAA,kBAAA,GAAqB,OAAO,sBAAsB,CAAA;AAAA,EAC7D,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IAAA,EACL,aAAa,KAAK,CAAA,CAAA;AAAA,IAAA,EAClB,eAAe,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAE1B,EAAA;AAEa,MAAA,cAAA,GAAiB,OAAO,IAAI,CAAA,CAAA;AAAA,gBAAA,EACvB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,eAAA,GAAkB,OAAO,IAAI,CAAA,CAAA;AAAA,eAAA,EACzB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;;;;"}

package/dist/components/atoms/Text/Text.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+var React = require('react');
+var styled = require('./styled.cjs');
+var functions = require('./functions.cjs');
+
+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 Text = (_a) => {
+  var _b = _a, {
+    children,
+    style,
+    fontColor = "dark",
+    colorTone = "medium",
+    colorVariant,
+    fontWeight = "regular",
+    typography = "base",
+    numberOfLines,
+    ellipsizeMode,
+    textTransform = "none",
+    capitalFirst = false
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "style",
+    "fontColor",
+    "colorTone",
+    "colorVariant",
+    "fontWeight",
+    "typography",
+    "numberOfLines",
+    "ellipsizeMode",
+    "textTransform",
+    "capitalFirst"
+  ]);
+  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledColoredText, __spreadProps(__spreadValues({}, rest), {
+    style,
+    fontColor,
+    colorTone,
+    colorVariant,
+    fontWeight,
+    typography,
+    numberOfLines,
+    ellipsizeMode,
+    textTransform
+  }), functions.getLabel(children, capitalFirst));
+};
+
+module.exports = Text;
+//# sourceMappingURL=Text.cjs.map

package/dist/components/atoms/Text/Text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.cjs","sources":["../../../../src/components/atoms/Text/Text.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { StyleProp, TextStyle } from 'react-native';\nimport { StyledColoredText } from './styled';\nimport { getLabel } from './functions';\n\nexport interface TextProps {\n  /** Font theme text color */\n  fontColor?: FontColorType;\n  /** Font theme weight */\n  fontWeight?: FontWeightType;\n  /** Font theme sizes */\n  typography?: TypographyVariationType;\n  /** Font theme stack */\n  fontStack?: FontStackType;\n  /** Palette theme colors. You can specify this prop to override theme fontColor */\n  colorVariant?: ColorType;\n  /** Palette theme colors gradation */\n  colorTone?: ColorGradationType;\n  numberOfLines?: number;\n  ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';\n  textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';\n  capitalFirst?: boolean;\n  style?: StyleProp<TextStyle>;\n  children?: React.ReactNode;\n}\n\n/** NOTE: When using colors, be careful to not override fontColor by using colorVariant and colorTone, referent to theme colors and not text colors. */\nconst Text: FC<TextProps> = ({\n  children,\n  style,\n  fontColor = 'dark',\n  colorTone = 'medium',\n  colorVariant,\n  fontWeight = 'regular',\n  typography = 'base',\n  numberOfLines,\n  ellipsizeMode,\n  textTransform = 'none',\n  capitalFirst = false,\n  ...rest\n}): JSX.Element => {\n  return (\n    <StyledColoredText\n      {...rest}\n      style={style}\n      fontColor={fontColor}\n      colorTone={colorTone}\n      colorVariant={colorVariant}\n      fontWeight={fontWeight}\n      typography={typography}\n      numberOfLines={numberOfLines}\n      ellipsizeMode={ellipsizeMode}\n      textTransform={textTransform}\n    >\n      {getLabel(children, capitalFirst)}\n    </StyledColoredText>\n  );\n};\n\nexport default Text;\n"],"names":["React","StyledColoredText","getLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCM,MAAA,IAAA,GAAsB,CAAC,EAaV,KAAA;AAbU,EAC3B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAY,GAAA,MAAA;AAAA,IACZ,SAAY,GAAA,QAAA;AAAA,IACZ,YAAA;AAAA,IACA,UAAa,GAAA,SAAA;AAAA,IACb,UAAa,GAAA,MAAA;AAAA,IACb,aAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAgB,GAAA,MAAA;AAAA,IAChB,YAAe,GAAA,KAAA;AAAA,GA9CjB,GAmC6B,EAYxB,EAAA,IAAA,GAAA,SAAA,CAZwB,EAYxB,EAAA;AAAA,IAXH,UAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA,eAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EACE,uBAAAA,yBAAA,CAAA,aAAA,CAACC,2DACK,IADL,CAAA,EAAA;AAAA,IAEC,KAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,GAEC,CAAA,EAAAC,kBAAA,CAAS,QAAU,EAAA,YAAY,CAClC,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Text/Text.mjs

@@ -0,0 +1,76 @@
+import React__default from 'react';
+import { StyledColoredText } from './styled.mjs';
+import { getLabel } from './functions.mjs';
+
+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 Text = (_a) => {
+  var _b = _a, {
+    children,
+    style,
+    fontColor = "dark",
+    colorTone = "medium",
+    colorVariant,
+    fontWeight = "regular",
+    typography = "base",
+    numberOfLines,
+    ellipsizeMode,
+    textTransform = "none",
+    capitalFirst = false
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "style",
+    "fontColor",
+    "colorTone",
+    "colorVariant",
+    "fontWeight",
+    "typography",
+    "numberOfLines",
+    "ellipsizeMode",
+    "textTransform",
+    "capitalFirst"
+  ]);
+  return /* @__PURE__ */ React__default.createElement(StyledColoredText, __spreadProps(__spreadValues({}, rest), {
+    style,
+    fontColor,
+    colorTone,
+    colorVariant,
+    fontWeight,
+    typography,
+    numberOfLines,
+    ellipsizeMode,
+    textTransform
+  }), getLabel(children, capitalFirst));
+};
+
+export { Text as default };
+//# sourceMappingURL=Text.mjs.map

package/dist/components/atoms/Text/Text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.mjs","sources":["../../../../src/components/atoms/Text/Text.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { StyleProp, TextStyle } from 'react-native';\nimport { StyledColoredText } from './styled';\nimport { getLabel } from './functions';\n\nexport interface TextProps {\n  /** Font theme text color */\n  fontColor?: FontColorType;\n  /** Font theme weight */\n  fontWeight?: FontWeightType;\n  /** Font theme sizes */\n  typography?: TypographyVariationType;\n  /** Font theme stack */\n  fontStack?: FontStackType;\n  /** Palette theme colors. You can specify this prop to override theme fontColor */\n  colorVariant?: ColorType;\n  /** Palette theme colors gradation */\n  colorTone?: ColorGradationType;\n  numberOfLines?: number;\n  ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';\n  textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';\n  capitalFirst?: boolean;\n  style?: StyleProp<TextStyle>;\n  children?: React.ReactNode;\n}\n\n/** NOTE: When using colors, be careful to not override fontColor by using colorVariant and colorTone, referent to theme colors and not text colors. */\nconst Text: FC<TextProps> = ({\n  children,\n  style,\n  fontColor = 'dark',\n  colorTone = 'medium',\n  colorVariant,\n  fontWeight = 'regular',\n  typography = 'base',\n  numberOfLines,\n  ellipsizeMode,\n  textTransform = 'none',\n  capitalFirst = false,\n  ...rest\n}): JSX.Element => {\n  return (\n    <StyledColoredText\n      {...rest}\n      style={style}\n      fontColor={fontColor}\n      colorTone={colorTone}\n      colorVariant={colorVariant}\n      fontWeight={fontWeight}\n      typography={typography}\n      numberOfLines={numberOfLines}\n      ellipsizeMode={ellipsizeMode}\n      textTransform={textTransform}\n    >\n      {getLabel(children, capitalFirst)}\n    </StyledColoredText>\n  );\n};\n\nexport default Text;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCM,MAAA,IAAA,GAAsB,CAAC,EAaV,KAAA;AAbU,EAC3B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAY,GAAA,MAAA;AAAA,IACZ,SAAY,GAAA,QAAA;AAAA,IACZ,YAAA;AAAA,IACA,UAAa,GAAA,SAAA;AAAA,IACb,UAAa,GAAA,MAAA;AAAA,IACb,aAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAgB,GAAA,MAAA;AAAA,IAChB,YAAe,GAAA,KAAA;AAAA,GA9CjB,GAmC6B,EAYxB,EAAA,IAAA,GAAA,SAAA,CAZwB,EAYxB,EAAA;AAAA,IAXH,UAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA,eAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,oDACK,IADL,CAAA,EAAA;AAAA,IAEC,KAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,GAEC,CAAA,EAAA,QAAA,CAAS,QAAU,EAAA,YAAY,CAClC,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Text/functions.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const getFirstCapitalCharacter = (value) => value.charAt(0).toUpperCase().concat(value.slice(1));
+const getLabel = (children, capitalFirst) => typeof children === "string" && capitalFirst ? getFirstCapitalCharacter(children) : children;
+
+exports.getFirstCapitalCharacter = getFirstCapitalCharacter;
+exports.getLabel = getLabel;
+//# sourceMappingURL=functions.cjs.map

package/dist/components/atoms/Text/functions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"functions.cjs","sources":["../../../../src/components/atoms/Text/functions.ts"],"sourcesContent":["export const getFirstCapitalCharacter = (value: string): string =>\n  value.charAt(0).toUpperCase().concat(value.slice(1));\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const getLabel = (children, capitalFirst: boolean) =>\n  typeof children === 'string' && capitalFirst\n    ? getFirstCapitalCharacter(children)\n    : children;\n"],"names":[],"mappings":";;;;AAAO,MAAM,wBAA2B,GAAA,CAAC,KACvC,KAAA,KAAA,CAAM,MAAO,CAAA,CAAC,CAAE,CAAA,WAAA,EAAc,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,CAAM,CAAC,CAAC,EAAA;AAGxC,MAAA,QAAA,GAAW,CAAC,QAAA,EAAU,YACjC,KAAA,OAAO,aAAa,QAAY,IAAA,YAAA,GAC5B,wBAAyB,CAAA,QAAQ,CACjC,GAAA;;;;;"}

package/dist/components/atoms/Text/functions.mjs

@@ -0,0 +1,5 @@
+const getFirstCapitalCharacter = (value) => value.charAt(0).toUpperCase().concat(value.slice(1));
+const getLabel = (children, capitalFirst) => typeof children === "string" && capitalFirst ? getFirstCapitalCharacter(children) : children;
+
+export { getFirstCapitalCharacter, getLabel };
+//# sourceMappingURL=functions.mjs.map

package/dist/components/atoms/Text/functions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"functions.mjs","sources":["../../../../src/components/atoms/Text/functions.ts"],"sourcesContent":["export const getFirstCapitalCharacter = (value: string): string =>\n  value.charAt(0).toUpperCase().concat(value.slice(1));\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const getLabel = (children, capitalFirst: boolean) =>\n  typeof children === 'string' && capitalFirst\n    ? getFirstCapitalCharacter(children)\n    : children;\n"],"names":[],"mappings":"AAAO,MAAM,wBAA2B,GAAA,CAAC,KACvC,KAAA,KAAA,CAAM,MAAO,CAAA,CAAC,CAAE,CAAA,WAAA,EAAc,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,CAAM,CAAC,CAAC,EAAA;AAGxC,MAAA,QAAA,GAAW,CAAC,QAAA,EAAU,YACjC,KAAA,OAAO,aAAa,QAAY,IAAA,YAAA,GAC5B,wBAAyB,CAAA,QAAQ,CACjC,GAAA;;;;"}

package/dist/components/atoms/Text/styled.cjs

@@ -0,0 +1,31 @@
+'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 StyledText = styled__default["default"](reactNative.Text)`
+  color: ${({ theme, fontColor = "dark" }) => theme.font.color[fontColor]};
+  font-weight: ${({ theme, fontWeight = "regular" }) => theme.font.weight[fontWeight]};
+  font-size: ${({ theme, typography = "base" }) => theme.typography[typography].fontSize};
+  line-height: ${({ theme, typography = "base" }) => theme.typography[typography].lineHeight};
+  font-family: ${({ theme, fontStack = "default" }) => `'${theme.font.stack[fontStack]}'`};
+  text-transform: ${({ textTransform = "none" }) => `${textTransform}`};
+`;
+const colorStyles = ({
+  colorVariant,
+  colorTone,
+  theme
+}) => colorVariant && colorTone && styled.css`
+    color: ${theme.color[colorVariant][colorTone]};
+  `;
+const StyledColoredText = styled__default["default"](StyledText)(colorStyles);
+
+exports.StyledColoredText = StyledColoredText;
+exports.StyledText = StyledText;
+//# sourceMappingURL=styled.cjs.map

package/dist/components/atoms/Text/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/atoms/Text/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps, TextProps } from '@tecsinapse/react-core';\nimport { Text as RNText } from 'react-native';\n\nexport const StyledText = styled(RNText)<TextProps & Partial<StyleProps>>`\n  color: ${({ theme, fontColor = 'dark' }) => theme.font.color[fontColor]};\n  font-weight: ${({ theme, fontWeight = 'regular' }) =>\n    theme.font.weight[fontWeight]};\n  font-size: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].fontSize};\n  line-height: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].lineHeight};\n  font-family: ${({ theme, fontStack = 'default' }) =>\n    `'${theme.font.stack[fontStack]}'`};\n  text-transform: ${({ textTransform = 'none' }) => `${textTransform}`};\n`;\n\nconst colorStyles = ({\n  colorVariant,\n  colorTone,\n  theme,\n}: TextProps & StyleProps) =>\n  colorVariant &&\n  colorTone &&\n  css`\n    color: ${theme.color[colorVariant][colorTone]};\n  `;\n\nexport const StyledColoredText = styled(StyledText)<\n  TextProps & Partial<StyleProps>\n>(colorStyles);\n"],"names":["styled","RNText","css"],"mappings":";;;;;;;;;;;AAIa,MAAA,UAAA,GAAaA,2BAAOC,gBAAM,CAAA,CAAA;AAAA,SAC5B,EAAA,CAAC,EAAE,KAAO,EAAA,SAAA,GAAY,QAAa,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,SAAA,CAAA,CAAA;AAAA,eAC9C,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,WACpC,KAAA,KAAA,CAAM,KAAK,MAAO,CAAA,UAAA,CAAA,CAAA;AAAA,aACP,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,QAClC,KAAA,KAAA,CAAM,WAAW,UAAY,CAAA,CAAA,QAAA,CAAA;AAAA,eAChB,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,QACpC,KAAA,KAAA,CAAM,WAAW,UAAY,CAAA,CAAA,UAAA,CAAA;AAAA,eAChB,EAAA,CAAC,EAAE,KAAO,EAAA,SAAA,GAAY,WACnC,KAAA,CAAA,CAAA,EAAI,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,kBAAA,EACL,CAAC,EAAE,aAAgB,GAAA,MAAA,OAAa,CAAG,EAAA,aAAA,CAAA,CAAA,CAAA;AAAA,EAAA;AAGvD,MAAM,cAAc,CAAC;AAAA,EACnB,YAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AACF,CAAA,KACE,gBACA,SACA,IAAAC,UAAA,CAAA;AAAA,WACW,EAAA,KAAA,CAAM,MAAM,YAAc,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGhC,MAAM,iBAAoB,GAAAF,0BAAA,CAAO,UAAU,CAAA,CAEhD,WAAW;;;;;"}

package/dist/components/atoms/Text/styled.mjs

@@ -0,0 +1,22 @@
+import styled, { css } from '@emotion/native';
+import { Text } from 'react-native';
+
+const StyledText = styled(Text)`
+  color: ${({ theme, fontColor = "dark" }) => theme.font.color[fontColor]};
+  font-weight: ${({ theme, fontWeight = "regular" }) => theme.font.weight[fontWeight]};
+  font-size: ${({ theme, typography = "base" }) => theme.typography[typography].fontSize};
+  line-height: ${({ theme, typography = "base" }) => theme.typography[typography].lineHeight};
+  font-family: ${({ theme, fontStack = "default" }) => `'${theme.font.stack[fontStack]}'`};
+  text-transform: ${({ textTransform = "none" }) => `${textTransform}`};
+`;
+const colorStyles = ({
+  colorVariant,
+  colorTone,
+  theme
+}) => colorVariant && colorTone && css`
+    color: ${theme.color[colorVariant][colorTone]};
+  `;
+const StyledColoredText = styled(StyledText)(colorStyles);
+
+export { StyledColoredText, StyledText };
+//# sourceMappingURL=styled.mjs.map

package/dist/components/atoms/Text/styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.mjs","sources":["../../../../src/components/atoms/Text/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps, TextProps } from '@tecsinapse/react-core';\nimport { Text as RNText } from 'react-native';\n\nexport const StyledText = styled(RNText)<TextProps & Partial<StyleProps>>`\n  color: ${({ theme, fontColor = 'dark' }) => theme.font.color[fontColor]};\n  font-weight: ${({ theme, fontWeight = 'regular' }) =>\n    theme.font.weight[fontWeight]};\n  font-size: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].fontSize};\n  line-height: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].lineHeight};\n  font-family: ${({ theme, fontStack = 'default' }) =>\n    `'${theme.font.stack[fontStack]}'`};\n  text-transform: ${({ textTransform = 'none' }) => `${textTransform}`};\n`;\n\nconst colorStyles = ({\n  colorVariant,\n  colorTone,\n  theme,\n}: TextProps & StyleProps) =>\n  colorVariant &&\n  colorTone &&\n  css`\n    color: ${theme.color[colorVariant][colorTone]};\n  `;\n\nexport const StyledColoredText = styled(StyledText)<\n  TextProps & Partial<StyleProps>\n>(colorStyles);\n"],"names":["RNText"],"mappings":";;;AAIa,MAAA,UAAA,GAAa,OAAOA,IAAM,CAAA,CAAA;AAAA,SAC5B,EAAA,CAAC,EAAE,KAAO,EAAA,SAAA,GAAY,QAAa,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,SAAA,CAAA,CAAA;AAAA,eAC9C,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,WACpC,KAAA,KAAA,CAAM,KAAK,MAAO,CAAA,UAAA,CAAA,CAAA;AAAA,aACP,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,QAClC,KAAA,KAAA,CAAM,WAAW,UAAY,CAAA,CAAA,QAAA,CAAA;AAAA,eAChB,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,QACpC,KAAA,KAAA,CAAM,WAAW,UAAY,CAAA,CAAA,UAAA,CAAA;AAAA,eAChB,EAAA,CAAC,EAAE,KAAO,EAAA,SAAA,GAAY,WACnC,KAAA,CAAA,CAAA,EAAI,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,kBAAA,EACL,CAAC,EAAE,aAAgB,GAAA,MAAA,OAAa,CAAG,EAAA,aAAA,CAAA,CAAA,CAAA;AAAA,EAAA;AAGvD,MAAM,cAAc,CAAC;AAAA,EACnB,YAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AACF,CAAA,KACE,gBACA,SACA,IAAA,GAAA,CAAA;AAAA,WACW,EAAA,KAAA,CAAM,MAAM,YAAc,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGhC,MAAM,iBAAoB,GAAA,MAAA,CAAO,UAAU,CAAA,CAEhD,WAAW;;;;"}

package/dist/components/atoms/shared/PaperAndCard.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/native');
+
+const baseStyles = ({ theme }) => styled.css`
+  border-radius: ${theme.borderRadius.mili};
+  background-color: ${theme.miscellaneous.surfaceColor};
+`;
+const elevatedStyles = ({
+  theme,
+  elevated = false
+}) => elevated && [
+  styled.css({
+    shadowColor: theme.miscellaneous.shadow,
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.05,
+    shadowRadius: 5,
+    elevation: 2
+  })
+];
+
+exports.baseStyles = baseStyles;
+exports.elevatedStyles = elevatedStyles;
+//# sourceMappingURL=PaperAndCard.cjs.map

package/dist/components/atoms/shared/PaperAndCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaperAndCard.cjs","sources":["../../../../src/components/atoms/shared/PaperAndCard.ts"],"sourcesContent":["import { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const baseStyles = ({ theme }: StyleProps): any => css`\n  border-radius: ${theme.borderRadius.mili};\n  background-color: ${theme.miscellaneous.surfaceColor};\n`;\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const elevatedStyles = ({\n  theme,\n  elevated = false,\n}: { elevated?: boolean } & StyleProps): any =>\n  elevated && [\n    css({\n      shadowColor: theme.miscellaneous.shadow,\n      shadowOffset: { width: 0, height: 2 },\n      shadowOpacity: 0.05,\n      shadowRadius: 5,\n      elevation: 2,\n    }),\n  ];\n/* eslint-enable @typescript-eslint/no-explicit-any */\n"],"names":["css"],"mappings":";;;;;;AAIO,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAA6B,KAAAA,UAAA,CAAA;AAAA,iBAAA,EACvC,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAChB,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAInC,MAAM,iBAAiB,CAAC;AAAA,EAC7B,KAAA;AAAA,EACA,QAAW,GAAA,KAAA;AACb,CAAA,KACE,QAAY,IAAA;AAAA,EACVA,UAAI,CAAA;AAAA,IACF,WAAA,EAAa,MAAM,aAAc,CAAA,MAAA;AAAA,IACjC,YAAc,EAAA,EAAE,KAAO,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAAA,IACpC,aAAe,EAAA,IAAA;AAAA,IACf,YAAc,EAAA,CAAA;AAAA,IACd,SAAW,EAAA,CAAA;AAAA,GACZ,CAAA;AACH;;;;;"}

package/dist/components/atoms/shared/PaperAndCard.mjs

@@ -0,0 +1,21 @@
+import { css } from '@emotion/native';
+
+const baseStyles = ({ theme }) => css`
+  border-radius: ${theme.borderRadius.mili};
+  background-color: ${theme.miscellaneous.surfaceColor};
+`;
+const elevatedStyles = ({
+  theme,
+  elevated = false
+}) => elevated && [
+  css({
+    shadowColor: theme.miscellaneous.shadow,
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.05,
+    shadowRadius: 5,
+    elevation: 2
+  })
+];
+
+export { baseStyles, elevatedStyles };
+//# sourceMappingURL=PaperAndCard.mjs.map

package/dist/components/atoms/shared/PaperAndCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaperAndCard.mjs","sources":["../../../../src/components/atoms/shared/PaperAndCard.ts"],"sourcesContent":["import { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const baseStyles = ({ theme }: StyleProps): any => css`\n  border-radius: ${theme.borderRadius.mili};\n  background-color: ${theme.miscellaneous.surfaceColor};\n`;\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const elevatedStyles = ({\n  theme,\n  elevated = false,\n}: { elevated?: boolean } & StyleProps): any =>\n  elevated && [\n    css({\n      shadowColor: theme.miscellaneous.shadow,\n      shadowOffset: { width: 0, height: 2 },\n      shadowOpacity: 0.05,\n      shadowRadius: 5,\n      elevation: 2,\n    }),\n  ];\n/* eslint-enable @typescript-eslint/no-explicit-any */\n"],"names":[],"mappings":";;AAIO,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAA6B,KAAA,GAAA,CAAA;AAAA,iBAAA,EACvC,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAChB,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAInC,MAAM,iBAAiB,CAAC;AAAA,EAC7B,KAAA;AAAA,EACA,QAAW,GAAA,KAAA;AACb,CAAA,KACE,QAAY,IAAA;AAAA,EACV,GAAI,CAAA;AAAA,IACF,WAAA,EAAa,MAAM,aAAc,CAAA,MAAA;AAAA,IACjC,YAAc,EAAA,EAAE,KAAO,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAAA,IACpC,aAAe,EAAA,IAAA;AAAA,IACf,YAAc,EAAA,CAAA;AAAA,IACd,SAAW,EAAA,CAAA;AAAA,GACZ,CAAA;AACH;;;;"}