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

package/dist/esm/utils/masks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"masks.js","sources":["../../../src/utils/masks.ts"],"sourcesContent":["// NOTE: Add here all individually utils, then you can use it on input components everywhere.\nimport { extractDigitsFromString } from './extractNumbersFromString';\n\nexport const Masks = {\n  CPF: ['999.999.999-99'],\n  CNPJ: ['99.999.999/9999-99'],\n  DATE: ['99/99/9999'],\n  MONTH_YEAR: ['99/9999'],\n  CEP: ['99999-999'],\n  PHONE: ['(99) 9999-9999'],\n  PHONE_EXTENDED: ['(99) 99999-9999'],\n  COMBINED_PHONE: (value: string) => {\n    const onlyNumbers = extractDigitsFromString(value);\n    // Value is number extended, but without mask.\n    const isCellPhoneExtended = onlyNumbers.length === 11;\n\n    // Value in formatted mode\n    return value?.length <= 14 && !isCellPhoneExtended\n      ? Masks.PHONE\n      : Masks.PHONE_EXTENDED;\n  },\n  COMBINED_CPF_CNPJ: (value: string) =>\n    value?.length <= 14 ? Masks.CPF : Masks.CNPJ,\n};\n"],"names":[],"mappings":";;AAGO,MAAM,KAAQ,GAAA;AAAA,EACnB,GAAA,EAAK,CAAC,gBAAgB,CAAA;AAAA,EACtB,IAAA,EAAM,CAAC,oBAAoB,CAAA;AAAA,EAC3B,IAAA,EAAM,CAAC,YAAY,CAAA;AAAA,EACnB,UAAA,EAAY,CAAC,SAAS,CAAA;AAAA,EACtB,GAAA,EAAK,CAAC,WAAW,CAAA;AAAA,EACjB,KAAA,EAAO,CAAC,gBAAgB,CAAA;AAAA,EACxB,cAAA,EAAgB,CAAC,iBAAiB,CAAA;AAAA,EAClC,cAAA,EAAgB,CAAC,KAAkB,KAAA;AACjC,IAAM,MAAA,WAAA,GAAc,wBAAwB,KAAK,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,YAAY,MAAW,KAAA,EAAA,CAAA;AAGnD,IAAA,OAAA,CAAO,+BAAO,MAAU,KAAA,EAAA,IAAM,CAAC,mBAC3B,GAAA,KAAA,CAAM,QACN,KAAM,CAAA,cAAA,CAAA;AAAA,GACZ;AAAA,EACA,iBAAA,EAAmB,CAAC,KAClB,KAAA,CAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,WAAU,EAAK,GAAA,KAAA,CAAM,MAAM,KAAM,CAAA,IAAA;AAC5C;;;;"}

package/dist/esm/utils/variantComplement.d.ts

@@ -0,0 +1,6 @@
+import { ColorGradationType, ColorType, FontColorType, VariantType } from '../types/defaults';
+export declare const fontColorVC: Record<VariantType, FontColorType>;
+export declare const colorVC: Record<VariantType, ColorType>;
+export declare const colorGradationVC: Record<VariantType, ColorGradationType>;
+export declare const borderColorVC: Record<VariantType, ColorType>;
+export declare const borderColorGradationVC: Record<VariantType, ColorGradationType>;

package/dist/esm/utils/variantComplement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variantComplement.js","sources":["../../../src/utils/variantComplement.ts"],"sourcesContent":["import {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  VariantType,\n} from '../types/defaults';\n\nexport const fontColorVC: Record<VariantType, FontColorType> = {\n  filled: 'light',\n  outlined: 'orange',\n  text: 'orange',\n};\n\nexport const colorVC: Record<VariantType, ColorType> = {\n  filled: 'primary',\n  outlined: 'primary',\n  text: 'primary',\n};\n\nexport const colorGradationVC: Record<VariantType, ColorGradationType> = {\n  filled: 'dark',\n  outlined: 'dark',\n  text: 'dark',\n};\n\nexport const borderColorVC: Record<VariantType, ColorType> = {\n  filled: 'primary',\n  outlined: 'primary',\n  text: 'primary',\n};\n\nexport const borderColorGradationVC: Record<VariantType, ColorGradationType> = {\n  filled: 'dark',\n  outlined: 'dark',\n  text: 'dark',\n};\n"],"names":[],"mappings":"AAOO,MAAM,WAAkD,GAAA;AAAA,EAC7D,MAAQ,EAAA,OAAA;AAAA,EACR,QAAU,EAAA,QAAA;AAAA,EACV,IAAM,EAAA,QAAA;AACR,EAAA;AAEO,MAAM,OAA0C,GAAA;AAAA,EACrD,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,gBAA4D,GAAA;AAAA,EACvE,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR,EAAA;AAEO,MAAM,aAAgD,GAAA;AAAA,EAC3D,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,sBAAkE,GAAA;AAAA,EAC7E,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR;;;;"}

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@tecsinapse/react-core",
   "description": "TecSinapse hybrid React components",
-  "version": "1.21.1-beta.4+f08b25d",
+  "version": "1.21.1-beta.5+39560aa",
   "license": "MIT",
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
   "files": [
     "dist"
   ],
   "exports": {
-    "import": "./dist/index.js",
-    "default": "./dist/index.cjs"
+    "import": "./dist/esm/index.js",
+    "default": "./dist/cjs/index.js"
   },
   "scripts": {
     "start": "yarn build:es --watch",
     "build:es": "yarn rollup --config",
-    "build:declaration2": "run-p build:declaration:cjs build:declaration:esm",
-    "build:declaration": "tsc --project tsconfig.build.json",
+    "build:declaration": "run-p build:declaration:cjs build:declaration:esm",
+    "build:declaration:cjs": "tsc --project tsconfig.build.json",
     "build:declaration:esm": "tsc --project tsconfig.build.esm.json",
     "build:declaration:watch": "tsc --project tsconfig.build.json --watch",
     "yalc:push": "yalc push --changed",
@@ -43,5 +43,5 @@
     "react-native": "^0.64.0",
     "react-native-vector-icons": "^8.1.0 || ^9.0.0"
   },
-  "gitHead": "f08b25d2e30c750674a9c48bcc4e6ca82049eea1"
+  "gitHead": "39560aae128e8d49a354e60c066e83eee05398ff"
 }

package/dist/components/atoms/Avatar/Avatar.cjs

@@ -1,38 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Text = require('../Text/Text.cjs');
-var helpers = require('./helpers.cjs');
-var styled = require('./styled.cjs');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const Avatar = ({
-  source,
-  name,
-  onPress,
-  size = "mega",
-  TextComponent = Text
-}) => {
-  const [hasError, setHasError] = React__default["default"].useState(false);
-  React__default["default"].useEffect(() => {
-    setHasError(false);
-  }, [source]);
-  const StyledText = styled.getStyledTextComponent(TextComponent);
-  return /* @__PURE__ */ React__default["default"].createElement(styled.ContainerButtonAvatar, {
-    effect: "none",
-    onPress,
-    size
-  }, source && !hasError ? /* @__PURE__ */ React__default["default"].createElement(styled.StyledAvatar, {
-    source,
-    onError: () => setHasError(true)
-  }) : /* @__PURE__ */ React__default["default"].createElement(styled.StyledBackground, null, /* @__PURE__ */ React__default["default"].createElement(StyledText, {
-    fontWeight: "bold",
-    fontColor: "light"
-  }, helpers.getIniciais(name))));
-};
-
-module.exports = Avatar;
-//# sourceMappingURL=Avatar.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.cjs","sources":["../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\nimport { IconSize } from '../../../types/defaults';\nimport { Text, TextProps } from '../Text';\nimport { getIniciais } from './helpers';\nimport {\n  ContainerButtonAvatar,\n  getStyledTextComponent,\n  StyledAvatar,\n  StyledBackground,\n} from './styled';\n\nexport type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;\n\nexport interface AvatarProps {\n  /** This property should follow react-native spec. If the asset is remote, use `{ uri: 'https://example.com/logo.png' }`.\n   * For local assets, you shold use `require('./logo.png')`. */\n  source?: ImageSourcePropType;\n  name: string;\n  onPress?: () => void;\n  size?: keyof SizeAvatar;\n  TextComponent?: FC<TextProps>;\n}\n\nconst Avatar: React.FC<AvatarProps> = ({\n  source,\n  name,\n  onPress,\n  size = 'mega',\n  TextComponent = Text,\n}) => {\n  const [hasError, setHasError] = React.useState<boolean>(false);\n\n  // If the source changes in runtime, this prevents error from being true always (fallback)\n  React.useEffect(() => {\n    setHasError(false);\n  }, [source]);\n\n  const StyledText = getStyledTextComponent(TextComponent);\n\n  return (\n    <ContainerButtonAvatar effect=\"none\" onPress={onPress} size={size}>\n      {source && !hasError ? (\n        <StyledAvatar source={source} onError={() => setHasError(true)} />\n      ) : (\n        <StyledBackground>\n          <StyledText fontWeight=\"bold\" fontColor=\"light\">\n            {getIniciais(name)}\n          </StyledText>\n        </StyledBackground>\n      )}\n    </ContainerButtonAvatar>\n  );\n};\n\nexport default Avatar;\n"],"names":["React","getStyledTextComponent","ContainerButtonAvatar","StyledAvatar","StyledBackground","getIniciais"],"mappings":";;;;;;;;;;;AAwBA,MAAM,SAAgC,CAAC;AAAA,EACrC,MAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAO,GAAA,MAAA;AAAA,EACP,aAAgB,GAAA,IAAA;AAClB,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAAA,yBAAA,CAAM,SAAkB,KAAK,CAAA,CAAA;AAG7D,EAAAA,yBAAA,CAAM,UAAU,MAAM;AACpB,IAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,GACnB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAM,MAAA,UAAA,GAAaC,8BAAuB,aAAa,CAAA,CAAA;AAEvD,EAAA,uBACGD,yBAAA,CAAA,aAAA,CAAAE,4BAAA,EAAA;AAAA,IAAsB,MAAO,EAAA,MAAA;AAAA,IAAO,OAAA;AAAA,IAAkB,IAAA;AAAA,GACpD,EAAA,MAAA,IAAU,CAAC,QAAA,mBACTF,yBAAA,CAAA,aAAA,CAAAG,mBAAA,EAAA;AAAA,IAAa,MAAA;AAAA,IAAgB,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,CAAA;AAAA,GAAG,CAAA,mBAE/DH,yBAAA,CAAA,aAAA,CAAAI,uBAAA,EAAA,IAAA,kBACEJ,yBAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,UAAW,EAAA,MAAA;AAAA,IAAO,SAAU,EAAA,OAAA;AAAA,GAAA,EACrCK,mBAAY,CAAA,IAAI,CACnB,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\nimport { IconSize } from '../../../types/defaults';\nimport { Text, TextProps } from '../Text';\nimport { getIniciais } from './helpers';\nimport {\n  ContainerButtonAvatar,\n  getStyledTextComponent,\n  StyledAvatar,\n  StyledBackground,\n} from './styled';\n\nexport type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;\n\nexport interface AvatarProps {\n  /** This property should follow react-native spec. If the asset is remote, use `{ uri: 'https://example.com/logo.png' }`.\n   * For local assets, you shold use `require('./logo.png')`. */\n  source?: ImageSourcePropType;\n  name: string;\n  onPress?: () => void;\n  size?: keyof SizeAvatar;\n  TextComponent?: FC<TextProps>;\n}\n\nconst Avatar: React.FC<AvatarProps> = ({\n  source,\n  name,\n  onPress,\n  size = 'mega',\n  TextComponent = Text,\n}) => {\n  const [hasError, setHasError] = React.useState<boolean>(false);\n\n  // If the source changes in runtime, this prevents error from being true always (fallback)\n  React.useEffect(() => {\n    setHasError(false);\n  }, [source]);\n\n  const StyledText = getStyledTextComponent(TextComponent);\n\n  return (\n    <ContainerButtonAvatar effect=\"none\" onPress={onPress} size={size}>\n      {source && !hasError ? (\n        <StyledAvatar source={source} onError={() => setHasError(true)} />\n      ) : (\n        <StyledBackground>\n          <StyledText fontWeight=\"bold\" fontColor=\"light\">\n            {getIniciais(name)}\n          </StyledText>\n        </StyledBackground>\n      )}\n    </ContainerButtonAvatar>\n  );\n};\n\nexport default Avatar;\n"],"names":["React"],"mappings":";;;;;AAwBA,MAAM,SAAgC,CAAC;AAAA,EACrC,MAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAO,GAAA,MAAA;AAAA,EACP,aAAgB,GAAA,IAAA;AAClB,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAAA,cAAA,CAAM,SAAkB,KAAK,CAAA,CAAA;AAG7D,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,GACnB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAM,MAAA,UAAA,GAAa,uBAAuB,aAAa,CAAA,CAAA;AAEvD,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,qBAAA,EAAA;AAAA,IAAsB,MAAO,EAAA,MAAA;AAAA,IAAO,OAAA;AAAA,IAAkB,IAAA;AAAA,GACpD,EAAA,MAAA,IAAU,CAAC,QAAA,mBACTA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,IAAa,MAAA;AAAA,IAAgB,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,CAAA;AAAA,GAAG,CAAA,mBAE/DA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,UAAW,EAAA,MAAA;AAAA,IAAO,SAAU,EAAA,OAAA;AAAA,GAAA,EACrC,WAAY,CAAA,IAAI,CACnB,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Avatar/helpers.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const getIniciais = (name) => {
-  const nameSplit = name.split(" ");
-  if (nameSplit.length > 1) {
-    return nameSplit.slice(0, 2).map((name2) => name2[0]).join("");
-  }
-  return name[0];
-};
-
-exports.getIniciais = getIniciais;
-//# sourceMappingURL=helpers.cjs.map

package/dist/components/atoms/Avatar/helpers.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.cjs","sources":["../../../../src/components/atoms/Avatar/helpers.ts"],"sourcesContent":["export const getIniciais = (name: string): string => {\n  const nameSplit = name.split(' ');\n  if (nameSplit.length > 1) {\n    return nameSplit\n      .slice(0, 2)\n      .map(name => name[0])\n      .join('');\n  }\n  return name[0];\n};\n"],"names":["name"],"mappings":";;;;AAAa,MAAA,WAAA,GAAc,CAAC,IAAyB,KAAA;AACnD,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAChC,EAAI,IAAA,SAAA,CAAU,SAAS,CAAG,EAAA;AACxB,IAAA,OAAO,SACJ,CAAA,KAAA,CAAM,CAAG,EAAA,CAAC,CACV,CAAA,GAAA,CAAI,CAAAA,KAAAA,KAAQA,KAAK,CAAA,CAAA,CAAE,CACnB,CAAA,IAAA,CAAK,EAAE,CAAA,CAAA;AAAA,GACZ;AACA,EAAA,OAAO,IAAK,CAAA,CAAA,CAAA,CAAA;AACd;;;;"}

package/dist/components/atoms/Avatar/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sources":["../../../../src/components/atoms/Avatar/helpers.ts"],"sourcesContent":["export const getIniciais = (name: string): string => {\n  const nameSplit = name.split(' ');\n  if (nameSplit.length > 1) {\n    return nameSplit\n      .slice(0, 2)\n      .map(name => name[0])\n      .join('');\n  }\n  return name[0];\n};\n"],"names":["name"],"mappings":"AAAa,MAAA,WAAA,GAAc,CAAC,IAAyB,KAAA;AACnD,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAChC,EAAI,IAAA,SAAA,CAAU,SAAS,CAAG,EAAA;AACxB,IAAA,OAAO,SACJ,CAAA,KAAA,CAAM,CAAG,EAAA,CAAC,CACV,CAAA,GAAA,CAAI,CAAAA,KAAAA,KAAQA,KAAK,CAAA,CAAA,CAAE,CACnB,CAAA,IAAA,CAAK,EAAE,CAAA,CAAA;AAAA,GACZ;AACA,EAAA,OAAO,IAAK,CAAA,CAAA,CAAA,CAAA;AACd;;;;"}

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

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('@emotion/native');
-var reactNative = require('react-native');
-var PressableSurface = require('../PressableSurface/PressableSurface.cjs');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const ContainerButtonAvatar = styled__default["default"](PressableSurface)`
-  width: ${({ theme, size = "mega" }) => theme.iconSize[size]};
-  height: ${({ theme, size = "mega" }) => theme.iconSize[size]};
-`;
-const StyledAvatar = styled__default["default"](reactNative.Image)`
-  border-radius: ${({ theme }) => theme.borderRadius.pill};
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-`;
-const StyledBackground = styled__default["default"](reactNative.View)`
-  border-radius: ${({ theme }) => theme.borderRadius.pill};
-  background-color: ${({ theme }) => theme.color.secondary.dark};
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: row;
-`;
-const getStyledTextComponent = (component) => {
-  return styled__default["default"](component)`
-    text-transform: uppercase;
-    text-align: center;
-    align-self: center;
-    flex: 1;
-  `;
-};
-
-exports.ContainerButtonAvatar = ContainerButtonAvatar;
-exports.StyledAvatar = StyledAvatar;
-exports.StyledBackground = StyledBackground;
-exports.getStyledTextComponent = getStyledTextComponent;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/atoms/Avatar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n  Partial<StyleProps & AvatarProps>\n>`\n  width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n  height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n  return styled(component)`\n    text-transform: uppercase;\n    text-align: center;\n    align-self: center;\n    flex: 1;\n  `;\n};\n"],"names":["styled","Image","View"],"mappings":";;;;;;;;;;;;AAQa,MAAA,qBAAA,GAAwBA,2BAAO,gBAAgB,CAAA,CAAA;AAAA,SAAA,EAGjD,CAAC,EAAE,KAAA,EAAO,OAAO,MAAO,EAAA,KAC/B,MAAM,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA,UAAA,EACP,CAAC,EAAE,KAAA,EAAO,OAAO,MAAO,EAAA,KAChC,MAAM,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA,EAAA;AAGN,MAAA,YAAA,GAAeA,2BAAOC,iBAAK,CAAA,CAAA;AAAA,iBAAA,EACrB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMpD,MAAA,gBAAA,GAAmBD,2BAAOE,gBAAI,CAAA,CAAA;AAAA,iBAAA,EACxB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC3C,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS1D,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAOF,2BAAO,SAAS,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAMzB;;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Avatar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n  Partial<StyleProps & AvatarProps>\n>`\n  width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n  height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n  return styled(component)`\n    text-transform: uppercase;\n    text-align: center;\n    align-self: center;\n    flex: 1;\n  `;\n};\n"],"names":[],"mappings":";;;;AAQa,MAAA,qBAAA,GAAwB,OAAO,gBAAgB,CAAA,CAAA;AAAA,SAAA,EAGjD,CAAC,EAAE,KAAA,EAAO,OAAO,MAAO,EAAA,KAC/B,MAAM,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA,UAAA,EACP,CAAC,EAAE,KAAA,EAAO,OAAO,MAAO,EAAA,KAChC,MAAM,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA,EAAA;AAGN,MAAA,YAAA,GAAe,OAAO,KAAK,CAAA,CAAA;AAAA,iBAAA,EACrB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMpD,MAAA,gBAAA,GAAmB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EACxB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC3C,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS1D,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAMzB;;;;"}

package/dist/components/atoms/Badge/Badge.cjs

@@ -1,25 +0,0 @@
-'use strict';
-
-var React = require('react');
-var styled = require('./styled.cjs');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const Badge = ({
-  children,
-  style,
-  color = "primary",
-  tone = "medium",
-  value
-}) => {
-  return /* @__PURE__ */ React__default["default"].createElement(styled.ViewStyled, null, children, /* @__PURE__ */ React__default["default"].createElement(styled.BadgeStyle, {
-    style,
-    color,
-    tone
-  }, value));
-};
-
-module.exports = Badge;
-//# sourceMappingURL=Badge.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.cjs","sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { BadgeStyle, ViewStyled } from './styled';\n\nexport interface BadgeProps {\n  color: ColorType;\n  tone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  value: React.ReactNode;\n}\n\nconst Badge: FC<BadgeProps> = ({\n  children,\n  style,\n  color = 'primary',\n  tone = 'medium',\n  value,\n}): JSX.Element => {\n  return (\n    <ViewStyled>\n      {children}\n      <BadgeStyle style={style} color={color} tone={tone}>\n        {value}\n      </BadgeStyle>\n    </ViewStyled>\n  );\n};\n\nexport default Badge;\n"],"names":["React","ViewStyled","BadgeStyle"],"mappings":";;;;;;;;;AAYA,MAAM,QAAwB,CAAC;AAAA,EAC7B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AAAA,EACP,KAAA;AACF,CAAmB,KAAA;AACjB,EACE,uBAAAA,yBAAA,CAAA,aAAA,CAACC,iBACE,EAAA,IAAA,EAAA,QAAA,kBACAD,yBAAA,CAAA,aAAA,CAAAE,iBAAA,EAAA;AAAA,IAAW,KAAA;AAAA,IAAc,KAAA;AAAA,IAAc,IAAA;AAAA,GAAA,EACrC,KACH,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { BadgeStyle, ViewStyled } from './styled';\n\nexport interface BadgeProps {\n  color: ColorType;\n  tone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  value: React.ReactNode;\n}\n\nconst Badge: FC<BadgeProps> = ({\n  children,\n  style,\n  color = 'primary',\n  tone = 'medium',\n  value,\n}): JSX.Element => {\n  return (\n    <ViewStyled>\n      {children}\n      <BadgeStyle style={style} color={color} tone={tone}>\n        {value}\n      </BadgeStyle>\n    </ViewStyled>\n  );\n};\n\nexport default Badge;\n"],"names":["React"],"mappings":";;;AAYA,MAAM,QAAwB,CAAC;AAAA,EAC7B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AAAA,EACP,KAAA;AACF,CAAmB,KAAA;AACjB,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,UACE,EAAA,IAAA,EAAA,QAAA,kBACAA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,KAAA;AAAA,IAAc,KAAA;AAAA,IAAc,IAAA;AAAA,GAAA,EACrC,KACH,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,48 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('@emotion/native');
-var reactNative = require('react-native');
-require('react');
-require('../Text/styled.cjs');
-require('../Input/styled.cjs');
-require('currency.js');
-require('../Input/InputElement/InputElement.cjs');
-require('../Input/InputMaskElement/InputMaskElement.cjs');
-require('../Input/PressableInputContainer/styled.cjs');
-var ResponsiveFontSize = require('../../../utils/ResponsiveFontSize.cjs');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const baseStyle = ({
-  theme,
-  color = "primary",
-  tone = "medium"
-}) => {
-  return styled.css`
-    border-radius: ${theme.borderRadius.pill};
-    background-color: ${theme.color[color][tone]};
-    position: absolute;
-    align-items: center;
-    display: flex;
-    justify-content: center;
-    height: ${theme.iconSize.centi};
-    width: ${theme.iconSize.centi};
-    top: ${`${ResponsiveFontSize.RFValue(-4)}px`};
-    right: ${`${ResponsiveFontSize.RFValue(-4)}px`};
-  `;
-};
-const BadgeStyle = styled__default["default"](reactNative.View)(baseStyle);
-const ViewStyled = styled__default["default"](reactNative.View)`
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  align-self: center;
-`;
-
-exports.BadgeStyle = BadgeStyle;
-exports.ViewStyled = ViewStyled;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/atoms/Badge/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { BadgeProps } from './Badge';\n\nconst baseStyle = ({\n  theme,\n  color = 'primary',\n  tone = 'medium',\n}: StyleProps & Partial<BadgeProps>) => {\n  return css`\n    border-radius: ${theme.borderRadius.pill};\n    background-color: ${theme.color[color][tone]};\n    position: absolute;\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    height: ${theme.iconSize.centi};\n    width: ${theme.iconSize.centi};\n    top: ${`${RFValue(-4)}px`};\n    right: ${`${RFValue(-4)}px`};\n  `;\n};\n\nexport const BadgeStyle =\n  styled(View)<Partial<StyleProps & BadgeProps>>(baseStyle);\n\nexport const ViewStyled = styled(View)<Partial<StyleProps & BadgeProps>>`\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  align-self: center;\n`;\n"],"names":["css","RFValue","styled","View"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AACT,CAAwC,KAAA;AACtC,EAAO,OAAAA,UAAA,CAAA;AAAA,mBAAA,EACY,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,sBAChB,EAAA,KAAA,CAAM,MAAM,KAAO,CAAA,CAAA,IAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAA,EAK7B,MAAM,QAAS,CAAA,KAAA,CAAA;AAAA,WAAA,EAChB,MAAM,QAAS,CAAA,KAAA,CAAA;AAAA,SACjB,EAAA,CAAA,EAAGC,2BAAQ,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,WACX,EAAA,CAAA,EAAGA,2BAAQ,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAE1B,CAAA,CAAA;AAEO,MAAM,UACX,GAAAC,0BAAA,CAAOC,gBAAI,CAAA,CAAoC,SAAS,EAAA;AAE7C,MAAA,UAAA,GAAaD,2BAAOC,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Badge/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { BadgeProps } from './Badge';\n\nconst baseStyle = ({\n  theme,\n  color = 'primary',\n  tone = 'medium',\n}: StyleProps & Partial<BadgeProps>) => {\n  return css`\n    border-radius: ${theme.borderRadius.pill};\n    background-color: ${theme.color[color][tone]};\n    position: absolute;\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    height: ${theme.iconSize.centi};\n    width: ${theme.iconSize.centi};\n    top: ${`${RFValue(-4)}px`};\n    right: ${`${RFValue(-4)}px`};\n  `;\n};\n\nexport const BadgeStyle =\n  styled(View)<Partial<StyleProps & BadgeProps>>(baseStyle);\n\nexport const ViewStyled = styled(View)<Partial<StyleProps & BadgeProps>>`\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  align-self: center;\n`;\n"],"names":[],"mappings":";;;;;;;;;;;AAMA,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AACT,CAAwC,KAAA;AACtC,EAAO,OAAA,GAAA,CAAA;AAAA,mBAAA,EACY,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,sBAChB,EAAA,KAAA,CAAM,MAAM,KAAO,CAAA,CAAA,IAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAA,EAK7B,MAAM,QAAS,CAAA,KAAA,CAAA;AAAA,WAAA,EAChB,MAAM,QAAS,CAAA,KAAA,CAAA;AAAA,SACjB,EAAA,CAAA,EAAG,QAAQ,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,WACX,EAAA,CAAA,EAAG,QAAQ,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAE1B,CAAA,CAAA;AAEO,MAAM,UACX,GAAA,MAAA,CAAO,IAAI,CAAA,CAAoC,SAAS,EAAA;AAE7C,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/components/atoms/BoxContent/BoxContent.cjs

@@ -1,44 +0,0 @@
-'use strict';
-
-var React = require('react');
-var styled = require('./styled.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 __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 BoxContent = (_a) => {
-  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledBoxContent, __spreadValues({}, rest), children);
-};
-
-module.exports = BoxContent;
-//# sourceMappingURL=BoxContent.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BoxContent.cjs","sources":["../../../../src/components/atoms/BoxContent/BoxContent.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledBoxContent } from './styled';\n\nexport interface BoxContentProps extends ViewProps {\n  variant: 'top' | 'bottom' | 'left' | 'right';\n}\n\nconst BoxContent: FC<BoxContentProps> = ({ children, ...rest }) => {\n  return <StyledBoxContent {...rest}>{children}</StyledBoxContent>;\n};\n\nexport default BoxContent;\n"],"names":["React","StyledBoxContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQM,MAAA,UAAA,GAAkC,CAAC,EAA0B,KAAA;AAA1B,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAR3C,QAAA,EAAA,GAQyC,EAAe,EAAA,IAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AACzC,EAAO,uBAAAA,yBAAA,CAAA,aAAA,CAACC,uBAAqB,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAO,QAAS,CAAA,CAAA;AAC/C;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"BoxContent.js","sources":["../../../../src/components/atoms/BoxContent/BoxContent.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledBoxContent } from './styled';\n\nexport interface BoxContentProps extends ViewProps {\n  variant: 'top' | 'bottom' | 'left' | 'right';\n}\n\nconst BoxContent: FC<BoxContentProps> = ({ children, ...rest }) => {\n  return <StyledBoxContent {...rest}>{children}</StyledBoxContent>;\n};\n\nexport default BoxContent;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQM,MAAA,UAAA,GAAkC,CAAC,EAA0B,KAAA;AAA1B,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAR3C,QAAA,EAAA,GAQyC,EAAe,EAAA,IAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AACzC,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAqB,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAO,QAAS,CAAA,CAAA;AAC/C;;;;"}

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

@@ -1,63 +0,0 @@
-'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 elevatedStyles = ({ theme }) => [
-  styled.css({
-    shadowColor: theme == null ? void 0 : theme.miscellaneous.shadow,
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.25,
-    shadowRadius: 3.84,
-    elevation: 5
-  })
-];
-const topStyles = ({ theme, variant }) => variant === "top" && styled.css`
-    border-bottom-left-radius: ${theme.borderRadius.deca};
-    border-bottom-right-radius: ${theme.borderRadius.deca};
-  `;
-const bottomStyles = ({
-  theme,
-  variant
-}) => variant === "bottom" && styled.css`
-    border-top-left-radius: ${theme.borderRadius.deca};
-    border-top-right-radius: ${theme.borderRadius.deca};
-  `;
-const leftStyles = ({
-  theme,
-  variant
-}) => variant === "left" && styled.css`
-    border-top-right-radius: ${theme.borderRadius.deca};
-    border-bottom-right-radius: ${theme.borderRadius.deca};
-  `;
-const rightStyles = ({
-  theme,
-  variant
-}) => variant === "right" && styled.css`
-    border-top-left-radius: ${theme.borderRadius.deca};
-    border-bottom-left-radius: ${theme.borderRadius.deca};
-  `;
-const StyledBoxContentBase = styled__default["default"](reactNative.View)`
-  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
-  min-height: ${({ theme }) => theme.spacing.kilo};
-  overflow: hidden;
-`;
-const StyledBoxContent = styled__default["default"](StyledBoxContentBase)(
-  (props) => styled.css`
-    ${elevatedStyles(props)}
-    ${topStyles(props)}
-  ${bottomStyles(props)}
-  ${leftStyles(props)}
-  ${rightStyles(props)}
-  `
-);
-
-exports.StyledBoxContent = StyledBoxContent;
-exports.elevatedStyles = elevatedStyles;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/atoms/BoxContent/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { BoxContentProps } from './BoxContent';\n\nexport const elevatedStyles = ({ theme }: Partial<StyleProps>) => [\n  css({\n    shadowColor: theme?.miscellaneous.shadow,\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.25,\n    shadowRadius: 3.84,\n    elevation: 5,\n  }),\n];\n\nconst topStyles = ({ theme, variant }: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'top' &&\n  css`\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst bottomStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'bottom' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-top-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst leftStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'left' &&\n  css`\n    border-top-right-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst rightStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'right' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n  `;\n\nconst StyledBoxContentBase = styled(View)<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  min-height: ${({ theme }) => theme.spacing.kilo};\n  overflow: hidden;\n`;\n\nexport const StyledBoxContent = styled(StyledBoxContentBase)(\n  props => css`\n    ${elevatedStyles(props)}\n    ${topStyles(props)}\n  ${bottomStyles(props)}\n  ${leftStyles(props)}\n  ${rightStyles(props)}\n  `\n);\n"],"names":["css","styled","View"],"mappings":";;;;;;;;;;;AAKO,MAAM,cAAiB,GAAA,CAAC,EAAE,KAAA,EAAiC,KAAA;AAAA,EAChEA,UAAI,CAAA;AAAA,IACF,WAAA,EAAa,+BAAO,aAAc,CAAA,MAAA;AAAA,IAClC,YAAc,EAAA,EAAE,KAAO,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAAA,IACpC,aAAe,EAAA,IAAA;AAAA,IACf,YAAc,EAAA,IAAA;AAAA,IACd,SAAW,EAAA,CAAA;AAAA,GACZ,CAAA;AACH,EAAA;AAEA,MAAM,YAAY,CAAC,EAAE,OAAO,OAAQ,EAAA,KAClC,YAAY,KACZ,IAAAA,UAAA,CAAA;AAAA,+BAAA,EAC+B,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,gCAAA,EAClB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGrD,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,OAAA;AACF,CAAA,KACE,YAAY,QACZ,IAAAA,UAAA,CAAA;AAAA,4BAAA,EAC4B,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,6BAAA,EAClB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGlD,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,OAAA;AACF,CAAA,KACE,YAAY,MACZ,IAAAA,UAAA,CAAA;AAAA,6BAAA,EAC6B,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,gCAAA,EAChB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGrD,MAAM,cAAc,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,OAAA;AACF,CAAA,KACE,YAAY,OACZ,IAAAA,UAAA,CAAA;AAAA,4BAAA,EAC4B,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,+BAAA,EAChB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGpD,MAAM,oBAAA,GAAuBC,2BAAOC,gBAAI,CAAA,CAAA;AAAA,oBAAA,EAClB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,cAAA,EACzC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA,CAAA,CAAA;AAIhC,MAAA,gBAAA,GAAmBD,2BAAO,oBAAoB,CAAA;AAAA,EACzD,CAAS,KAAA,KAAAD,UAAA,CAAA;AAAA,IAAA,EACL,eAAe,KAAK,CAAA,CAAA;AAAA,IAAA,EACpB,UAAU,KAAK,CAAA,CAAA;AAAA,EAAA,EACjB,aAAa,KAAK,CAAA,CAAA;AAAA,EAAA,EAClB,WAAW,KAAK,CAAA,CAAA;AAAA,EAAA,EAChB,YAAY,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAErB;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/BoxContent/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { BoxContentProps } from './BoxContent';\n\nexport const elevatedStyles = ({ theme }: Partial<StyleProps>) => [\n  css({\n    shadowColor: theme?.miscellaneous.shadow,\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.25,\n    shadowRadius: 3.84,\n    elevation: 5,\n  }),\n];\n\nconst topStyles = ({ theme, variant }: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'top' &&\n  css`\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst bottomStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'bottom' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-top-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst leftStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'left' &&\n  css`\n    border-top-right-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst rightStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'right' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n  `;\n\nconst StyledBoxContentBase = styled(View)<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  min-height: ${({ theme }) => theme.spacing.kilo};\n  overflow: hidden;\n`;\n\nexport const StyledBoxContent = styled(StyledBoxContentBase)(\n  props => css`\n    ${elevatedStyles(props)}\n    ${topStyles(props)}\n  ${bottomStyles(props)}\n  ${leftStyles(props)}\n  ${rightStyles(props)}\n  `\n);\n"],"names":[],"mappings":";;;AAKO,MAAM,cAAiB,GAAA,CAAC,EAAE,KAAA,EAAiC,KAAA;AAAA,EAChE,GAAI,CAAA;AAAA,IACF,WAAA,EAAa,+BAAO,aAAc,CAAA,MAAA;AAAA,IAClC,YAAc,EAAA,EAAE,KAAO,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAAA,IACpC,aAAe,EAAA,IAAA;AAAA,IACf,YAAc,EAAA,IAAA;AAAA,IACd,SAAW,EAAA,CAAA;AAAA,GACZ,CAAA;AACH,EAAA;AAEA,MAAM,YAAY,CAAC,EAAE,OAAO,OAAQ,EAAA,KAClC,YAAY,KACZ,IAAA,GAAA,CAAA;AAAA,+BAAA,EAC+B,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,gCAAA,EAClB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGrD,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,OAAA;AACF,CAAA,KACE,YAAY,QACZ,IAAA,GAAA,CAAA;AAAA,4BAAA,EAC4B,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,6BAAA,EAClB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGlD,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,OAAA;AACF,CAAA,KACE,YAAY,MACZ,IAAA,GAAA,CAAA;AAAA,6BAAA,EAC6B,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,gCAAA,EAChB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGrD,MAAM,cAAc,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,OAAA;AACF,CAAA,KACE,YAAY,OACZ,IAAA,GAAA,CAAA;AAAA,4BAAA,EAC4B,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,+BAAA,EAChB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGpD,MAAM,oBAAA,GAAuB,OAAO,IAAI,CAAA,CAAA;AAAA,oBAAA,EAClB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,cAAA,EACzC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA,CAAA,CAAA;AAIhC,MAAA,gBAAA,GAAmB,OAAO,oBAAoB,CAAA;AAAA,EACzD,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IAAA,EACL,eAAe,KAAK,CAAA,CAAA;AAAA,IAAA,EACpB,UAAU,KAAK,CAAA,CAAA;AAAA,EAAA,EACjB,aAAa,KAAK,CAAA,CAAA;AAAA,EAAA,EAClB,WAAW,KAAK,CAAA,CAAA;AAAA,EAAA,EAChB,YAAY,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAErB;;;;"}

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

@@ -1,105 +0,0 @@
-'use strict';
-
-var react = require('@emotion/react');
-var React = require('react');
-var styled = require('./styled.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 Button = (_a) => {
-  var _b = _a, {
-    children,
-    style,
-    color = "primary",
-    variant = "filled",
-    tone = "medium",
-    state = "default",
-    loadingComponent,
-    errorComponent,
-    successComponent,
-    size,
-    frozen,
-    disabled
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "style",
-    "color",
-    "variant",
-    "tone",
-    "state",
-    "loadingComponent",
-    "errorComponent",
-    "successComponent",
-    "size",
-    "frozen",
-    "disabled"
-  ]);
-  const theme = react.useTheme();
-  const _frozen = frozen || state === "loading";
-  let _color;
-  switch (state) {
-    case "error":
-      _color = "error";
-      break;
-    case "success":
-      _color = "success";
-      break;
-    default:
-      _color = color;
-      break;
-  }
-  let _surfaceColor;
-  if (variant === "filled") {
-    _surfaceColor = theme.color[_color][tone];
-  }
-  if (disabled) {
-    _surfaceColor = theme.color[_color].light;
-  }
-  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledButton, __spreadProps(__spreadValues({}, rest), {
-    accessibilityRole: "button",
-    style,
-    color: _color,
-    tone,
-    surfaceColor: _surfaceColor,
-    variant,
-    size,
-    disabled: _frozen || disabled,
-    frozen: disabled
-  }), state === "loading" && loadingComponent, state === "error" && errorComponent, state === "success" && successComponent, state === "default" && children);
-};
-
-module.exports = Button;
-//# sourceMappingURL=Button.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.cjs","sources":["../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n  BorderRadiusType,\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  ThemeProp,\n  VariantType,\n} from '../../../types/defaults';\nimport { PressableSurfaceProps } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { StyledButton } from './styled';\n\nexport type ButtonSizeType = 'small' | 'default';\n\nexport type ButtonStateType = 'loading' | 'error' | 'success' | 'default';\n\nexport interface ButtonStateProps {\n  buttonSize?: ButtonSizeType;\n  fontColor?: FontColorType;\n  textComponent?: React.FC<TextProps>;\n  text?: string;\n}\n\nexport interface ButtonProps extends PressableSurfaceProps {\n  style?: StyleProp<ViewStyle>;\n  color?: ColorType;\n  variant?: VariantType;\n  tone?: ColorGradationType;\n  frozen?: boolean | null;\n  borderRadius?: BorderRadiusType;\n  size?: ButtonSizeType;\n  state?: ButtonStateType;\n  loadingComponent?: JSX.Element;\n  errorComponent?: JSX.Element;\n  successComponent?: JSX.Element;\n}\n\nconst Button: FC<ButtonProps> = ({\n  children,\n  style,\n  color = 'primary',\n  variant = 'filled',\n  tone = 'medium',\n  state = 'default',\n  loadingComponent,\n  errorComponent,\n  successComponent,\n  size,\n  frozen,\n  disabled,\n  ...rest\n}): JSX.Element => {\n  const theme = useTheme() as ThemeProp;\n  const _frozen = frozen || state === 'loading';\n  let _color: ColorType;\n  switch (state) {\n    case 'error':\n      _color = 'error';\n      break;\n\n    case 'success':\n      _color = 'success';\n      break;\n\n    default:\n      _color = color;\n      break;\n  }\n\n  let _surfaceColor;\n  if (variant === 'filled') {\n    _surfaceColor = theme.color[_color][tone];\n  }\n\n  if (disabled) {\n    _surfaceColor = theme.color[_color].light;\n  }\n\n  return (\n    <StyledButton\n      {...rest}\n      accessibilityRole=\"button\"\n      style={style}\n      color={_color}\n      tone={tone}\n      surfaceColor={_surfaceColor}\n      variant={variant}\n      size={size}\n      disabled={_frozen || disabled}\n      frozen={disabled}\n    >\n      {state === 'loading' && loadingComponent}\n      {state === 'error' && errorComponent}\n      {state === 'success' && successComponent}\n      {state === 'default' && children}\n    </StyledButton>\n  );\n};\n\nexport default Button;\n"],"names":["useTheme","React","StyledButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCM,MAAA,MAAA,GAA0B,CAAC,EAcd,KAAA;AAdc,EAC/B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAQ,GAAA,SAAA;AAAA,IACR,OAAU,GAAA,QAAA;AAAA,IACV,IAAO,GAAA,QAAA;AAAA,IACP,KAAQ,GAAA,SAAA;AAAA,IACR,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,GApDF,GAwCiC,EAa5B,EAAA,IAAA,GAAA,SAAA,CAb4B,EAa5B,EAAA;AAAA,IAZH,UAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,kBAAA;AAAA,IACA,gBAAA;AAAA,IACA,kBAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAQA,cAAS,EAAA,CAAA;AACvB,EAAM,MAAA,OAAA,GAAU,UAAU,KAAU,KAAA,SAAA,CAAA;AACpC,EAAI,IAAA,MAAA,CAAA;AACJ,EAAA,QAAQ,KAAO;AAAA,IACb,KAAK,OAAA;AACH,MAAS,MAAA,GAAA,OAAA,CAAA;AACT,MAAA,MAAA;AAAA,IAEF,KAAK,SAAA;AACH,MAAS,MAAA,GAAA,SAAA,CAAA;AACT,MAAA,MAAA;AAAA,IAEF;AACE,MAAS,MAAA,GAAA,KAAA,CAAA;AACT,MAAA,MAAA;AAAA,GACJ;AAEA,EAAI,IAAA,aAAA,CAAA;AACJ,EAAA,IAAI,YAAY,QAAU,EAAA;AACxB,IAAgB,aAAA,GAAA,KAAA,CAAM,MAAM,MAAQ,CAAA,CAAA,IAAA,CAAA,CAAA;AAAA,GACtC;AAEA,EAAA,IAAI,QAAU,EAAA;AACZ,IAAgB,aAAA,GAAA,KAAA,CAAM,MAAM,MAAQ,CAAA,CAAA,KAAA,CAAA;AAAA,GACtC;AAEA,EACE,uBAAAC,yBAAA,CAAA,aAAA,CAACC,sDACK,IADL,CAAA,EAAA;AAAA,IAEC,iBAAkB,EAAA,QAAA;AAAA,IAClB,KAAA;AAAA,IACA,KAAO,EAAA,MAAA;AAAA,IACP,IAAA;AAAA,IACA,YAAc,EAAA,aAAA;AAAA,IACd,OAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAU,OAAW,IAAA,QAAA;AAAA,IACrB,MAAQ,EAAA,QAAA;AAAA,GAEP,CAAA,EAAA,KAAA,KAAU,SAAa,IAAA,gBAAA,EACvB,KAAU,KAAA,OAAA,IAAW,cACrB,EAAA,KAAA,KAAU,SAAa,IAAA,gBAAA,EACvB,KAAU,KAAA,SAAA,IAAa,QAC1B,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n  BorderRadiusType,\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  ThemeProp,\n  VariantType,\n} from '../../../types/defaults';\nimport { PressableSurfaceProps } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { StyledButton } from './styled';\n\nexport type ButtonSizeType = 'small' | 'default';\n\nexport type ButtonStateType = 'loading' | 'error' | 'success' | 'default';\n\nexport interface ButtonStateProps {\n  buttonSize?: ButtonSizeType;\n  fontColor?: FontColorType;\n  textComponent?: React.FC<TextProps>;\n  text?: string;\n}\n\nexport interface ButtonProps extends PressableSurfaceProps {\n  style?: StyleProp<ViewStyle>;\n  color?: ColorType;\n  variant?: VariantType;\n  tone?: ColorGradationType;\n  frozen?: boolean | null;\n  borderRadius?: BorderRadiusType;\n  size?: ButtonSizeType;\n  state?: ButtonStateType;\n  loadingComponent?: JSX.Element;\n  errorComponent?: JSX.Element;\n  successComponent?: JSX.Element;\n}\n\nconst Button: FC<ButtonProps> = ({\n  children,\n  style,\n  color = 'primary',\n  variant = 'filled',\n  tone = 'medium',\n  state = 'default',\n  loadingComponent,\n  errorComponent,\n  successComponent,\n  size,\n  frozen,\n  disabled,\n  ...rest\n}): JSX.Element => {\n  const theme = useTheme() as ThemeProp;\n  const _frozen = frozen || state === 'loading';\n  let _color: ColorType;\n  switch (state) {\n    case 'error':\n      _color = 'error';\n      break;\n\n    case 'success':\n      _color = 'success';\n      break;\n\n    default:\n      _color = color;\n      break;\n  }\n\n  let _surfaceColor;\n  if (variant === 'filled') {\n    _surfaceColor = theme.color[_color][tone];\n  }\n\n  if (disabled) {\n    _surfaceColor = theme.color[_color].light;\n  }\n\n  return (\n    <StyledButton\n      {...rest}\n      accessibilityRole=\"button\"\n      style={style}\n      color={_color}\n      tone={tone}\n      surfaceColor={_surfaceColor}\n      variant={variant}\n      size={size}\n      disabled={_frozen || disabled}\n      frozen={disabled}\n    >\n      {state === 'loading' && loadingComponent}\n      {state === 'error' && errorComponent}\n      {state === 'success' && successComponent}\n      {state === 'default' && children}\n    </StyledButton>\n  );\n};\n\nexport default Button;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCM,MAAA,MAAA,GAA0B,CAAC,EAcd,KAAA;AAdc,EAC/B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAQ,GAAA,SAAA;AAAA,IACR,OAAU,GAAA,QAAA;AAAA,IACV,IAAO,GAAA,QAAA;AAAA,IACP,KAAQ,GAAA,SAAA;AAAA,IACR,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,GApDF,GAwCiC,EAa5B,EAAA,IAAA,GAAA,SAAA,CAb4B,EAa5B,EAAA;AAAA,IAZH,UAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,kBAAA;AAAA,IACA,gBAAA;AAAA,IACA,kBAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAM,MAAA,OAAA,GAAU,UAAU,KAAU,KAAA,SAAA,CAAA;AACpC,EAAI,IAAA,MAAA,CAAA;AACJ,EAAA,QAAQ,KAAO;AAAA,IACb,KAAK,OAAA;AACH,MAAS,MAAA,GAAA,OAAA,CAAA;AACT,MAAA,MAAA;AAAA,IAEF,KAAK,SAAA;AACH,MAAS,MAAA,GAAA,SAAA,CAAA;AACT,MAAA,MAAA;AAAA,IAEF;AACE,MAAS,MAAA,GAAA,KAAA,CAAA;AACT,MAAA,MAAA;AAAA,GACJ;AAEA,EAAI,IAAA,aAAA,CAAA;AACJ,EAAA,IAAI,YAAY,QAAU,EAAA;AACxB,IAAgB,aAAA,GAAA,KAAA,CAAM,MAAM,MAAQ,CAAA,CAAA,IAAA,CAAA,CAAA;AAAA,GACtC;AAEA,EAAA,IAAI,QAAU,EAAA;AACZ,IAAgB,aAAA,GAAA,KAAA,CAAM,MAAM,MAAQ,CAAA,CAAA,KAAA,CAAA;AAAA,GACtC;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,+CACK,IADL,CAAA,EAAA;AAAA,IAEC,iBAAkB,EAAA,QAAA;AAAA,IAClB,KAAA;AAAA,IACA,KAAO,EAAA,MAAA;AAAA,IACP,IAAA;AAAA,IACA,YAAc,EAAA,aAAA;AAAA,IACd,OAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAU,OAAW,IAAA,QAAA;AAAA,IACrB,MAAQ,EAAA,QAAA;AAAA,GAEP,CAAA,EAAA,KAAA,KAAU,SAAa,IAAA,gBAAA,EACvB,KAAU,KAAA,OAAA,IAAW,cACrB,EAAA,KAAA,KAAU,SAAa,IAAA,gBAAA,EACvB,KAAU,KAAA,SAAA,IAAa,QAC1B,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Button/States/BaseState.cjs

@@ -1,35 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Icon = require('../../Icon/Icon.cjs');
-var Text = require('../../Text/Text.cjs');
-var styled = require('./styled.cjs');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const BaseState = ({
-  textComponent = Text,
-  buttonSize = "default",
-  fontColor = "light",
-  icon,
-  text
-}) => {
-  const typo = buttonSize === "default" ? "base" : "sub";
-  const iconSize = buttonSize === "default" ? "deca" : "centi";
-  const StyledText = styled.getStyledTextButton(textComponent);
-  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(Icon, {
-    name: icon,
-    type: "ionicon",
-    fontColor,
-    size: iconSize
-  }), text && /* @__PURE__ */ React__default["default"].createElement(StyledText, {
-    typography: typo,
-    fontWeight: "bold",
-    fontColor
-  }, text));
-};
-
-module.exports = BaseState;
-//# sourceMappingURL=BaseState.cjs.map

package/dist/components/atoms/Button/States/BaseState.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseState.cjs","sources":["../../../../../src/components/atoms/Button/States/BaseState.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  IconSizeType,\n  TypographyVariationType,\n} from '../../../../types/defaults';\nimport { Icon } from '../../Icon';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton } from './styled';\n\nexport interface BaseStateProps extends ButtonStateProps {\n  icon: string;\n}\n\nconst BaseState: FC<BaseStateProps> = ({\n  textComponent = Text,\n  buttonSize = 'default',\n  fontColor = 'light',\n  icon,\n  text,\n}) => {\n  const typo: TypographyVariationType =\n    buttonSize === 'default' ? 'base' : 'sub';\n  const iconSize: IconSizeType = buttonSize === 'default' ? 'deca' : 'centi';\n  const StyledText = getStyledTextButton(textComponent);\n  return (\n    <>\n      <Icon name={icon} type=\"ionicon\" fontColor={fontColor} size={iconSize} />\n      {text && (\n        <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n          {text}\n        </StyledText>\n      )}\n    </>\n  );\n};\n\nexport default BaseState;\n"],"names":["getStyledTextButton","React"],"mappings":";;;;;;;;;;;AAcA,MAAM,YAAgC,CAAC;AAAA,EACrC,aAAgB,GAAA,IAAA;AAAA,EAChB,UAAa,GAAA,SAAA;AAAA,EACb,SAAY,GAAA,OAAA;AAAA,EACZ,IAAA;AAAA,EACA,IAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,IAAA,GACJ,UAAe,KAAA,SAAA,GAAY,MAAS,GAAA,KAAA,CAAA;AACtC,EAAM,MAAA,QAAA,GAAyB,UAAe,KAAA,SAAA,GAAY,MAAS,GAAA,OAAA,CAAA;AACnE,EAAM,MAAA,UAAA,GAAaA,2BAAoB,aAAa,CAAA,CAAA;AACpD,EAAA,yHAEKC,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,IAAM,EAAA,IAAA;AAAA,IAAM,IAAK,EAAA,SAAA;AAAA,IAAU,SAAA;AAAA,IAAsB,IAAM,EAAA,QAAA;AAAA,GAAU,CAAA,EACtE,wBACEA,yBAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,UAAY,EAAA,IAAA;AAAA,IAAM,UAAW,EAAA,MAAA;AAAA,IAAO,SAAA;AAAA,GAAA,EAC7C,IACH,CAEJ,CAAA,CAAA;AAEJ;;;;"}