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

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

@@ -0,0 +1,38 @@
+import React__default from 'react';
+import { StyledBoxContent } from './styled.js';
+
+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 { BoxContent as default };
+//# sourceMappingURL=BoxContent.js.map

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

@@ -0,0 +1 @@
+{"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/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BoxContent } from './BoxContent';
+export type { BoxContentProps } from './BoxContent';

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

@@ -0,0 +1,2 @@
+export { default as BoxContent } from './BoxContent';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","BoxContent"],"sources":["../../../../src/components/atoms/BoxContent/index.ts"],"sourcesContent":["export { default as BoxContent } from './BoxContent';\nexport type { BoxContentProps } from './BoxContent';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAApB,QAAsC,cAAtC"}

package/esm/components/atoms/BoxContent/styled.d.ts

@@ -0,0 +1,11 @@
+export declare const elevatedStyles: ({ theme }: any) => {
+    shadowColor: any;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowOpacity: number;
+    shadowRadius: number;
+    elevation: number;
+}[];
+export declare const StyledBoxContent: import("@emotion/native").StyledComponent<any, {}, {}>;

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

@@ -0,0 +1,54 @@
+import styled, { css } from '@emotion/native';
+import { View } from 'react-native';
+
+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
+  })
+];
+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)}
+  `
+);
+
+export { StyledBoxContent, elevatedStyles };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,28 @@
+import React, { FC } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { BorderRadiusType, ColorGradationType, ColorType, FontColorType, VariantType } from '../../../types/defaults';
+import { PressableSurfaceProps } from '../PressableSurface';
+import { TextProps } from '../Text';
+export declare type ButtonSizeType = 'small' | 'default';
+export declare type ButtonStateType = 'loading' | 'error' | 'success' | 'default';
+export interface ButtonStateProps {
+    buttonSize?: ButtonSizeType;
+    fontColor?: FontColorType;
+    textComponent?: React.FC<TextProps>;
+    text?: string;
+}
+export interface ButtonProps extends PressableSurfaceProps {
+    style?: StyleProp<ViewStyle>;
+    color?: ColorType;
+    variant?: VariantType;
+    tone?: ColorGradationType;
+    frozen?: boolean | null;
+    borderRadius?: BorderRadiusType;
+    size?: ButtonSizeType;
+    state?: ButtonStateType;
+    loadingComponent?: JSX.Element;
+    errorComponent?: JSX.Element;
+    successComponent?: JSX.Element;
+}
+declare const Button: FC<ButtonProps>;
+export default Button;

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

@@ -0,0 +1,99 @@
+import { useTheme } from '@emotion/react';
+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";
+      break;
+    case "success":
+      _color = "success";
+      break;
+    default:
+      _color = color;
+      break;
+  }
+  let _surfaceColor;
+  if (variant === "filled") {
+    _surfaceColor = theme.color[_color][tone];
+  }
+  if (disabled) {
+    _surfaceColor = theme.color[_color].light;
+  }
+  return /* @__PURE__ */ React__default.createElement(StyledButton, __spreadProps(__spreadValues({}, rest), {
+    accessibilityRole: "button",
+    style,
+    color: _color,
+    tone,
+    surfaceColor: _surfaceColor,
+    variant,
+    size,
+    disabled: _frozen || disabled,
+    frozen: disabled
+  }), state === "loading" && loadingComponent, state === "error" && errorComponent, state === "success" && successComponent, state === "default" && children);
+};
+
+export { Button as default };
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,29 @@
+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,
+    size: iconSize
+  }), text && /* @__PURE__ */ React__default.createElement(StyledText, {
+    typography: typo,
+    fontWeight: "bold",
+    fontColor
+  }, text));
+};
+
+export { BaseState as default };
+//# sourceMappingURL=BaseState.js.map

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,30 @@
+import React__default from 'react';
+import BaseState from './BaseState.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));
+const Error2 = (props) => {
+  return /* @__PURE__ */ React__default.createElement(BaseState, __spreadProps(__spreadValues({}, props), {
+    icon: "close-circle-outline"
+  }));
+};
+
+export { Error2 as default };
+//# sourceMappingURL=Error.js.map

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

@@ -0,0 +1 @@
+{"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,cAAA,CAAA,aAAA,CAAC,4CAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,IAAK,EAAA,sBAAA;AAAA,GAAuB,CAAA,CAAA,CAAA;AAC3D;;;;"}

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

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

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

@@ -0,0 +1,26 @@
+import { useTheme } from '@emotion/react';
+import React__default from 'react';
+import Text from '../../Text/Text.js';
+import { getStyledTextButton, StyledIndicator } from './styled.js';
+
+const Loading = ({
+  text,
+  textComponent = Text,
+  fontColor = "light",
+  buttonSize = "default"
+}) => {
+  const theme = useTheme();
+  const typo = buttonSize === "default" ? "base" : "sub";
+  const StyledText = getStyledTextButton(textComponent);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(StyledIndicator, {
+    color: theme.font.color[fontColor],
+    buttonSize
+  }), text && /* @__PURE__ */ React__default.createElement(StyledText, {
+    typography: typo,
+    fontWeight: "bold",
+    fontColor
+  }, text));
+};
+
+export { Loading as default };
+//# sourceMappingURL=Loading.js.map

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

@@ -0,0 +1 @@
+{"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":["React"],"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,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAM,MAAA,IAAA,GACJ,UAAe,KAAA,SAAA,GAAY,MAAS,GAAA,KAAA,CAAA;AACtC,EAAM,MAAA,UAAA,GAAa,oBAAoB,aAAa,CAAA,CAAA;AACpD,EAAA,mGAEKA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA;AAAA,IACC,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAA;AAAA,IACxB,UAAA;AAAA,GACF,CAAA,EACC,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/Success.d.ts

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

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

@@ -0,0 +1,30 @@
+import React__default from 'react';
+import BaseState from './BaseState.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));
+const Success = (props) => {
+  return /* @__PURE__ */ React__default.createElement(BaseState, __spreadProps(__spreadValues({}, props), {
+    icon: "checkmark-circle-outline"
+  }));
+};
+
+export { Success as default };
+//# sourceMappingURL=Success.js.map

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

@@ -0,0 +1 @@
+{"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,cAAA,CAAA,aAAA,CAAC,4CAAc,KAAd,CAAA,EAAA;AAAA,IAAqB,IAAK,EAAA,0BAAA;AAAA,GAA2B,CAAA,CAAA,CAAA;AAC/D;;;;"}

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

@@ -0,0 +1,3 @@
+export { default as Error } from './Error';
+export { default as Loading } from './Loading';
+export { default as Success } from './Success';

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

@@ -0,0 +1,4 @@
+export { default as Error } from './Error';
+export { default as Loading } from './Loading';
+export { default as Success } from './Success';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Error","Loading","Success"],"sources":["../../../../../src/components/atoms/Button/States/index.ts"],"sourcesContent":["export { default as Error } from './Error';\nexport { default as Loading } from './Loading';\nexport { default as Success } from './Success';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAApB,QAAiC,SAAjC;AACA,SAASD,OAAO,IAAIE,OAApB,QAAmC,WAAnC;AACA,SAASF,OAAO,IAAIG,OAApB,QAAmC,WAAnC"}

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ActivityIndicator } from 'react-native';
+import { TextProps } from '../../Text';
+export declare const getStyledTextButton: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<any, {}, {}>;
+export declare const StyledIndicator: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<ActivityIndicator> | undefined;
+}>;

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

@@ -0,0 +1,16 @@
+import styled from '@emotion/native';
+import { ActivityIndicator } from 'react-native';
+
+const getStyledTextButton = (component) => {
+  return styled(component)`
+    margin-left: ${({ theme }) => theme.spacing.mili};
+  `;
+};
+const StyledIndicator = styled(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)"};
+`;
+
+export { StyledIndicator, getStyledTextButton };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"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":[],"mappings":";;;AAOa,MAAA,mBAAA,GAAsB,CAAC,SAA6B,KAAA;AAC/D,EAAA,OAAO,OAAO,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,GAAkB,OAAO,iBAAiB,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/esm/components/atoms/Button/index.d.ts

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

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

@@ -0,0 +1,3 @@
+export { default as Button } from './Button';
+export { Error, Success, Loading } from './States';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Button","Error","Success","Loading"],"sources":["../../../../src/components/atoms/Button/index.ts"],"sourcesContent":["export { default as Button } from './Button';\nexport { Error, Success, Loading } from './States';\nexport type {\n  ButtonProps,\n  ButtonSizeType,\n  ButtonStateType,\n  ButtonStateProps,\n} from './Button';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC;AACA,SAASC,KAAT,EAAgBC,OAAhB,EAAyBC,OAAzB,QAAwC,UAAxC"}

package/esm/components/atoms/Button/styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ButtonProps } from './Button';
+export declare const StyledButton: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ButtonProps & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

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

@@ -0,0 +1,50 @@
+import styled, { css } from '@emotion/native';
+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 'react-native';
+import { RFValueStr } from '../../../utils/ResponsiveFontSize.js';
+import PressableSurface from '../PressableSurface/PressableSurface.js';
+
+const outlineVariant = ({
+  theme,
+  color = "primary",
+  variant,
+  tone = "medium"
+}) => variant === "outlined" && css`
+    border-color: ${theme.color[color][tone]};
+    border-width: ${theme.borderWidth.pico};
+  `;
+const sizeStyles = ({ theme, size = "default" }) => {
+  switch (size) {
+    case "small":
+      return css`
+        padding: ${theme.spacing.mili} ${theme.spacing.deca};
+        min-height: ${RFValueStr("34px")};
+      `;
+    default:
+      return css`
+        padding: ${theme.spacing.mili} ${theme.spacing.kilo};
+        min-height: ${RFValueStr("44px")};
+      `;
+  }
+};
+const StyledButtonBase = styled(PressableSurface)`
+  border-radius: ${({ theme, borderRadius = "mili" }) => theme.borderRadius[borderRadius]};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+`;
+const StyledButton = styled(StyledButtonBase)(
+  (props) => css`
+    ${outlineVariant(props)}
+    ${sizeStyles(props)}
+  `
+);
+
+export { StyledButton };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Button/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { PressableSurface } from '../PressableSurface';\nimport { ButtonProps } from './Button';\n\nconst outlineVariant = ({\n  theme,\n  color = 'primary',\n  variant,\n  tone = 'medium',\n}: StyleProps & ButtonProps) =>\n  variant === 'outlined' &&\n  css`\n    border-color: ${theme.color[color][tone]};\n    border-width: ${theme.borderWidth.pico};\n  `;\n\nconst sizeStyles = ({ theme, size = 'default' }: StyleProps & ButtonProps) => {\n  switch (size) {\n    case 'small':\n      return css`\n        padding: ${theme.spacing.mili} ${theme.spacing.deca};\n        min-height: ${RFValueStr('34px')};\n      `;\n    default:\n      return css`\n        padding: ${theme.spacing.mili} ${theme.spacing.kilo};\n        min-height: ${RFValueStr('44px')};\n      `;\n  }\n};\n\nconst StyledButtonBase = styled(PressableSurface)<\n  ButtonProps & Partial<StyleProps>\n>`\n  border-radius: ${({ theme, borderRadius = 'mili' }) =>\n    theme.borderRadius[borderRadius]};\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const StyledButton = styled(StyledButtonBase)<\n  ButtonProps & Partial<StyleProps>\n>(\n  props => css`\n    ${outlineVariant(props)}\n    ${sizeStyles(props)}\n  `\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAMA,MAAM,iBAAiB,CAAC;AAAA,EACtB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,OAAA;AAAA,EACA,IAAO,GAAA,QAAA;AACT,CAAA,KACE,YAAY,UACZ,IAAA,GAAA,CAAA;AAAA,kBACkB,EAAA,KAAA,CAAM,MAAM,KAAO,CAAA,CAAA,IAAA,CAAA,CAAA;AAAA,kBAAA,EACnB,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGtC,MAAM,aAAa,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,WAA0C,KAAA;AAC5E,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,OAAA;AACH,MAAO,OAAA,GAAA,CAAA;AAAA,iBAAA,EACM,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EACjC,WAAW,MAAM,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAEnC;AACE,MAAO,OAAA,GAAA,CAAA;AAAA,iBAAA,EACM,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EACjC,WAAW,MAAM,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,GAErC;AACF,CAAA,CAAA;AAEA,MAAM,gBAAA,GAAmB,OAAO,gBAAgB,CAAA,CAAA;AAAA,iBAAA,EAG7B,CAAC,EAAE,KAAA,EAAO,eAAe,MAAO,EAAA,KAC/C,MAAM,YAAa,CAAA,YAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMV,MAAA,YAAA,GAAe,OAAO,gBAAgB,CAAA;AAAA,EAGjD,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IAAA,EACL,eAAe,KAAK,CAAA,CAAA;AAAA,IAAA,EACpB,WAAW,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAEtB;;;;"}

package/esm/components/atoms/Card/Card.d.ts

@@ -0,0 +1,9 @@
+import { PressableSurfaceProps } from '@tecsinapse/react-native-kit';
+import { FC } from 'react';
+import { GestureResponderEvent } from 'react-native';
+import { PaperProps } from '../Paper';
+export interface CardProps extends PaperProps, Omit<PressableSurfaceProps, 'style'> {
+    onPress?: null | ((event: GestureResponderEvent) => void);
+}
+declare const Card: FC<CardProps>;
+export default Card;