@tecsinapse/react-core 1.19.0 → 1.21.0-beta.13

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["elevatedStyles","theme","css","shadowColor","miscellaneous","shadow","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","topStyles","variant","borderRadius","deca","bottomStyles","leftStyles","rightStyles","StyledBoxContentBase","styled","View","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;;AAEA;;;;;;AAGO,MAAMA,cAAc,GAAG,CAAC;EAAEC;AAAF,CAAD,KAAoC,CAChE,IAAAC,WAAA,EAAI;EACFC,WAAW,EAAEF,KAAF,oBAAEA,KAAK,CAAEG,aAAP,CAAqBC,MADhC;EAEFC,YAAY,EAAE;IAAEC,KAAK,EAAE,CAAT;IAAYC,MAAM,EAAE;EAApB,CAFZ;EAGFC,aAAa,EAAE,IAHb;EAIFC,YAAY,EAAE,IAJZ;EAKFC,SAAS,EAAE;AALT,CAAJ,CADgE,CAA3D;;;;AAUP,MAAMC,SAAS,GAAG,CAAC;EAAEX,KAAF;EAASY;AAAT,CAAD,KAChBA,OAAO,KAAK,KAAZ,IACA,IAAAX,WAAA,CAAI;AACN,iCAAiCD,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACzD,kCAAkCd,KAAK,CAACa,YAAN,CAAmBC,IAAK;AAC1D,GALA;;AAOA,MAAMC,YAAY,GAAG,CAAC;EACpBf,KADoB;EAEpBY;AAFoB,CAAD,KAInBA,OAAO,KAAK,QAAZ,IACA,IAAAX,WAAA,CAAI;AACN,8BAA8BD,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACtD,+BAA+Bd,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACvD,GARA;;AAUA,MAAME,UAAU,GAAG,CAAC;EAClBhB,KADkB;EAElBY;AAFkB,CAAD,KAIjBA,OAAO,KAAK,MAAZ,IACA,IAAAX,WAAA,CAAI;AACN,+BAA+BD,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACvD,kCAAkCd,KAAK,CAACa,YAAN,CAAmBC,IAAK;AAC1D,GARA;;AAUA,MAAMG,WAAW,GAAG,CAAC;EACnBjB,KADmB;EAEnBY;AAFmB,CAAD,KAIlBA,OAAO,KAAK,OAAZ,IACA,IAAAX,WAAA,CAAI;AACN,8BAA8BD,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACtD,iCAAiCd,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACzD,GARA;;AAUA,MAAMI,oBAAoB,GAAG,IAAAC,eAAA,EAAOC,iBAAP,CAAkC;AAC/D,sBAAsB,CAAC;EAAEpB;AAAF,CAAD,KAAeA,KAAK,CAACG,aAAN,CAAoBkB,YAAa;AACtE,gBAAgB,CAAC;EAAErB;AAAF,CAAD,KAAeA,KAAK,CAACsB,OAAN,CAAcC,IAAK;AAClD;AACA,CAJA;AAMO,MAAMC,gBAAgB,GAAG,IAAAL,eAAA,EAAOD,oBAAP,EAC9BO,KAAK,IAAI,IAAAxB,WAAA,CAAI;AACf,MAAMF,cAAc,CAAC0B,KAAD,CAAQ;AAC5B,MAAMd,SAAS,CAACc,KAAD,CAAQ;AACvB,IAAIV,YAAY,CAACU,KAAD,CAAQ;AACxB,IAAIT,UAAU,CAACS,KAAD,CAAQ;AACtB,IAAIR,WAAW,CAACQ,KAAD,CAAQ;AACvB,GAPgC,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":["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/Button/Button.js

@@ -1,76 +1,105 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = require("@emotion/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _styled = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Button = ({
-  children,
-  style,
-  color = 'primary',
-  variant = 'filled',
-  tone = 'medium',
-  state = 'default',
-  loadingComponent,
-  errorComponent,
-  successComponent,
-  size,
-  frozen,
-  disabled,
-  ...rest
-}) => {
-  const theme = (0, _react.useTheme)();
-
-  const _frozen = frozen || state === 'loading';
-
+'use strict';
+
+var react = require('@emotion/react');
+var React = require('react');
+var styled = require('./styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __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';
+    case "error":
+      _color = "error";
       break;
-
-    case 'success':
-      _color = 'success';
+    case "success":
+      _color = "success";
       break;
-
     default:
       _color = color;
       break;
   }
-
   let _surfaceColor;
-
-  if (variant === 'filled') {
+  if (variant === "filled") {
     _surfaceColor = theme.color[_color][tone];
   }
-
   if (disabled) {
     _surfaceColor = theme.color[_color].light;
   }
-
-  return _react2.default.createElement(_styled.StyledButton, _extends({}, rest, {
+  return /* @__PURE__ */ React__default["default"].createElement(styled.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);
 };
 
-var _default = Button;
-exports.default = _default;
-//# sourceMappingURL=Button.js.map
+module.exports = Button;
+//# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["Button","children","style","color","variant","tone","state","loadingComponent","errorComponent","successComponent","size","frozen","disabled","rest","theme","useTheme","_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;;AACA;;AAYA;;;;;;AA2BA,MAAMA,MAAuB,GAAG,CAAC;EAC/BC,QAD+B;EAE/BC,KAF+B;EAG/BC,KAAK,GAAG,SAHuB;EAI/BC,OAAO,GAAG,QAJqB;EAK/BC,IAAI,GAAG,QALwB;EAM/BC,KAAK,GAAG,SANuB;EAO/BC,gBAP+B;EAQ/BC,cAR+B;EAS/BC,gBAT+B;EAU/BC,IAV+B;EAW/BC,MAX+B;EAY/BC,QAZ+B;EAa/B,GAAGC;AAb4B,CAAD,KAcb;EACjB,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;;EACA,MAAMC,OAAO,GAAGL,MAAM,IAAIL,KAAK,KAAK,SAApC;;EACA,IAAIW,MAAJ;;EACA,QAAQX,KAAR;IACE,KAAK,OAAL;MACEW,MAAM,GAAG,OAAT;MACA;;IAEF,KAAK,SAAL;MACEA,MAAM,GAAG,SAAT;MACA;;IAEF;MACEA,MAAM,GAAGd,KAAT;MACA;EAXJ;;EAcA,IAAIe,aAAJ;;EACA,IAAId,OAAO,KAAK,QAAhB,EAA0B;IACxBc,aAAa,GAAGJ,KAAK,CAACX,KAAN,CAAYc,MAAZ,EAAoBZ,IAApB,CAAhB;EACD;;EAED,IAAIO,QAAJ,EAAc;IACZM,aAAa,GAAGJ,KAAK,CAACX,KAAN,CAAYc,MAAZ,EAAoBE,KAApC;EACD;;EAED,OACE,8BAAC,oBAAD,eACMN,IADN;IAEE,iBAAiB,EAAC,QAFpB;IAGE,KAAK,EAAEX,KAHT;IAIE,KAAK,EAAEe,MAJT;IAKE,IAAI,EAAEZ,IALR;IAME,YAAY,EAAEa,aANhB;IAOE,OAAO,EAAEd,OAPX;IAQE,IAAI,EAAEM,IARR;IASE,QAAQ,EAAEM,OAAO,IAAIJ,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;;eA8DeD,M"}
+{"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":["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/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/dist/components/atoms/Button/States/BaseState.js

@@ -1,41 +1,35 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.default = exports.BaseState = void 0;
+var React = require('react');
+var Icon = require('../../Icon/Icon.js');
+var Text = require('../../Text/Text.js');
+var styled = require('./styled.js');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _Icon = require("../../Icon");
-
-var _Text = require("../../Text");
-
-var _styled = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const BaseState = ({
-  textComponent = _Text.Text,
-  buttonSize = 'default',
-  fontColor = 'light',
+  textComponent = Text,
+  buttonSize = "default",
+  fontColor = "light",
   icon,
   text
 }) => {
-  const typo = buttonSize === 'default' ? 'base' : 'sub';
-  const iconSize = buttonSize === 'default' ? 'deca' : 'centi';
-  const StyledText = (0, _styled.getStyledTextButton)(textComponent);
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Icon.Icon, {
+  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: fontColor,
+    fontColor,
     size: iconSize
-  }), text && _react.default.createElement(StyledText, {
+  }), text && /* @__PURE__ */ React__default["default"].createElement(StyledText, {
     typography: typo,
     fontWeight: "bold",
-    fontColor: fontColor
+    fontColor
   }, text));
 };
 
-exports.BaseState = BaseState;
-var _default = BaseState;
-exports.default = _default;
-//# sourceMappingURL=BaseState.js.map
+module.exports = BaseState;
+//# sourceMappingURL=BaseState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseState.js","names":["BaseState","textComponent","Text","buttonSize","fontColor","icon","text","typo","iconSize","StyledText","getStyledTextButton"],"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;;AAKA;;AACA;;AAEA;;;;AAMO,MAAMA,SAA6B,GAAG,CAAC;EAC5CC,aAAa,GAAGC,UAD4B;EAE5CC,UAAU,GAAG,SAF+B;EAG5CC,SAAS,GAAG,OAHgC;EAI5CC,IAJ4C;EAK5CC;AAL4C,CAAD,KAMvC;EACJ,MAAMC,IAA6B,GACjCJ,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,KADtC;EAEA,MAAMK,QAAsB,GAAGL,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,OAAnE;EACA,MAAMM,UAAU,GAAG,IAAAC,2BAAA,EAAoBT,aAApB,CAAnB;EACA,OACE,4DACE,6BAAC,UAAD;IAAM,IAAI,EAAEI,IAAZ;IAAkB,IAAI,EAAC,SAAvB;IAAiC,SAAS,EAAED,SAA5C;IAAuD,IAAI,EAAEI;EAA7D,EADF,EAEGF,IAAI,IACH,6BAAC,UAAD;IAAY,UAAU,EAAEC,IAAxB;IAA8B,UAAU,EAAC,MAAzC;IAAgD,SAAS,EAAEH;EAA3D,GACGE,IADH,CAHJ,CADF;AAUD,CArBM;;;eAuBQN,S"}
+{"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":["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;;;;"}

package/dist/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;

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

@@ -1,23 +1,36 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.default = exports.Error = void 0;
+var React = require('react');
+var BaseState = require('./BaseState.js');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _BaseState = require("./BaseState");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Error = props => {
-  return _react.default.createElement(_BaseState.BaseState, _extends({}, props, {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const Error2 = (props) => {
+  return /* @__PURE__ */ React__default["default"].createElement(BaseState, __spreadProps(__spreadValues({}, props), {
     icon: "close-circle-outline"
   }));
 };
 
-exports.Error = Error;
-var _default = Error;
-exports.default = _default;
-//# sourceMappingURL=Error.js.map
+module.exports = Error2;
+//# sourceMappingURL=Error.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Error.js","names":["Error","props"],"sources":["../../../../../src/components/atoms/Button/States/Error.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { BaseState } from './BaseState';\n\nexport const Error: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"close-circle-outline\" />;\n};\n\nexport default Error;\n"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,KAA2B,GAAGC,KAAK,IAAI;EAClD,OAAO,6BAAC,oBAAD,eAAeA,KAAf;IAAsB,IAAI,EAAC;EAA3B,GAAP;AACD,CAFM;;;eAIQD,K"}
+{"version":3,"file":"Error.js","sources":["../../../../../src/components/atoms/Button/States/Error.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { default as BaseState } from './BaseState';\n\nconst Error: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"close-circle-outline\" />;\n};\n\nexport default Error;\n"],"names":["Error","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAMA,SAA8B,CAAS,KAAA,KAAA;AAC3C,EAAO,uBAAAC,yBAAA,CAAA,aAAA,CAAC,4CAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,IAAK,EAAA,sBAAA;AAAA,GAAuB,CAAA,CAAA,CAAA;AAC3D;;;;"}

package/dist/components/atoms/Button/States/Loading.d.ts

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

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

@@ -1,38 +1,32 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.default = exports.Loading = void 0;
+var react = require('@emotion/react');
+var React = require('react');
+var Text = require('../../Text/Text.js');
+var styled = require('./styled.js');
 
-var _react = require("@emotion/react");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _react2 = _interopRequireDefault(require("react"));
-
-var _Text = require("../../Text");
-
-var _styled = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const Loading = ({
   text,
-  textComponent = _Text.Text,
-  fontColor = 'light',
-  buttonSize = 'default'
+  textComponent = Text,
+  fontColor = "light",
+  buttonSize = "default"
 }) => {
-  const theme = (0, _react.useTheme)();
-  const typo = buttonSize === 'default' ? 'base' : 'sub';
-  const StyledText = (0, _styled.getStyledTextButton)(textComponent);
-  return _react2.default.createElement(_react2.default.Fragment, null, _react2.default.createElement(_styled.StyledIndicator, {
+  const theme = react.useTheme();
+  const typo = buttonSize === "default" ? "base" : "sub";
+  const StyledText = styled.getStyledTextButton(textComponent);
+  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(styled.StyledIndicator, {
     color: theme.font.color[fontColor],
-    buttonSize: buttonSize
-  }), text && _react2.default.createElement(StyledText, {
+    buttonSize
+  }), text && /* @__PURE__ */ React__default["default"].createElement(StyledText, {
     typography: typo,
     fontWeight: "bold",
-    fontColor: fontColor
+    fontColor
   }, text));
 };
 
-exports.Loading = Loading;
-var _default = Loading;
-exports.default = _default;
-//# sourceMappingURL=Loading.js.map
+module.exports = Loading;
+//# sourceMappingURL=Loading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","names":["Loading","text","textComponent","Text","fontColor","buttonSize","theme","useTheme","typo","StyledText","getStyledTextButton","font","color"],"sources":["../../../../../src/components/atoms/Button/States/Loading.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { ThemeProp, TypographyVariationType } from '../../../../types/defaults';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton, StyledIndicator } from './styled';\n\nexport const Loading: FC<ButtonStateProps> = ({\n  text,\n  textComponent = Text,\n  fontColor = 'light',\n  buttonSize = 'default',\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const typo: TypographyVariationType =\n    buttonSize === 'default' ? 'base' : 'sub';\n  const StyledText = getStyledTextButton(textComponent);\n  return (\n    <>\n      <StyledIndicator\n        color={theme.font.color[fontColor]}\n        buttonSize={buttonSize}\n      />\n      {text && (\n        <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n          {text}\n        </StyledText>\n      )}\n    </>\n  );\n};\n\nexport default Loading;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AAEA;;;;AAEO,MAAMA,OAA6B,GAAG,CAAC;EAC5CC,IAD4C;EAE5CC,aAAa,GAAGC,UAF4B;EAG5CC,SAAS,GAAG,OAHgC;EAI5CC,UAAU,GAAG;AAJ+B,CAAD,KAKvC;EACJ,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;EACA,MAAMC,IAA6B,GACjCH,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,KADtC;EAEA,MAAMI,UAAU,GAAG,IAAAC,2BAAA,EAAoBR,aAApB,CAAnB;EACA,OACE,8DACE,8BAAC,uBAAD;IACE,KAAK,EAAEI,KAAK,CAACK,IAAN,CAAWC,KAAX,CAAiBR,SAAjB,CADT;IAEE,UAAU,EAAEC;EAFd,EADF,EAKGJ,IAAI,IACH,8BAAC,UAAD;IAAY,UAAU,EAAEO,IAAxB;IAA8B,UAAU,EAAC,MAAzC;IAAgD,SAAS,EAAEJ;EAA3D,GACGH,IADH,CANJ,CADF;AAaD,CAvBM;;;eAyBQD,O"}
+{"version":3,"file":"Loading.js","sources":["../../../../../src/components/atoms/Button/States/Loading.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { ThemeProp, TypographyVariationType } from '../../../../types/defaults';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton, StyledIndicator } from './styled';\n\nconst Loading: FC<ButtonStateProps> = ({\n  text,\n  textComponent = Text,\n  fontColor = 'light',\n  buttonSize = 'default',\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const typo: TypographyVariationType =\n    buttonSize === 'default' ? 'base' : 'sub';\n  const StyledText = getStyledTextButton(textComponent);\n  return (\n    <>\n      <StyledIndicator\n        color={theme.font.color[fontColor]}\n        buttonSize={buttonSize}\n      />\n      {text && (\n        <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n          {text}\n        </StyledText>\n      )}\n    </>\n  );\n};\n\nexport default Loading;\n"],"names":["useTheme","getStyledTextButton","React","StyledIndicator"],"mappings":";;;;;;;;;;;AAOA,MAAM,UAAgC,CAAC;AAAA,EACrC,IAAA;AAAA,EACA,aAAgB,GAAA,IAAA;AAAA,EAChB,SAAY,GAAA,OAAA;AAAA,EACZ,UAAa,GAAA,SAAA;AACf,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQA,cAAS,EAAA,CAAA;AACvB,EAAM,MAAA,IAAA,GACJ,UAAe,KAAA,SAAA,GAAY,MAAS,GAAA,KAAA,CAAA;AACtC,EAAM,MAAA,UAAA,GAAaC,2BAAoB,aAAa,CAAA,CAAA;AACpD,EAAA,yHAEKC,yBAAA,CAAA,aAAA,CAAAC,sBAAA,EAAA;AAAA,IACC,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAA;AAAA,IACxB,UAAA;AAAA,GACF,CAAA,EACC,wBACED,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;;;;"}

package/dist/components/atoms/Button/States/Success.d.ts

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

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

@@ -1,23 +1,36 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.default = exports.Success = void 0;
+var React = require('react');
+var BaseState = require('./BaseState.js');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _BaseState = require("./BaseState");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Success = props => {
-  return _react.default.createElement(_BaseState.BaseState, _extends({}, props, {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const Success = (props) => {
+  return /* @__PURE__ */ React__default["default"].createElement(BaseState, __spreadProps(__spreadValues({}, props), {
     icon: "checkmark-circle-outline"
   }));
 };
 
-exports.Success = Success;
-var _default = Success;
-exports.default = _default;
-//# sourceMappingURL=Success.js.map
+module.exports = Success;
+//# sourceMappingURL=Success.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Success.js","names":["Success","props"],"sources":["../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { BaseState } from './BaseState';\n\nexport const Success: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"checkmark-circle-outline\" />;\n};\n\nexport default Success;\n"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,OAA6B,GAAGC,KAAK,IAAI;EACpD,OAAO,6BAAC,oBAAD,eAAeA,KAAf;IAAsB,IAAI,EAAC;EAA3B,GAAP;AACD,CAFM;;;eAIQD,O"}
+{"version":3,"file":"Success.js","sources":["../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { default as BaseState } from './BaseState';\n\nconst Success: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"checkmark-circle-outline\" />;\n};\n\nexport default Success;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAO,uBAAAA,yBAAA,CAAA,aAAA,CAAC,4CAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,IAAK,EAAA,0BAAA;AAAA,GAA2B,CAAA,CAAA,CAAA;AAC/D;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["getStyledTextButton","component","styled","theme","spacing","mili","StyledIndicator","ActivityIndicator","buttonSize","iconSize","deca","centi"],"sources":["../../../../../src/components/atoms/Button/States/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { FC } from 'react';\nimport { ActivityIndicator } from 'react-native';\nimport { TextProps } from '../../Text';\nimport { ButtonStateProps } from '../Button';\n\nexport const getStyledTextButton = (component: FC<TextProps>) => {\n  return styled(component)<Partial<ButtonStateProps> & Partial<StyleProps>>`\n    margin-left: ${({ theme }) => theme.spacing.mili};\n  `;\n};\n\nexport const StyledIndicator = styled(ActivityIndicator)<\n  Partial<ButtonStateProps> & Partial<StyleProps>\n>`\n  width: ${({ theme, buttonSize }) =>\n    buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n  height: ${({ theme, buttonSize }) =>\n    buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n  transform: ${({ buttonSize }) =>\n    buttonSize === 'default' ? 'scale(1)' : 'scale(.8)'};\n`;\n"],"mappings":";;;;;AAAA;;AAGA;;;;AAIO,MAAMA,mBAAmB,GAAIC,SAAD,IAA8B;EAC/D,OAAO,IAAAC,eAAA,EAAOD,SAAP,CAAmE;AAC5E,mBAAmB,CAAC;IAAEE;EAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACrD,GAFE;AAGD,CAJM;;;AAMA,MAAMC,eAAe,GAAG,IAAAJ,eAAA,EAAOK,8BAAP,CAE7B;AACF,WAAW,CAAC;EAAEJ,KAAF;EAASK;AAAT,CAAD,KACPA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KAAM;AAC1E,YAAY,CAAC;EAAER,KAAF;EAASK;AAAT,CAAD,KACRA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KAAM;AAC1E,eAAe,CAAC;EAAEH;AAAF,CAAD,KACXA,UAAU,KAAK,SAAf,GAA2B,UAA3B,GAAwC,WAAY;AACxD,CATO"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Button/States/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { FC } from 'react';\nimport { ActivityIndicator } from 'react-native';\nimport { TextProps } from '../../Text';\nimport { ButtonStateProps } from '../Button';\n\nexport const getStyledTextButton = (component: FC<TextProps>) => {\n  return styled(component)<Partial<ButtonStateProps> & Partial<StyleProps>>`\n    margin-left: ${({ theme }) => theme.spacing.mili};\n  `;\n};\n\nexport const StyledIndicator = styled(ActivityIndicator)<\n  Partial<ButtonStateProps> & Partial<StyleProps>\n>`\n  width: ${({ theme, buttonSize }) =>\n    buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n  height: ${({ theme, buttonSize }) =>\n    buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n  transform: ${({ buttonSize }) =>\n    buttonSize === 'default' ? 'scale(1)' : 'scale(.8)'};\n`;\n"],"names":["styled","ActivityIndicator"],"mappings":";;;;;;;;;;;AAOa,MAAA,mBAAA,GAAsB,CAAC,SAA6B,KAAA;AAC/D,EAAA,OAAOA,2BAAO,SAAS,CAAA,CAAA;AAAA,iBAAA,EACN,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAEhD,EAAA;AAEa,MAAA,eAAA,GAAkBA,2BAAOC,6BAAiB,CAAA,CAAA;AAAA,SAG5C,EAAA,CAAC,EAAE,KAAA,EAAO,UAAW,EAAA,KAC5B,UAAe,KAAA,SAAA,GAAY,KAAM,CAAA,QAAA,CAAS,IAAO,GAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAA;AAAA,UACxD,EAAA,CAAC,EAAE,KAAA,EAAO,UAAW,EAAA,KAC7B,UAAe,KAAA,SAAA,GAAY,KAAM,CAAA,QAAA,CAAS,IAAO,GAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAA;AAAA,aAAA,EACrD,CAAC,EAAE,UAAA,EACd,KAAA,UAAA,KAAe,YAAY,UAAa,GAAA,WAAA,CAAA;AAAA;;;;;"}

package/dist/components/atoms/Button/index.d.ts

@@ -1,2 +1,3 @@
-export { default as Button, ButtonProps, ButtonSizeType, ButtonStateType, ButtonStateProps, } from './Button';
+export { default as Button } from './Button';
 export { Error, Success, Loading } from './States';
+export type { ButtonProps, ButtonSizeType, ButtonStateType, ButtonStateProps, } from './Button';