@tecsinapse/react-core 1.20.0 → 1.21.0

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["React","BadgeStyle","ViewStyled","Badge","children","style","color","tone","value"],"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"],"mappings":"AAAA,OAAOA,KAAP,MAA0B,OAA1B;AAGA,SAASC,UAAT,EAAqBC,UAArB,QAAuC,UAAvC;;AASA,IAAMC,KAAqB,GAAG,SAAxBA,KAAwB,OAMX;EAAA,IALjBC,QAKiB,QALjBA,QAKiB;EAAA,IAJjBC,KAIiB,QAJjBA,KAIiB;EAAA,sBAHjBC,KAGiB;EAAA,IAHjBA,KAGiB,2BAHT,SAGS;EAAA,qBAFjBC,IAEiB;EAAA,IAFjBA,IAEiB,0BAFV,QAEU;EAAA,IADjBC,KACiB,QADjBA,KACiB;EACjB,OACE,oBAAC,UAAD,QACGJ,QADH,EAEE,oBAAC,UAAD;IAAY,KAAK,EAAEC,KAAnB;IAA0B,KAAK,EAAEC,KAAjC;IAAwC,IAAI,EAAEC;EAA9C,GACGC,KADH,CAFF,CADF;AAQD,CAfD;;AAiBA,eAAeL,KAAf"}
+{"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/esm/components/atoms/Badge/styled.js

@@ -1,20 +1,39 @@
-var _templateObject, _templateObject2;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import styled, { css } from '@emotion/native';
 import { View } from 'react-native';
-import { RFValue } from '../../../utils';
+import 'react';
+import '../Text/styled.js';
+import '../Input/styled.js';
+import 'currency.js';
+import '../Input/InputElement/InputElement.js';
+import '../Input/InputMaskElement/InputMaskElement.js';
+import '../Input/PressableInputContainer/styled.js';
+import { RFValue } from '../../../utils/ResponsiveFontSize.js';
 
-var baseStyle = function baseStyle(_ref) {
-  var theme = _ref.theme,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'primary' : _ref$color,
-      _ref$tone = _ref.tone,
-      tone = _ref$tone === void 0 ? 'medium' : _ref$tone;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-radius: ", ";\n    background-color: ", ";\n    position: absolute;\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    height: ", ";\n    width: ", ";\n    top: ", ";\n    right: ", ";\n  "])), theme.borderRadius.pill, theme.color[color][tone], theme.iconSize.centi, theme.iconSize.centi, "".concat(RFValue(-4), "px"), "".concat(RFValue(-4), "px"));
+const baseStyle = ({
+  theme,
+  color = "primary",
+  tone = "medium"
+}) => {
+  return 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: ${`${RFValue(-4)}px`};
+    right: ${`${RFValue(-4)}px`};
+  `;
 };
+const BadgeStyle = styled(View)(baseStyle);
+const ViewStyled = styled(View)`
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  align-self: center;
+`;
 
-export var BadgeStyle = styled(View)(baseStyle);
-export var ViewStyled = styled(View)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  align-self: center;\n"])));
-//# sourceMappingURL=styled.js.map
+export { BadgeStyle, ViewStyled };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","css","View","RFValue","baseStyle","theme","color","tone","borderRadius","pill","iconSize","centi","BadgeStyle","ViewStyled"],"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"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,OAAT,QAAwB,gBAAxB;;AAGA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAIsB;EAAA,IAHtCC,KAGsC,QAHtCA,KAGsC;EAAA,sBAFtCC,KAEsC;EAAA,IAFtCA,KAEsC,2BAF9B,SAE8B;EAAA,qBADtCC,IACsC;EAAA,IADtCA,IACsC,0BAD/B,QAC+B;EACtC,OAAON,GAAP,6SACmBI,KAAK,CAACG,YAAN,CAAmBC,IADtC,EAEsBJ,KAAK,CAACC,KAAN,CAAYA,KAAZ,EAAmBC,IAAnB,CAFtB,EAOYF,KAAK,CAACK,QAAN,CAAeC,KAP3B,EAQWN,KAAK,CAACK,QAAN,CAAeC,KAR1B,YASYR,OAAO,CAAC,CAAC,CAAF,CATnB,mBAUcA,OAAO,CAAC,CAAC,CAAF,CAVrB;AAYD,CAjBD;;AAmBA,OAAO,IAAMS,UAAU,GACrBZ,MAAM,CAACE,IAAD,CAAN,CAA+CE,SAA/C,CADK;AAGP,OAAO,IAAMS,UAAU,GAAGb,MAAM,CAACE,IAAD,CAAT,2KAAhB"}
+{"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/esm/components/atoms/BoxContent/BoxContent.js

@@ -1,18 +1,38 @@
-var _excluded = ["children"];
+import React__default from 'react';
+import { StyledBoxContent } from './styled.js';
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React from 'react';
-import { StyledBoxContent } from './styled';
-
-var BoxContent = function BoxContent(_ref) {
-  var children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return React.createElement(StyledBoxContent, rest, children);
+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.createElement(StyledBoxContent, __spreadValues({}, rest), children);
 };
 
-export default BoxContent;
-//# sourceMappingURL=BoxContent.js.map
+export { BoxContent as default };
+//# sourceMappingURL=BoxContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BoxContent.js","names":["React","StyledBoxContent","BoxContent","children","rest"],"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"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAA0B,OAA1B;AAEA,SAASC,gBAAT,QAAiC,UAAjC;;AAMA,IAAMC,UAA+B,GAAG,SAAlCA,UAAkC,OAA2B;EAAA,IAAxBC,QAAwB,QAAxBA,QAAwB;EAAA,IAAXC,IAAW;;EACjE,OAAO,oBAAC,gBAAD,EAAsBA,IAAtB,EAA6BD,QAA7B,CAAP;AACD,CAFD;;AAIA,eAAeD,UAAf"}
+{"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/esm/components/atoms/BoxContent/styled.d.ts

@@ -1,8 +1,5 @@
-/// <reference types="react" />
-import { StyleProps } from '@tecsinapse/react-core';
-import { View } from 'react-native';
-export declare const elevatedStyles: ({ theme }: Partial<StyleProps>) => {
-    shadowColor: string | undefined;
+export declare const elevatedStyles: ({ theme }: StyleProps) => {
+    shadowColor: any;
     shadowOffset: {
         width: number;
         height: number;
@@ -11,14 +8,4 @@ export declare const elevatedStyles: ({ theme }: Partial<StyleProps>) => {
     shadowRadius: number;
     elevation: number;
 }[];
-export declare const StyledBoxContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
-    ref?: import("react").Ref<View> | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {}>;
+export declare const StyledBoxContent: import("@emotion/native").StyledComponent<any, {}, {}>;

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

@@ -1,55 +1,54 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import styled, { css } from '@emotion/native';
 import { View } from 'react-native';
-export var elevatedStyles = function elevatedStyles(_ref) {
-  var theme = _ref.theme;
-  return [css({
-    shadowColor: theme === null || theme === void 0 ? void 0 : theme.miscellaneous.shadow,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
+
+const elevatedStyles = ({ theme }) => [
+  css({
+    shadowColor: theme == null ? void 0 : theme.miscellaneous.shadow,
+    shadowOffset: { width: 0, height: 2 },
     shadowOpacity: 0.25,
     shadowRadius: 3.84,
     elevation: 5
-  })];
-};
-
-var topStyles = function topStyles(_ref2) {
-  var theme = _ref2.theme,
-      variant = _ref2.variant;
-  return variant === 'top' && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-bottom-left-radius: ", ";\n    border-bottom-right-radius: ", ";\n  "])), theme.borderRadius.deca, theme.borderRadius.deca);
-};
-
-var bottomStyles = function bottomStyles(_ref3) {
-  var theme = _ref3.theme,
-      variant = _ref3.variant;
-  return variant === 'bottom' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    border-top-left-radius: ", ";\n    border-top-right-radius: ", ";\n  "])), theme.borderRadius.deca, theme.borderRadius.deca);
-};
-
-var leftStyles = function leftStyles(_ref4) {
-  var theme = _ref4.theme,
-      variant = _ref4.variant;
-  return variant === 'left' && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    border-top-right-radius: ", ";\n    border-bottom-right-radius: ", ";\n  "])), theme.borderRadius.deca, theme.borderRadius.deca);
-};
-
-var rightStyles = function rightStyles(_ref5) {
-  var theme = _ref5.theme,
-      variant = _ref5.variant;
-  return variant === 'right' && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    border-top-left-radius: ", ";\n    border-bottom-left-radius: ", ";\n  "])), theme.borderRadius.deca, theme.borderRadius.deca);
-};
+  })
+];
+const topStyles = ({ theme, variant }) => variant === "top" && css`
+    border-bottom-left-radius: ${theme.borderRadius.deca};
+    border-bottom-right-radius: ${theme.borderRadius.deca};
+  `;
+const bottomStyles = ({
+  theme,
+  variant
+}) => variant === "bottom" && css`
+    border-top-left-radius: ${theme.borderRadius.deca};
+    border-top-right-radius: ${theme.borderRadius.deca};
+  `;
+const leftStyles = ({
+  theme,
+  variant
+}) => variant === "left" && css`
+    border-top-right-radius: ${theme.borderRadius.deca};
+    border-bottom-right-radius: ${theme.borderRadius.deca};
+  `;
+const rightStyles = ({
+  theme,
+  variant
+}) => variant === "right" && css`
+    border-top-left-radius: ${theme.borderRadius.deca};
+    border-bottom-left-radius: ${theme.borderRadius.deca};
+  `;
+const StyledBoxContentBase = styled(View)`
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+  min-height: ${({ theme }) => theme.spacing.kilo};
+  overflow: hidden;
+`;
+const StyledBoxContent = styled(StyledBoxContentBase)(
+  (props) => css`
+    ${elevatedStyles(props)}
+    ${topStyles(props)}
+  ${bottomStyles(props)}
+  ${leftStyles(props)}
+  ${rightStyles(props)}
+  `
+);
 
-var StyledBoxContentBase = styled(View)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  min-height: ", ";\n  overflow: hidden;\n"])), function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.miscellaneous.surfaceColor;
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.spacing.kilo;
-});
-export var StyledBoxContent = styled(StyledBoxContentBase)(function (props) {
-  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  ", "\n  ", "\n  ", "\n  "])), elevatedStyles(props), topStyles(props), bottomStyles(props), leftStyles(props), rightStyles(props));
-});
-//# sourceMappingURL=styled.js.map
+export { StyledBoxContent, elevatedStyles };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","css","View","elevatedStyles","theme","shadowColor","miscellaneous","shadow","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","topStyles","variant","borderRadius","deca","bottomStyles","leftStyles","rightStyles","StyledBoxContentBase","surfaceColor","spacing","kilo","StyledBoxContent","props"],"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"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AAEA,SAASC,IAAT,QAAqB,cAArB;AAGA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,OAAoC,CAChEH,GAAG,CAAC;IACFI,WAAW,EAAED,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEE,aAAP,CAAqBC,MADhC;IAEFC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAT;MAAYC,MAAM,EAAE;IAApB,CAFZ;IAGFC,aAAa,EAAE,IAHb;IAIFC,YAAY,EAAE,IAJZ;IAKFC,SAAS,EAAE;EALT,CAAD,CAD6D,CAApC;AAAA,CAAvB;;AAUP,IAAMC,SAAS,GAAG,SAAZA,SAAY;EAAA,IAAGV,KAAH,SAAGA,KAAH;EAAA,IAAUW,OAAV,SAAUA,OAAV;EAAA,OAChBA,OAAO,KAAK,KAAZ,IACAd,GADA,uJAE+BG,KAAK,CAACY,YAAN,CAAmBC,IAFlD,EAGgCb,KAAK,CAACY,YAAN,CAAmBC,IAHnD,CADgB;AAAA,CAAlB;;AAOA,IAAMC,YAAY,GAAG,SAAfA,YAAe;EAAA,IACnBd,KADmB,SACnBA,KADmB;EAAA,IAEnBW,OAFmB,SAEnBA,OAFmB;EAAA,OAInBA,OAAO,KAAK,QAAZ,IACAd,GADA,mJAE4BG,KAAK,CAACY,YAAN,CAAmBC,IAF/C,EAG6Bb,KAAK,CAACY,YAAN,CAAmBC,IAHhD,CAJmB;AAAA,CAArB;;AAUA,IAAME,UAAU,GAAG,SAAbA,UAAa;EAAA,IACjBf,KADiB,SACjBA,KADiB;EAAA,IAEjBW,OAFiB,SAEjBA,OAFiB;EAAA,OAIjBA,OAAO,KAAK,MAAZ,IACAd,GADA,uJAE6BG,KAAK,CAACY,YAAN,CAAmBC,IAFhD,EAGgCb,KAAK,CAACY,YAAN,CAAmBC,IAHnD,CAJiB;AAAA,CAAnB;;AAUA,IAAMG,WAAW,GAAG,SAAdA,WAAc;EAAA,IAClBhB,KADkB,SAClBA,KADkB;EAAA,IAElBW,OAFkB,SAElBA,OAFkB;EAAA,OAIlBA,OAAO,KAAK,OAAZ,IACAd,GADA,qJAE4BG,KAAK,CAACY,YAAN,CAAmBC,IAF/C,EAG+Bb,KAAK,CAACY,YAAN,CAAmBC,IAHlD,CAJkB;AAAA,CAApB;;AAUA,IAAMI,oBAAoB,GAAGrB,MAAM,CAACE,IAAD,CAAT,+IACJ;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACE,aAAN,CAAoBgB,YAAnC;AAAA,CADI,EAEV;EAAA,IAAGlB,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACmB,OAAN,CAAcC,IAA7B;AAAA,CAFU,CAA1B;AAMA,OAAO,IAAMC,gBAAgB,GAAGzB,MAAM,CAACqB,oBAAD,CAAN,CAC9B,UAAAK,KAAK;EAAA,OAAIzB,GAAJ,wHACDE,cAAc,CAACuB,KAAD,CADb,EAEDZ,SAAS,CAACY,KAAD,CAFR,EAGHR,YAAY,CAACQ,KAAD,CAHT,EAIHP,UAAU,CAACO,KAAD,CAJP,EAKHN,WAAW,CAACM,KAAD,CALR;AAAA,CADyB,CAAzB"}
+{"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/esm/components/atoms/Button/Button.js

@@ -1,76 +1,99 @@
-var _excluded = ["children", "style", "color", "variant", "tone", "state", "loadingComponent", "errorComponent", "successComponent", "size", "frozen", "disabled"];
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import { useTheme } from '@emotion/react';
-import React from 'react';
-import { StyledButton } from './styled';
-
-var Button = function Button(_ref) {
-  var children = _ref.children,
-      style = _ref.style,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'primary' : _ref$color,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
-      _ref$tone = _ref.tone,
-      tone = _ref$tone === void 0 ? 'medium' : _ref$tone,
-      _ref$state = _ref.state,
-      state = _ref$state === void 0 ? 'default' : _ref$state,
-      loadingComponent = _ref.loadingComponent,
-      errorComponent = _ref.errorComponent,
-      successComponent = _ref.successComponent,
-      size = _ref.size,
-      frozen = _ref.frozen,
-      disabled = _ref.disabled,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var theme = useTheme();
-
-  var _frozen = frozen || state === 'loading';
-
-  var _color;
-
+import React__default from 'react';
+import { StyledButton } from './styled.js';
+
+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 = useTheme();
+  const _frozen = frozen || state === "loading";
+  let _color;
   switch (state) {
-    case 'error':
-      _color = 'error';
+    case "error":
+      _color = "error";
       break;
-
-    case 'success':
-      _color = 'success';
+    case "success":
+      _color = "success";
       break;
-
     default:
       _color = color;
       break;
   }
-
-  var _surfaceColor;
-
-  if (variant === 'filled') {
+  let _surfaceColor;
+  if (variant === "filled") {
     _surfaceColor = theme.color[_color][tone];
   }
-
   if (disabled) {
     _surfaceColor = theme.color[_color].light;
   }
-
-  return React.createElement(StyledButton, _extends({}, rest, {
+  return /* @__PURE__ */ React__default.createElement(StyledButton, __spreadProps(__spreadValues({}, rest), {
     accessibilityRole: "button",
-    style: style,
+    style,
     color: _color,
-    tone: tone,
+    tone,
     surfaceColor: _surfaceColor,
-    variant: variant,
-    size: size,
+    variant,
+    size,
     disabled: _frozen || disabled,
     frozen: disabled
-  }), state === 'loading' && loadingComponent, state === 'error' && errorComponent, state === 'success' && successComponent, state === 'default' && children);
+  }), state === "loading" && loadingComponent, state === "error" && errorComponent, state === "success" && successComponent, state === "default" && children);
 };
 
-export default Button;
-//# sourceMappingURL=Button.js.map
+export { Button as default };
+//# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["useTheme","React","StyledButton","Button","children","style","color","variant","tone","state","loadingComponent","errorComponent","successComponent","size","frozen","disabled","rest","theme","_frozen","_color","_surfaceColor","light"],"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"],"mappings":";;;;;;;;AAAA,SAASA,QAAT,QAAyB,gBAAzB;AACA,OAAOC,KAAP,MAA0B,OAA1B;AAYA,SAASC,YAAT,QAA6B,UAA7B;;AA2BA,IAAMC,MAAuB,GAAG,SAA1BA,MAA0B,OAcb;EAAA,IAbjBC,QAaiB,QAbjBA,QAaiB;EAAA,IAZjBC,KAYiB,QAZjBA,KAYiB;EAAA,sBAXjBC,KAWiB;EAAA,IAXjBA,KAWiB,2BAXT,SAWS;EAAA,wBAVjBC,OAUiB;EAAA,IAVjBA,OAUiB,6BAVP,QAUO;EAAA,qBATjBC,IASiB;EAAA,IATjBA,IASiB,0BATV,QASU;EAAA,sBARjBC,KAQiB;EAAA,IARjBA,KAQiB,2BART,SAQS;EAAA,IAPjBC,gBAOiB,QAPjBA,gBAOiB;EAAA,IANjBC,cAMiB,QANjBA,cAMiB;EAAA,IALjBC,gBAKiB,QALjBA,gBAKiB;EAAA,IAJjBC,IAIiB,QAJjBA,IAIiB;EAAA,IAHjBC,MAGiB,QAHjBA,MAGiB;EAAA,IAFjBC,QAEiB,QAFjBA,QAEiB;EAAA,IADdC,IACc;;EACjB,IAAMC,KAAK,GAAGjB,QAAQ,EAAtB;;EACA,IAAMkB,OAAO,GAAGJ,MAAM,IAAIL,KAAK,KAAK,SAApC;;EACA,IAAIU,MAAJ;;EACA,QAAQV,KAAR;IACE,KAAK,OAAL;MACEU,MAAM,GAAG,OAAT;MACA;;IAEF,KAAK,SAAL;MACEA,MAAM,GAAG,SAAT;MACA;;IAEF;MACEA,MAAM,GAAGb,KAAT;MACA;EAXJ;;EAcA,IAAIc,aAAJ;;EACA,IAAIb,OAAO,KAAK,QAAhB,EAA0B;IACxBa,aAAa,GAAGH,KAAK,CAACX,KAAN,CAAYa,MAAZ,EAAoBX,IAApB,CAAhB;EACD;;EAED,IAAIO,QAAJ,EAAc;IACZK,aAAa,GAAGH,KAAK,CAACX,KAAN,CAAYa,MAAZ,EAAoBE,KAApC;EACD;;EAED,OACE,oBAAC,YAAD,eACML,IADN;IAEE,iBAAiB,EAAC,QAFpB;IAGE,KAAK,EAAEX,KAHT;IAIE,KAAK,EAAEc,MAJT;IAKE,IAAI,EAAEX,IALR;IAME,YAAY,EAAEY,aANhB;IAOE,OAAO,EAAEb,OAPX;IAQE,IAAI,EAAEM,IARR;IASE,QAAQ,EAAEK,OAAO,IAAIH,QATvB;IAUE,MAAM,EAAEA;EAVV,IAYGN,KAAK,KAAK,SAAV,IAAuBC,gBAZ1B,EAaGD,KAAK,KAAK,OAAV,IAAqBE,cAbxB,EAcGF,KAAK,KAAK,SAAV,IAAuBG,gBAd1B,EAeGH,KAAK,KAAK,SAAV,IAAuBL,QAf1B,CADF;AAmBD,CA5DD;;AA8DA,eAAeD,MAAf"}
+{"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/esm/components/atoms/Button/States/BaseState.d.ts

@@ -3,5 +3,5 @@ import { ButtonStateProps } from '../Button';
 export interface BaseStateProps extends ButtonStateProps {
     icon: string;
 }
-export declare const BaseState: FC<BaseStateProps>;
+declare const BaseState: FC<BaseStateProps>;
 export default BaseState;

package/esm/components/atoms/Button/States/BaseState.js

@@ -1,29 +1,29 @@
-import React from 'react';
-import { Icon } from '../../Icon';
-import { Text } from '../../Text';
-import { getStyledTextButton } from './styled';
-export var BaseState = function BaseState(_ref) {
-  var _ref$textComponent = _ref.textComponent,
-      textComponent = _ref$textComponent === void 0 ? Text : _ref$textComponent,
-      _ref$buttonSize = _ref.buttonSize,
-      buttonSize = _ref$buttonSize === void 0 ? 'default' : _ref$buttonSize,
-      _ref$fontColor = _ref.fontColor,
-      fontColor = _ref$fontColor === void 0 ? 'light' : _ref$fontColor,
-      icon = _ref.icon,
-      text = _ref.text;
-  var typo = buttonSize === 'default' ? 'base' : 'sub';
-  var iconSize = buttonSize === 'default' ? 'deca' : 'centi';
-  var StyledText = getStyledTextButton(textComponent);
-  return React.createElement(React.Fragment, null, React.createElement(Icon, {
+import React__default from 'react';
+import Icon from '../../Icon/Icon.js';
+import Text from '../../Text/Text.js';
+import { getStyledTextButton } from './styled.js';
+
+const BaseState = ({
+  textComponent = Text,
+  buttonSize = "default",
+  fontColor = "light",
+  icon,
+  text
+}) => {
+  const typo = buttonSize === "default" ? "base" : "sub";
+  const iconSize = buttonSize === "default" ? "deca" : "centi";
+  const StyledText = getStyledTextButton(textComponent);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Icon, {
     name: icon,
     type: "ionicon",
-    fontColor: fontColor,
+    fontColor,
     size: iconSize
-  }), text && React.createElement(StyledText, {
+  }), text && /* @__PURE__ */ React__default.createElement(StyledText, {
     typography: typo,
     fontWeight: "bold",
-    fontColor: fontColor
+    fontColor
   }, text));
 };
-export default BaseState;
-//# sourceMappingURL=BaseState.js.map
+
+export { BaseState as default };
+//# sourceMappingURL=BaseState.js.map

package/esm/components/atoms/Button/States/BaseState.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseState.js","names":["React","Icon","Text","getStyledTextButton","BaseState","textComponent","buttonSize","fontColor","icon","text","typo","iconSize","StyledText"],"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\nexport const 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"],"mappings":"AAAA,OAAOA,KAAP,MAA0B,OAA1B;AAKA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,IAAT,QAAqB,YAArB;AAEA,SAASC,mBAAT,QAAoC,UAApC;AAMA,OAAO,IAAMC,SAA6B,GAAG,SAAhCA,SAAgC,OAMvC;EAAA,8BALJC,aAKI;EAAA,IALJA,aAKI,mCALYH,IAKZ;EAAA,2BAJJI,UAII;EAAA,IAJJA,UAII,gCAJS,SAIT;EAAA,0BAHJC,SAGI;EAAA,IAHJA,SAGI,+BAHQ,OAGR;EAAA,IAFJC,IAEI,QAFJA,IAEI;EAAA,IADJC,IACI,QADJA,IACI;EACJ,IAAMC,IAA6B,GACjCJ,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,KADtC;EAEA,IAAMK,QAAsB,GAAGL,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,OAAnE;EACA,IAAMM,UAAU,GAAGT,mBAAmB,CAACE,aAAD,CAAtC;EACA,OACE,0CACE,oBAAC,IAAD;IAAM,IAAI,EAAEG,IAAZ;IAAkB,IAAI,EAAC,SAAvB;IAAiC,SAAS,EAAED,SAA5C;IAAuD,IAAI,EAAEI;EAA7D,EADF,EAEGF,IAAI,IACH,oBAAC,UAAD;IAAY,UAAU,EAAEC,IAAxB;IAA8B,UAAU,EAAC,MAAzC;IAAgD,SAAS,EAAEH;EAA3D,GACGE,IADH,CAHJ,CADF;AAUD,CArBM;AAuBP,eAAeL,SAAf"}
+{"version":3,"file":"BaseState.js","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":["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,GAAa,oBAAoB,aAAa,CAAA,CAAA;AACpD,EAAA,mGAEKA,cAAA,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,cAAA,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;;;;"}

package/esm/components/atoms/Button/States/Error.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
 import { ButtonStateProps } from '../Button';
-export declare const Error: FC<ButtonStateProps>;
+declare const Error: FC<ButtonStateProps>;
 export default Error;