@tecsinapse/react-core 1.22.8 → 2.0.0

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

@@ -1 +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":";;;;AAwCA,MAAM,SAA0B,CAAC;AAAA,EAC/B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,OAAU,GAAA,QAAA;AAAA,EACV,IAAO,GAAA,QAAA;AAAA,EACP,KAAQ,GAAA,SAAA;AAAA,EACR,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAmB,KAAA;AACjB,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,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,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,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;;;;"}
+{"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":";;;;AAwCA,MAAM,SAA0B,CAAC;AAAA,EAC/B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,OAAU,GAAA,QAAA;AAAA,EACV,IAAO,GAAA,QAAA;AAAA,EACP,KAAQ,GAAA,SAAA;AAAA,EACR,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAmB,KAAA;AACjB,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,IAAA,aAAA,GAAgB,KAAM,CAAA,KAAA,CAAM,MAAM,CAAA,CAAE,IAAI,CAAA,CAAA;AAAA,GAC1C;AAEA,EAAA,IAAI,QAAU,EAAA;AACZ,IAAgB,aAAA,GAAA,KAAA,CAAM,KAAM,CAAA,MAAM,CAAE,CAAA,KAAA,CAAA;AAAA,GACtC;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,iBAAkB,EAAA,QAAA;AAAA,MAClB,KAAA;AAAA,MACA,KAAO,EAAA,MAAA;AAAA,MACP,IAAA;AAAA,MACA,YAAc,EAAA,aAAA;AAAA,MACd,OAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAU,OAAW,IAAA,QAAA;AAAA,MACrB,MAAQ,EAAA,QAAA;AAAA,KAAA;AAAA,IAEP,UAAU,SAAa,IAAA,gBAAA;AAAA,IACvB,UAAU,OAAW,IAAA,cAAA;AAAA,IACrB,UAAU,SAAa,IAAA,gBAAA;AAAA,IACvB,UAAU,SAAa,IAAA,QAAA;AAAA,GAC1B,CAAA;AAEJ;;;;"}

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

@@ -13,16 +13,7 @@ const BaseState = ({
   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));
+  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 };

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

@@ -1 +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;;;;"}
+{"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,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,+CACG,IAAK,EAAA,EAAA,IAAA,EAAM,MAAM,IAAK,EAAA,SAAA,EAAU,WAAsB,IAAM,EAAA,QAAA,EAAU,GACtE,IACC,oBAAAA,cAAA,CAAA,aAAA,CAAC,cAAW,UAAY,EAAA,IAAA,EAAM,YAAW,MAAO,EAAA,SAAA,EAAA,EAC7C,IACH,CAEJ,CAAA,CAAA;AAEJ;;;;"}

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

@@ -2,10 +2,7 @@ import React__default from 'react';
 import BaseState from './BaseState.js';
 
 const Error = (props) => {
-  return /* @__PURE__ */ React__default.createElement(BaseState, {
-    ...props,
-    icon: "close-circle-outline"
-  });
+  return /* @__PURE__ */ React__default.createElement(BaseState, { ...props, icon: "close-circle-outline" });
 };
 
 export { Error as default };

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

@@ -1 +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":["React"],"mappings":";;;AAIA,MAAM,QAA8B,CAAS,KAAA,KAAA;AAC3C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAW,GAAG,KAAA;AAAA,IAAO,IAAK,EAAA,sBAAA;AAAA,GAAuB,CAAA,CAAA;AAC3D;;;;"}
+{"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":["React"],"mappings":";;;AAIA,MAAM,QAA8B,CAAS,KAAA,KAAA;AAC3C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,KAAA,EAAO,MAAK,sBAAuB,EAAA,CAAA,CAAA;AAC3D;;;;"}

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

@@ -12,14 +12,13 @@ const Loading = ({
   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));
+  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 };

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

@@ -1 +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;;;;"}
+{"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,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,SAAS,CAAA;AAAA,MACjC,UAAA;AAAA,KAAA;AAAA,GACF,EACC,IACC,oBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,UAAA,EAAY,MAAM,UAAW,EAAA,MAAA,EAAO,SAC7C,EAAA,EAAA,IACH,CAEJ,CAAA,CAAA;AAEJ;;;;"}

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

@@ -2,10 +2,7 @@ import React__default from 'react';
 import BaseState from './BaseState.js';
 
 const Success = (props) => {
-  return /* @__PURE__ */ React__default.createElement(BaseState, {
-    ...props,
-    icon: "checkmark-circle-outline"
-  });
+  return /* @__PURE__ */ React__default.createElement(BaseState, { ...props, icon: "checkmark-circle-outline" });
 };
 
 export { Success as default };

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

@@ -1 +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,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAW,GAAG,KAAA;AAAA,IAAO,IAAK,EAAA,0BAAA;AAAA,GAA2B,CAAA,CAAA;AAC/D;;;;"}
+{"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,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,KAAA,EAAO,MAAK,0BAA2B,EAAA,CAAA,CAAA;AAC/D;;;;"}

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

@@ -1,8 +1,6 @@
 /// <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/dist/esm/components/atoms/Button/styled.js.map

@@ -1 +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;;;;"}
+{"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,kBAAA,EACkB,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,IAAI,CAAA,CAAA;AAAA,kBAAA,EACvB,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,iBAG7B,EAAA,CAAC,EAAE,KAAO,EAAA,YAAA,GAAe,QACxC,KAAA,KAAA,CAAM,aAAa,YAAY,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMtB,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/dist/esm/components/atoms/Card/Card.d.ts

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

package/dist/esm/components/atoms/Card/Card.js

@@ -9,16 +9,9 @@ const Card = ({
   ...rest
 }) => {
   if (onPress) {
-    return /* @__PURE__ */ React__default.createElement(StyledCard, {
-      ...rest,
-      elevated,
-      onPress
-    }, children);
+    return /* @__PURE__ */ React__default.createElement(StyledCard, { ...rest, elevated, onPress }, children);
   }
-  return /* @__PURE__ */ React__default.createElement(Paper, {
-    ...rest,
-    elevated
-  }, children);
+  return /* @__PURE__ */ React__default.createElement(Paper, { ...rest, elevated }, children);
 };
 
 export { Card as default };

package/dist/esm/components/atoms/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../src/components/atoms/Card/Card.tsx"],"sourcesContent":["import { PressableSurfaceProps } from '@tecsinapse/react-native-kit';\nimport React, { FC } from 'react';\nimport { GestureResponderEvent } from 'react-native';\nimport { Paper, PaperProps } from '../Paper';\nimport { StyledCard } from './styled';\n\nexport interface CardProps\n  extends PaperProps,\n    Omit<PressableSurfaceProps, 'style'> {\n  /** Click handler */\n  onPress?: null | ((event: GestureResponderEvent) => void);\n}\n\nconst Card: FC<CardProps> = ({\n  children,\n  elevated = false,\n  onPress,\n  ...rest\n}): JSX.Element => {\n  if (onPress) {\n    return (\n      <StyledCard {...rest} elevated={elevated} onPress={onPress}>\n        {children}\n      </StyledCard>\n    );\n  }\n\n  return (\n    <Paper {...rest} elevated={elevated}>\n      {children}\n    </Paper>\n  );\n};\n\nexport default Card;\n"],"names":["React"],"mappings":";;;;AAaA,MAAM,OAAsB,CAAC;AAAA,EAC3B,QAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,OAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAmB,KAAA;AACjB,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,MAAY,GAAG,IAAA;AAAA,MAAM,QAAA;AAAA,MAAoB,OAAA;AAAA,KAAA,EACvC,QACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAO,GAAG,IAAA;AAAA,IAAM,QAAA;AAAA,GAAA,EACd,QACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../../../src/components/atoms/Card/Card.tsx"],"sourcesContent":["import { PressableSurfaceProps } from '@tecsinapse/react-native-kit';\nimport React, { ReactNode } from 'react';\nimport { GestureResponderEvent } from 'react-native';\nimport { Paper, PaperProps } from '../Paper';\nimport { StyledCard } from './styled';\n\nexport interface CardProps\n  extends PaperProps,\n    Omit<PressableSurfaceProps, 'style'> {\n  /** Click handler */\n  onPress?: null | ((event: GestureResponderEvent) => void);\n  children?: ReactNode;\n}\n\nconst Card = ({\n  children,\n  elevated = false,\n  onPress,\n  ...rest\n}: CardProps): JSX.Element => {\n  if (onPress) {\n    return (\n      <StyledCard {...rest} elevated={elevated} onPress={onPress}>\n        {children}\n      </StyledCard>\n    );\n  }\n\n  return (\n    <Paper {...rest} elevated={elevated}>\n      {children}\n    </Paper>\n  );\n};\n\nexport default Card;\n"],"names":["React"],"mappings":";;;;AAcA,MAAM,OAAO,CAAC;AAAA,EACZ,QAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,OAAA;AAAA,EACA,GAAG,IAAA;AACL,CAA8B,KAAA;AAC5B,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,oDACG,UAAY,EAAA,EAAA,GAAG,IAAM,EAAA,QAAA,EAAoB,WACvC,QACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAO,GAAG,IAAA,EAAM,YACd,QACH,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 export interface FooterProps {
     style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
 }
-declare const Footer: FC<FooterProps>;
+declare const Footer: ({ children, style }: FooterProps) => JSX.Element;
 export default Footer;

package/dist/esm/components/atoms/Card/Footer/Footer.js

@@ -1,9 +1,7 @@
 import React__default from 'react';
 import { View } from 'react-native';
 
-const Footer = ({ children, style }) => /* @__PURE__ */ React__default.createElement(View, {
-  style
-}, children);
+const Footer = ({ children, style }) => /* @__PURE__ */ React__default.createElement(View, { style }, children);
 
 export { Footer as default };
 //# sourceMappingURL=Footer.js.map

package/dist/esm/components/atoms/Card/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../../../src/components/atoms/Card/Footer/Footer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nexport interface FooterProps {\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Footer: FC<FooterProps> = ({ children, style }): JSX.Element => (\n  <View style={style}>{children}</View>\n);\n\nexport default Footer;\n"],"names":["React"],"mappings":";;;AAOA,MAAM,SAA0B,CAAC,EAAE,QAAU,EAAA,KAAA,uBAC1CA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,EAAK,KAAA;AAAA,CAAA,EAAe,QAAS;;;;"}
+{"version":3,"file":"Footer.js","sources":["../../../../../../src/components/atoms/Card/Footer/Footer.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nexport interface FooterProps {\n  style?: StyleProp<ViewStyle>;\n  children?: ReactNode;\n}\n\nconst Footer = ({ children, style }: FooterProps): JSX.Element => (\n  <View style={style}>{children}</View>\n);\n\nexport default Footer;\n"],"names":["React"],"mappings":";;;AAQM,MAAA,MAAA,GAAS,CAAC,EAAE,QAAA,EAAU,OAC1B,qBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAA,EAAe,QAAS;;;;"}

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

@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 export interface HeaderProps {
     style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
 }
-declare const Header: FC<HeaderProps>;
+declare const Header: ({ children, style }: HeaderProps) => JSX.Element;
 export default Header;

package/dist/esm/components/atoms/Card/Header/Header.js

@@ -1,9 +1,7 @@
 import React__default from 'react';
 import { View } from 'react-native';
 
-const Header = ({ children, style }) => /* @__PURE__ */ React__default.createElement(View, {
-  style
-}, children);
+const Header = ({ children, style }) => /* @__PURE__ */ React__default.createElement(View, { style }, children);
 
 export { Header as default };
 //# sourceMappingURL=Header.js.map

package/dist/esm/components/atoms/Card/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../../src/components/atoms/Card/Header/Header.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nexport interface HeaderProps {\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Header: FC<HeaderProps> = ({ children, style }): JSX.Element => (\n  <View style={style}>{children}</View>\n);\n\nexport default Header;\n"],"names":["React"],"mappings":";;;AAOA,MAAM,SAA0B,CAAC,EAAE,QAAU,EAAA,KAAA,uBAC1CA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,EAAK,KAAA;AAAA,CAAA,EAAe,QAAS;;;;"}
+{"version":3,"file":"Header.js","sources":["../../../../../../src/components/atoms/Card/Header/Header.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nexport interface HeaderProps {\n  style?: StyleProp<ViewStyle>;\n  children?: ReactNode;\n}\n\nconst Header = ({ children, style }: HeaderProps): JSX.Element => (\n  <View style={style}>{children}</View>\n);\n\nexport default Header;\n"],"names":["React"],"mappings":";;;AAQM,MAAA,MAAA,GAAS,CAAC,EAAE,QAAA,EAAU,OAC1B,qBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAA,EAAe,QAAS;;;;"}

package/dist/esm/components/atoms/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
 export interface CheckboxProps {
@@ -9,6 +9,7 @@ export interface CheckboxProps {
     color?: ColorType;
     colorTone?: ColorGradationType;
     style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
 }
-declare const Checkbox: FC<CheckboxProps>;
+declare const Checkbox: ({ children, checked, onChange, color, colorTone, labelPosition, disabled, ...rest }: CheckboxProps) => JSX.Element;
 export default Checkbox;

package/dist/esm/components/atoms/Checkbox/Checkbox.js

@@ -16,28 +16,32 @@ const Checkbox = ({
   const handleChange = () => {
     onChange && onChange(!checked);
   };
-  return /* @__PURE__ */ React__default.createElement(Pressable, {
-    ...rest,
-    disabled,
-    onPress: handleChange,
-    accessibilityRole: "checkbox"
-  }, /* @__PURE__ */ React__default.createElement(ViewStyled, null, labelPosition === "left" && children, checked && /* @__PURE__ */ React__default.createElement(IconViewStyled, null, /* @__PURE__ */ React__default.createElement(IconCheckedStyled, {
-    color,
-    colorTone
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
-    name: "check",
-    fontColor: "light",
-    type: "material-community",
-    size: "centi"
-  }))), !checked && /* @__PURE__ */ React__default.createElement(IconViewStyled, null, /* @__PURE__ */ React__default.createElement(IconUncheckedStyled, {
-    color,
-    colorTone
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
-    name: "checkbox-blank",
-    fontColor: "light",
-    type: "material-community",
-    size: "centi"
-  }))), labelPosition === "right" && children));
+  return /* @__PURE__ */ React__default.createElement(
+    Pressable,
+    {
+      ...rest,
+      disabled,
+      onPress: handleChange,
+      accessibilityRole: "checkbox"
+    },
+    /* @__PURE__ */ React__default.createElement(ViewStyled, null, labelPosition === "left" && children, checked && /* @__PURE__ */ React__default.createElement(IconViewStyled, null, /* @__PURE__ */ React__default.createElement(IconCheckedStyled, { color, colorTone }, /* @__PURE__ */ React__default.createElement(
+      Icon,
+      {
+        name: "check",
+        fontColor: "light",
+        type: "material-community",
+        size: "centi"
+      }
+    ))), !checked && /* @__PURE__ */ React__default.createElement(IconViewStyled, null, /* @__PURE__ */ React__default.createElement(IconUncheckedStyled, { color, colorTone }, /* @__PURE__ */ React__default.createElement(
+      Icon,
+      {
+        name: "checkbox-blank",
+        fontColor: "light",
+        type: "material-community",
+        size: "centi"
+      }
+    ))), labelPosition === "right" && children)
+  );
 };
 
 export { Checkbox as default };

package/dist/esm/components/atoms/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/atoms/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { Icon } from '../Icon';\nimport {\n  IconUncheckedStyled,\n  IconCheckedStyled,\n  ViewStyled,\n  IconViewStyled,\n} from './styled';\n\nexport interface CheckboxProps {\n  /** Element is checked */\n  checked?: boolean;\n  /** Change handler */\n  onChange?: (checked: boolean) => void;\n  /** Position of children */\n  labelPosition?: 'left' | 'right';\n  /** Element is not clickable */\n  disabled?: boolean;\n  /** Color definition from theme */\n  color?: ColorType;\n  /** Color gradation from theme */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Checkbox: FC<CheckboxProps> = ({\n  children,\n  checked,\n  onChange,\n  color = 'primary',\n  colorTone = 'medium',\n  labelPosition = 'left',\n  disabled = false,\n  ...rest\n}) => {\n  const handleChange = () => {\n    onChange && onChange(!checked);\n  };\n\n  return (\n    <Pressable\n      {...rest}\n      disabled={disabled}\n      onPress={handleChange}\n      accessibilityRole=\"checkbox\"\n    >\n      <ViewStyled>\n        {labelPosition === 'left' && children}\n        {checked && (\n          <IconViewStyled>\n            <IconCheckedStyled color={color} colorTone={colorTone}>\n              <Icon\n                name=\"check\"\n                fontColor=\"light\"\n                type=\"material-community\"\n                size=\"centi\"\n              />\n            </IconCheckedStyled>\n          </IconViewStyled>\n        )}\n        {!checked && (\n          <IconViewStyled>\n            <IconUncheckedStyled color={color} colorTone={colorTone}>\n              <Icon\n                name=\"checkbox-blank\"\n                fontColor=\"light\"\n                type=\"material-community\"\n                size=\"centi\"\n              />\n            </IconUncheckedStyled>\n          </IconViewStyled>\n        )}\n        {labelPosition === 'right' && children}\n      </ViewStyled>\n    </Pressable>\n  );\n};\n\nexport default Checkbox;\n"],"names":["React"],"mappings":";;;;;AA2BA,MAAM,WAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AAAA,EACZ,aAAgB,GAAA,MAAA;AAAA,EAChB,QAAW,GAAA,KAAA;AAAA,EACR,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,eAAe,MAAM;AACzB,IAAY,QAAA,IAAA,QAAA,CAAS,CAAC,OAAO,CAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,QAAA;AAAA,IACA,OAAS,EAAA,YAAA;AAAA,IACT,iBAAkB,EAAA,UAAA;AAAA,GAElB,kBAAAA,cAAA,CAAA,aAAA,CAAC,kBACE,aAAkB,KAAA,MAAA,IAAU,UAC5B,OACC,oBAAAA,cAAA,CAAA,aAAA,CAAC,sCACEA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IAAkB,KAAA;AAAA,IAAc,SAAA;AAAA,GAAA,kBAC9BA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAK,EAAA,OAAA;AAAA,IACL,SAAU,EAAA,OAAA;AAAA,IACV,IAAK,EAAA,oBAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,GACP,CACF,CACF,CAAA,EAED,CAAC,OACA,oBAAAA,cAAA,CAAA,aAAA,CAAC,sCACEA,cAAA,CAAA,aAAA,CAAA,mBAAA,EAAA;AAAA,IAAoB,KAAA;AAAA,IAAc,SAAA;AAAA,GAAA,kBAChCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAK,EAAA,gBAAA;AAAA,IACL,SAAU,EAAA,OAAA;AAAA,IACV,IAAK,EAAA,oBAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,GACP,CACF,CACF,CAAA,EAED,aAAkB,KAAA,OAAA,IAAW,QAChC,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/atoms/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { Icon } from '../Icon';\nimport {\n  IconUncheckedStyled,\n  IconCheckedStyled,\n  ViewStyled,\n  IconViewStyled,\n} from './styled';\n\nexport interface CheckboxProps {\n  /** Element is checked */\n  checked?: boolean;\n  /** Change handler */\n  onChange?: (checked: boolean) => void;\n  /** Position of children */\n  labelPosition?: 'left' | 'right';\n  /** Element is not clickable */\n  disabled?: boolean;\n  /** Color definition from theme */\n  color?: ColorType;\n  /** Color gradation from theme */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  children?: ReactNode;\n}\n\nconst Checkbox = ({\n  children,\n  checked,\n  onChange,\n  color = 'primary',\n  colorTone = 'medium',\n  labelPosition = 'left',\n  disabled = false,\n  ...rest\n}: CheckboxProps): JSX.Element => {\n  const handleChange = () => {\n    onChange && onChange(!checked);\n  };\n\n  return (\n    <Pressable\n      {...rest}\n      disabled={disabled}\n      onPress={handleChange}\n      accessibilityRole=\"checkbox\"\n    >\n      <ViewStyled>\n        {labelPosition === 'left' && children}\n        {checked && (\n          <IconViewStyled>\n            <IconCheckedStyled color={color} colorTone={colorTone}>\n              <Icon\n                name=\"check\"\n                fontColor=\"light\"\n                type=\"material-community\"\n                size=\"centi\"\n              />\n            </IconCheckedStyled>\n          </IconViewStyled>\n        )}\n        {!checked && (\n          <IconViewStyled>\n            <IconUncheckedStyled color={color} colorTone={colorTone}>\n              <Icon\n                name=\"checkbox-blank\"\n                fontColor=\"light\"\n                type=\"material-community\"\n                size=\"centi\"\n              />\n            </IconUncheckedStyled>\n          </IconViewStyled>\n        )}\n        {labelPosition === 'right' && children}\n      </ViewStyled>\n    </Pressable>\n  );\n};\n\nexport default Checkbox;\n"],"names":["React"],"mappings":";;;;;AA4BA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AAAA,EACZ,aAAgB,GAAA,MAAA;AAAA,EAChB,QAAW,GAAA,KAAA;AAAA,EACX,GAAG,IAAA;AACL,CAAkC,KAAA;AAChC,EAAA,MAAM,eAAe,MAAM;AACzB,IAAY,QAAA,IAAA,QAAA,CAAS,CAAC,OAAO,CAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,QAAA;AAAA,MACA,OAAS,EAAA,YAAA;AAAA,MACT,iBAAkB,EAAA,UAAA;AAAA,KAAA;AAAA,oBAElBA,cAAA,CAAA,aAAA,CAAC,UACE,EAAA,IAAA,EAAA,aAAA,KAAkB,MAAU,IAAA,QAAA,EAC5B,OACC,oBAAAA,cAAA,CAAA,aAAA,CAAC,cACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAkB,EAAA,EAAA,KAAA,EAAc,SAC/B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,OAAA;AAAA,QACL,SAAU,EAAA,OAAA;AAAA,QACV,IAAK,EAAA,oBAAA;AAAA,QACL,IAAK,EAAA,OAAA;AAAA,OAAA;AAAA,KAET,CACF,CAAA,EAED,CAAC,OAAA,iDACC,cACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,mBAAoB,EAAA,EAAA,KAAA,EAAc,SACjC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,gBAAA;AAAA,QACL,SAAU,EAAA,OAAA;AAAA,QACV,IAAK,EAAA,oBAAA;AAAA,QACL,IAAK,EAAA,OAAA;AAAA,OAAA;AAAA,KAET,CACF,CAED,EAAA,aAAA,KAAkB,WAAW,QAChC,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/esm/components/atoms/Checkbox/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Checkbox/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { CheckboxProps } from './Checkbox';\n\nexport const IconUncheckedStyled = styled(View)<\n  Partial<CheckboxProps & StyleProps>\n>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n  border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n`;\n\nexport const IconCheckedStyled = styled(View)<\n  Partial<CheckboxProps & StyleProps>\n>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n  border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n  background-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n`;\n\nexport const IconViewStyled = styled(View)<Partial<StyleProps>>`\n  padding: ${({ theme }: StyleProps) => theme.spacing.mili};\n`;\n\nexport const ViewStyled = styled(View)`\n  align-items: center;\n  flex-direction: row;\n`;\n"],"names":[],"mappings":";;;AAKa,MAAA,mBAAA,GAAsB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EAG3B,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,gBAAA,EAC/C,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAkC,KAAA,KAAA,CAAM,MAAM,KAAO,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,gBAAA,EACrC,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,oBAAA,EACzC,CAAC,EAAE,KAAM,EAAA,KAC3B,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAGX,MAAA,iBAAA,GAAoB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EAGzB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,gBAAA,EAC/C,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAkC,KAAA,KAAA,CAAM,MAAM,KAAO,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,gBAAA,EACrC,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,oBAAA,EACzC,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAkC,KAAA,KAAA,CAAM,MAAM,KAAO,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,EAAA;AAG1C,MAAA,cAAA,GAAiB,OAAO,IAAI,CAAA,CAAA;AAAA,WAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGzC,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Checkbox/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { CheckboxProps } from './Checkbox';\n\nexport const IconUncheckedStyled = styled(View)<\n  Partial<CheckboxProps & StyleProps>\n>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n  border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n`;\n\nexport const IconCheckedStyled = styled(View)<\n  Partial<CheckboxProps & StyleProps>\n>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n  border-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n  border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n  background-color: ${({\n    theme,\n    color = 'primary',\n    colorTone = 'medium',\n  }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n`;\n\nexport const IconViewStyled = styled(View)<Partial<StyleProps>>`\n  padding: ${({ theme }: StyleProps) => theme.spacing.mili};\n`;\n\nexport const ViewStyled = styled(View)`\n  align-items: center;\n  flex-direction: row;\n`;\n"],"names":[],"mappings":";;;AAKa,MAAA,mBAAA,GAAsB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EAG3B,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,gBAAA,EAC/C,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAA,KAAkC,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,SAAS,CAAA,CAAA;AAAA,gBAAA,EAC9C,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,oBAAA,EACzC,CAAC,EAAE,KAAM,EAAA,KAC3B,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAGX,MAAA,iBAAA,GAAoB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EAGzB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,gBAAA,EAC/C,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAA,KAAkC,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,SAAS,CAAA,CAAA;AAAA,gBAAA,EAC9C,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,oBAAA,EACzC,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAA,KAAkC,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,SAAS,CAAA,CAAA;AAAA,EAAA;AAGnD,MAAA,cAAA,GAAiB,OAAO,IAAI,CAAA,CAAA;AAAA,WAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGzC,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/esm/components/atoms/Divider/Divider.js

@@ -2,9 +2,7 @@ import React__default from 'react';
 import { StyledDivider } from './styled.js';
 
 const Divider = ({ children, ...rest }) => {
-  return /* @__PURE__ */ React__default.createElement(StyledDivider, {
-    ...rest
-  }, children);
+  return /* @__PURE__ */ React__default.createElement(StyledDivider, { ...rest }, children);
 };
 
 export { Divider as default };

package/dist/esm/components/atoms/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../../../src/components/atoms/Divider/Divider.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledDivider } from './styled';\n\nexport interface DividerProps extends ViewProps {\n  linePosition: 'top' | 'bottom';\n  noLine?: boolean;\n}\n\nconst Divider: FC<DividerProps> = ({ children, ...rest }) => {\n  return <StyledDivider {...rest}>{children}</StyledDivider>;\n};\n\nexport default Divider;\n"],"names":["React"],"mappings":";;;AASA,MAAM,OAA4B,GAAA,CAAC,EAAE,QAAA,EAAA,GAAa,MAAW,KAAA;AAC3D,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IAAe,GAAG,IAAA;AAAA,GAAA,EAAO,QAAS,CAAA,CAAA;AAC5C;;;;"}
+{"version":3,"file":"Divider.js","sources":["../../../../../src/components/atoms/Divider/Divider.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledDivider } from './styled';\n\nexport interface DividerProps extends ViewProps {\n  linePosition: 'top' | 'bottom';\n  noLine?: boolean;\n}\n\nconst Divider: FC<DividerProps> = ({ children, ...rest }) => {\n  return <StyledDivider {...rest}>{children}</StyledDivider>;\n};\n\nexport default Divider;\n"],"names":["React"],"mappings":";;;AASA,MAAM,UAA4B,CAAC,EAAE,QAAU,EAAA,GAAG,MAAW,KAAA;AAC3D,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAe,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AAC5C;;;;"}

package/dist/esm/components/atoms/GroupButton/GroupButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StyleProp, ViewStyle } from 'react-native';
 import { ColorGradationType, ColorType } from '../../../types/defaults';
 import { ButtonSizeType } from '../Button';

package/dist/esm/components/atoms/GroupButton/GroupButton.js

@@ -3,9 +3,7 @@ import React__default from 'react';
 import { StyledGroupButton, StyledOption, StyledPressable, StyledDivider } from './styled.js';
 
 const GroupButton = ({ style, ...rest }) => {
-  return /* @__PURE__ */ React__default.createElement(StyledGroupButton, {
-    style
-  }, groupOptions(rest));
+  return /* @__PURE__ */ React__default.createElement(StyledGroupButton, { style }, groupOptions(rest));
 };
 const groupOptions = ({
   options,
@@ -41,19 +39,21 @@ const groupOptions = ({
     if (!active && (inactiveBackgroundColor || inactiveBackgroundColorTone)) {
       colors = theme.color[inactiveBackgroundColor || "secondary"][inactiveBackgroundColorTone || "medium"];
     }
-    return /* @__PURE__ */ React__default.createElement(StyledOption, {
-      key
-    }, /* @__PURE__ */ React__default.createElement(StyledPressable, {
-      ...rest,
-      ...option.options,
-      disabled,
-      isActive: active,
-      isFirstOption: isFirst,
-      isLastOption: isLast,
-      onPress: () => onChange?.(optionValue),
-      surfaceColor: colors,
-      style: active ? activeStyle : inactiveStyle
-    }, renderOption?.(option.value, active)), !isLast && /* @__PURE__ */ React__default.createElement(StyledDivider, null));
+    return /* @__PURE__ */ React__default.createElement(StyledOption, { key }, /* @__PURE__ */ React__default.createElement(
+      StyledPressable,
+      {
+        ...rest,
+        ...option.options,
+        disabled,
+        isActive: active,
+        isFirstOption: isFirst,
+        isLastOption: isLast,
+        onPress: () => onChange?.(optionValue),
+        surfaceColor: colors,
+        style: active ? activeStyle : inactiveStyle
+      },
+      renderOption?.(option.value, active)
+    ), !isLast && /* @__PURE__ */ React__default.createElement(StyledDivider, null));
   });
 };
 

package/dist/esm/components/atoms/GroupButton/GroupButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupButton.js","sources":["../../../../../src/components/atoms/GroupButton/GroupButton.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '../../../types/defaults';\nimport { ButtonSizeType } from '../Button';\nimport {\n  StyledDivider,\n  StyledGroupButton,\n  StyledOption,\n  StyledPressable,\n} from './styled';\n\nexport interface GroupButtonOptions {\n  activeBackgroundColor?: ColorType;\n  activeBackgroundColorTone?: ColorGradationType;\n  activeBorderColor?: ColorType;\n  activeBorderColorTone?: ColorGradationType;\n  inactiveBackgroundColor?: ColorType;\n  inactiveBackgroundColorTone?: ColorGradationType;\n  inactiveBorderColor?: ColorType;\n  inactiveBorderColorTone?: ColorGradationType;\n  activeStyle?: StyleProp<ViewStyle>;\n  inactiveStyle?: StyleProp<ViewStyle>;\n  disabled?: boolean;\n}\n\nexport interface GroupButtonValue<T> {\n  value: T;\n  options?: GroupButtonOptions;\n}\n\nexport interface GroupButtonProps<T> {\n  value: T;\n  options: GroupButtonValue<T>[];\n  renderKey: (option?: T) => string | number | undefined;\n  renderOption: (option: T, active: boolean) => JSX.Element;\n  onChange: (option: T) => void;\n  buttonSize?: ButtonSizeType;\n  style?: StyleProp<ViewStyle>;\n  disableAllOptions?: boolean;\n}\n\nconst GroupButton = <T,>({ style, ...rest }: GroupButtonProps<T>) => {\n  return (\n    <StyledGroupButton style={style}>{groupOptions(rest)}</StyledGroupButton>\n  );\n};\n\nconst groupOptions = <T,>({\n  options,\n  renderOption,\n  renderKey,\n  onChange,\n  value,\n  disableAllOptions,\n  ...rest\n}: Partial<GroupButtonProps<T>>) => {\n  const theme = useTheme() as ThemeProp;\n  return options?.map((option, idx) => {\n    const {\n      value: optionValue,\n      options: {\n        activeStyle,\n        inactiveStyle,\n        activeBackgroundColor,\n        activeBackgroundColorTone,\n        inactiveBackgroundColor,\n        inactiveBackgroundColorTone,\n        disabled = disableAllOptions || option.options?.disabled,\n      } = {},\n    } = option;\n\n    const key = renderKey?.(optionValue);\n    const active = key === renderKey?.(value);\n    const isFirst = idx === 0;\n    const isLast = idx === options.length - 1;\n\n    let colors = theme.miscellaneous.surfaceColor;\n    if (active) {\n      colors =\n        theme.color[activeBackgroundColor || 'secondary'][\n          activeBackgroundColorTone || 'medium'\n        ];\n    }\n\n    if (!active && (inactiveBackgroundColor || inactiveBackgroundColorTone)) {\n      colors =\n        theme.color[inactiveBackgroundColor || 'secondary'][\n          inactiveBackgroundColorTone || 'medium'\n        ];\n    }\n\n    return (\n      <StyledOption key={key}>\n        <StyledPressable\n          {...rest}\n          {...option.options}\n          disabled={disabled}\n          isActive={active}\n          isFirstOption={isFirst}\n          isLastOption={isLast}\n          onPress={() => onChange?.(optionValue)}\n          surfaceColor={colors}\n          style={active ? activeStyle : inactiveStyle}\n        >\n          {renderOption?.(option.value, active)}\n        </StyledPressable>\n        {!isLast && <StyledDivider />}\n      </StyledOption>\n    );\n  });\n};\n\nexport default GroupButton;\n"],"names":["React"],"mappings":";;;;AA8CA,MAAM,WAAc,GAAA,CAAK,EAAE,KAAA,EAAA,GAAU,MAAgC,KAAA;AACnE,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IAAkB,KAAA;AAAA,GAAe,EAAA,YAAA,CAAa,IAAI,CAAE,CAAA,CAAA;AAEzD,EAAA;AAEA,MAAM,eAAe,CAAK;AAAA,EACxB,OAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,iBAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAoC,KAAA;AAClC,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAA,OAAO,OAAS,EAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,GAAQ,KAAA;AACnC,IAAM,MAAA;AAAA,MACJ,KAAO,EAAA,WAAA;AAAA,MACP,OAAS,EAAA;AAAA,QACP,WAAA;AAAA,QACA,aAAA;AAAA,QACA,qBAAA;AAAA,QACA,yBAAA;AAAA,QACA,uBAAA;AAAA,QACA,2BAAA;AAAA,QACA,QAAA,GAAW,iBAAqB,IAAA,MAAA,CAAO,OAAS,EAAA,QAAA;AAAA,UAC9C,EAAC;AAAA,KACH,GAAA,MAAA,CAAA;AAEJ,IAAM,MAAA,GAAA,GAAM,YAAY,WAAW,CAAA,CAAA;AACnC,IAAM,MAAA,MAAA,GAAS,GAAQ,KAAA,SAAA,GAAY,KAAK,CAAA,CAAA;AACxC,IAAA,MAAM,UAAU,GAAQ,KAAA,CAAA,CAAA;AACxB,IAAM,MAAA,MAAA,GAAS,GAAQ,KAAA,OAAA,CAAQ,MAAS,GAAA,CAAA,CAAA;AAExC,IAAI,IAAA,MAAA,GAAS,MAAM,aAAc,CAAA,YAAA,CAAA;AACjC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,MAAA,GACE,KAAM,CAAA,KAAA,CAAM,qBAAyB,IAAA,WAAA,CAAA,CACnC,yBAA6B,IAAA,QAAA,CAAA,CAAA;AAAA,KAEnC;AAEA,IAAI,IAAA,CAAC,MAAW,KAAA,uBAAA,IAA2B,2BAA8B,CAAA,EAAA;AACvE,MAAA,MAAA,GACE,KAAM,CAAA,KAAA,CAAM,uBAA2B,IAAA,WAAA,CAAA,CACrC,2BAA+B,IAAA,QAAA,CAAA,CAAA;AAAA,KAErC;AAEA,IAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,MAAa,GAAA;AAAA,KAAA,kBACXA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACH,GAAG,MAAO,CAAA,OAAA;AAAA,MACX,QAAA;AAAA,MACA,QAAU,EAAA,MAAA;AAAA,MACV,aAAe,EAAA,OAAA;AAAA,MACf,YAAc,EAAA,MAAA;AAAA,MACd,OAAA,EAAS,MAAM,QAAA,GAAW,WAAW,CAAA;AAAA,MACrC,YAAc,EAAA,MAAA;AAAA,MACd,KAAA,EAAO,SAAS,WAAc,GAAA,aAAA;AAAA,KAE7B,EAAA,YAAA,GAAe,MAAO,CAAA,KAAA,EAAO,MAAM,CACtC,GACC,CAAC,MAAA,oBAAWA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,CAC7B,CAAA,CAAA;AAAA,GAEH,CAAA,CAAA;AACH,CAAA;;;;"}
+{"version":3,"file":"GroupButton.js","sources":["../../../../../src/components/atoms/GroupButton/GroupButton.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '../../../types/defaults';\nimport { ButtonSizeType } from '../Button';\nimport {\n  StyledDivider,\n  StyledGroupButton,\n  StyledOption,\n  StyledPressable,\n} from './styled';\n\nexport interface GroupButtonOptions {\n  activeBackgroundColor?: ColorType;\n  activeBackgroundColorTone?: ColorGradationType;\n  activeBorderColor?: ColorType;\n  activeBorderColorTone?: ColorGradationType;\n  inactiveBackgroundColor?: ColorType;\n  inactiveBackgroundColorTone?: ColorGradationType;\n  inactiveBorderColor?: ColorType;\n  inactiveBorderColorTone?: ColorGradationType;\n  activeStyle?: StyleProp<ViewStyle>;\n  inactiveStyle?: StyleProp<ViewStyle>;\n  disabled?: boolean;\n}\n\nexport interface GroupButtonValue<T> {\n  value: T;\n  options?: GroupButtonOptions;\n}\n\nexport interface GroupButtonProps<T> {\n  value: T;\n  options: GroupButtonValue<T>[];\n  renderKey: (option?: T) => string | number | undefined;\n  renderOption: (option: T, active: boolean) => JSX.Element;\n  onChange: (option: T) => void;\n  buttonSize?: ButtonSizeType;\n  style?: StyleProp<ViewStyle>;\n  disableAllOptions?: boolean;\n}\n\nconst GroupButton = <T,>({ style, ...rest }: GroupButtonProps<T>) => {\n  return (\n    <StyledGroupButton style={style}>{groupOptions(rest)}</StyledGroupButton>\n  );\n};\n\nconst groupOptions = <T,>({\n  options,\n  renderOption,\n  renderKey,\n  onChange,\n  value,\n  disableAllOptions,\n  ...rest\n}: Partial<GroupButtonProps<T>>) => {\n  const theme = useTheme() as ThemeProp;\n  return options?.map((option, idx) => {\n    const {\n      value: optionValue,\n      options: {\n        activeStyle,\n        inactiveStyle,\n        activeBackgroundColor,\n        activeBackgroundColorTone,\n        inactiveBackgroundColor,\n        inactiveBackgroundColorTone,\n        disabled = disableAllOptions || option.options?.disabled,\n      } = {},\n    } = option;\n\n    const key = renderKey?.(optionValue);\n    const active = key === renderKey?.(value);\n    const isFirst = idx === 0;\n    const isLast = idx === options.length - 1;\n\n    let colors = theme.miscellaneous.surfaceColor;\n    if (active) {\n      colors =\n        theme.color[activeBackgroundColor || 'secondary'][\n          activeBackgroundColorTone || 'medium'\n        ];\n    }\n\n    if (!active && (inactiveBackgroundColor || inactiveBackgroundColorTone)) {\n      colors =\n        theme.color[inactiveBackgroundColor || 'secondary'][\n          inactiveBackgroundColorTone || 'medium'\n        ];\n    }\n\n    return (\n      <StyledOption key={key}>\n        <StyledPressable\n          {...rest}\n          {...option.options}\n          disabled={disabled}\n          isActive={active}\n          isFirstOption={isFirst}\n          isLastOption={isLast}\n          onPress={() => onChange?.(optionValue)}\n          surfaceColor={colors}\n          style={active ? activeStyle : inactiveStyle}\n        >\n          {renderOption?.(option.value, active)}\n        </StyledPressable>\n        {!isLast && <StyledDivider />}\n      </StyledOption>\n    );\n  });\n};\n\nexport default GroupButton;\n"],"names":["React"],"mappings":";;;;AA8CA,MAAM,cAAc,CAAK,EAAE,KAAO,EAAA,GAAG,MAAgC,KAAA;AACnE,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,KAAe,EAAA,EAAA,YAAA,CAAa,IAAI,CAAE,CAAA,CAAA;AAEzD,EAAA;AAEA,MAAM,eAAe,CAAK;AAAA,EACxB,OAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,iBAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAoC,KAAA;AAClC,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAA,OAAO,OAAS,EAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,GAAQ,KAAA;AACnC,IAAM,MAAA;AAAA,MACJ,KAAO,EAAA,WAAA;AAAA,MACP,OAAS,EAAA;AAAA,QACP,WAAA;AAAA,QACA,aAAA;AAAA,QACA,qBAAA;AAAA,QACA,yBAAA;AAAA,QACA,uBAAA;AAAA,QACA,2BAAA;AAAA,QACA,QAAA,GAAW,iBAAqB,IAAA,MAAA,CAAO,OAAS,EAAA,QAAA;AAAA,UAC9C,EAAC;AAAA,KACH,GAAA,MAAA,CAAA;AAEJ,IAAM,MAAA,GAAA,GAAM,YAAY,WAAW,CAAA,CAAA;AACnC,IAAM,MAAA,MAAA,GAAS,GAAQ,KAAA,SAAA,GAAY,KAAK,CAAA,CAAA;AACxC,IAAA,MAAM,UAAU,GAAQ,KAAA,CAAA,CAAA;AACxB,IAAM,MAAA,MAAA,GAAS,GAAQ,KAAA,OAAA,CAAQ,MAAS,GAAA,CAAA,CAAA;AAExC,IAAI,IAAA,MAAA,GAAS,MAAM,aAAc,CAAA,YAAA,CAAA;AACjC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,MAAA,GACE,MAAM,KAAM,CAAA,qBAAA,IAAyB,WAAW,CAAA,CAC9C,6BAA6B,QAC/B,CAAA,CAAA;AAAA,KACJ;AAEA,IAAI,IAAA,CAAC,MAAW,KAAA,uBAAA,IAA2B,2BAA8B,CAAA,EAAA;AACvE,MAAA,MAAA,GACE,MAAM,KAAM,CAAA,uBAAA,IAA2B,WAAW,CAAA,CAChD,+BAA+B,QACjC,CAAA,CAAA;AAAA,KACJ;AAEA,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAa,GACZ,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACH,GAAG,MAAO,CAAA,OAAA;AAAA,QACX,QAAA;AAAA,QACA,QAAU,EAAA,MAAA;AAAA,QACV,aAAe,EAAA,OAAA;AAAA,QACf,YAAc,EAAA,MAAA;AAAA,QACd,OAAA,EAAS,MAAM,QAAA,GAAW,WAAW,CAAA;AAAA,QACrC,YAAc,EAAA,MAAA;AAAA,QACd,KAAA,EAAO,SAAS,WAAc,GAAA,aAAA;AAAA,OAAA;AAAA,MAE7B,YAAA,GAAe,MAAO,CAAA,KAAA,EAAO,MAAM,CAAA;AAAA,KAErC,EAAA,CAAC,MAAU,oBAAAA,cAAA,CAAA,aAAA,CAAC,mBAAc,CAC7B,CAAA,CAAA;AAAA,GAEH,CAAA,CAAA;AACH,CAAA;;;;"}

package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js

@@ -8,11 +8,7 @@ const GroupButtonOption = ({
   description
 }) => {
   const StyledText = getStyledGroupItemText(TextComponent);
-  return /* @__PURE__ */ React__default.createElement(StyledText, {
-    fontWeight: "bold",
-    typography: "sub",
-    active
-  }, description);
+  return /* @__PURE__ */ React__default.createElement(StyledText, { fontWeight: "bold", typography: "sub", active }, description);
 };
 
 export { GroupButtonOption as default };

package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupButtonOption.js","sources":["../../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Text, TextProps } from '../Text';\nimport { getStyledGroupItemText } from './styled';\n\nexport interface GroupButtonOptionProps {\n  active: boolean;\n  description: string;\n  TextComponent?: FC<TextProps>;\n}\n\nconst GroupButtonOption = ({\n  TextComponent = Text,\n  active,\n  description,\n}: GroupButtonOptionProps): JSX.Element => {\n  const StyledText = getStyledGroupItemText(TextComponent);\n  return (\n    <StyledText fontWeight=\"bold\" typography=\"sub\" active={active}>\n      {description}\n    </StyledText>\n  );\n};\n\nexport default GroupButtonOption;\n"],"names":["React"],"mappings":";;;;AAUA,MAAM,oBAAoB,CAAC;AAAA,EACzB,aAAgB,GAAA,IAAA;AAAA,EAChB,MAAA;AAAA,EACA,WAAA;AACF,CAA2C,KAAA;AACzC,EAAM,MAAA,UAAA,GAAa,uBAAuB,aAAa,CAAA,CAAA;AACvD,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,UAAW,EAAA,MAAA;AAAA,IAAO,UAAW,EAAA,KAAA;AAAA,IAAM,MAAA;AAAA,GAAA,EAC5C,WACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"GroupButtonOption.js","sources":["../../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Text, TextProps } from '../Text';\nimport { getStyledGroupItemText } from './styled';\n\nexport interface GroupButtonOptionProps {\n  active: boolean;\n  description: string;\n  TextComponent?: FC<TextProps>;\n}\n\nconst GroupButtonOption = ({\n  TextComponent = Text,\n  active,\n  description,\n}: GroupButtonOptionProps): JSX.Element => {\n  const StyledText = getStyledGroupItemText(TextComponent);\n  return (\n    <StyledText fontWeight=\"bold\" typography=\"sub\" active={active}>\n      {description}\n    </StyledText>\n  );\n};\n\nexport default GroupButtonOption;\n"],"names":[],"mappings":";;;;AAUA,MAAM,oBAAoB,CAAC;AAAA,EACzB,aAAgB,GAAA,IAAA;AAAA,EAChB,MAAA;AAAA,EACA,WAAA;AACF,CAA2C,KAAA;AACzC,EAAM,MAAA,UAAA,GAAa,uBAAuB,aAAa,CAAA,CAAA;AACvD,EAAA,oDACG,UAAW,EAAA,EAAA,UAAA,EAAW,QAAO,UAAW,EAAA,KAAA,EAAM,UAC5C,WACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/atoms/GroupButton/styled.d.ts

@@ -16,8 +16,6 @@ export declare const StyledGroupButton: import("@emotion/native").StyledComponen
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const getStyledGroupItemText: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & Partial<GroupButtonOptionProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
@@ -34,8 +32,6 @@ export declare const StyledDivider: import("@emotion/native").StyledComponent<im
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const StyledPressable: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
-    children?: import("react").ReactNode;
-} & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & PressableOptions & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

package/dist/esm/components/atoms/GroupButton/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/GroupButton/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { ButtonSizeType } from '../Button';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { GroupButtonOptions } from './GroupButton';\nimport { GroupButtonOptionProps } from './GroupButtonOption';\n\ninterface PressableOptions extends GroupButtonOptions {\n  isActive: boolean;\n  isFirstOption: boolean;\n  isLastOption: boolean;\n  buttonSize?: ButtonSizeType;\n}\n\nexport const StyledGroupButton = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n`;\n\n// TO FIXED: hexa color to theme definitions\nconst disabledStyles = ({\n  disabled,\n  isActive,\n}: PressableOptions & Partial<StyleProps>) =>\n  disabled &&\n  !isActive &&\n  css`\n    background-color: #dcdcdc;\n  `;\n\nexport const getStyledGroupItemText = (component: FC<TextProps>) => {\n  return styled(component)<\n    Partial<GroupButtonOptionProps> & Partial<StyleProps>\n  >`\n    color: ${({ active, theme }) =>\n      active ? theme.miscellaneous.surfaceColor : theme.color.secondary.medium};\n  `;\n};\n\nconst activeStyles = ({\n  theme,\n  isActive,\n  activeBorderColor = 'secondary',\n  activeBorderColorTone = 'medium',\n}: PressableOptions & Partial<StyleProps>) =>\n  isActive &&\n  css`\n    border-color: ${theme?.color[activeBorderColor][activeBorderColorTone]};\n  `;\n\nconst inactiveStyles = ({\n  theme,\n  isActive,\n  inactiveBackgroundColor,\n  inactiveBackgroundColorTone,\n  inactiveBorderColor = 'secondary',\n  inactiveBorderColorTone = 'light',\n}: PressableOptions & Partial<StyleProps>) => {\n  if (!isActive && inactiveBackgroundColor && inactiveBackgroundColorTone) {\n    return css`\n      border-color: ${theme?.color[inactiveBorderColor][\n        inactiveBorderColorTone\n      ]};\n    `;\n  }\n\n  if (!isActive) {\n    return css`\n      border-color: ${theme?.color[inactiveBorderColor][\n        inactiveBorderColorTone\n      ]};\n    `;\n  }\n};\n\nconst leftStyles = ({\n  theme,\n  isFirstOption,\n}: PressableOptions & Partial<StyleProps>) =>\n  isFirstOption &&\n  css`\n    border-top-left-radius: ${theme?.borderRadius.mili};\n    border-bottom-left-radius: ${theme?.borderRadius.mili};\n    border-left-width: ${theme?.borderWidth.pico};\n  `;\n\nconst rightStyles = ({\n  theme,\n  isLastOption,\n}: PressableOptions & Partial<StyleProps>) =>\n  isLastOption &&\n  css`\n    border-top-right-radius: ${theme?.borderRadius.mili};\n    border-bottom-right-radius: ${theme?.borderRadius.mili};\n    border-right-width: ${theme?.borderWidth.pico};\n  `;\n\nconst sizeStyles = ({\n  theme,\n  buttonSize = 'small',\n}: PressableOptions & Partial<StyleProps>) => {\n  switch (buttonSize) {\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 StyledPressableBase = styled(PressableSurface)<\n  PressableOptions & Partial<StyleProps>\n>`\n  border-top-width: ${({ theme }) => theme.borderWidth.pico};\n  border-bottom-width: ${({ theme }) => theme.borderWidth.pico};\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n`;\n\nexport const StyledOption = styled.View`\n  flex-direction: row;\n  flex: 1;\n`;\n\nexport const StyledDivider = styled.View<Partial<StyleProps>>`\n  width: ${({ theme }) => theme.borderWidth.pico};\n  background-color: ${({ theme }) => theme.color.secondary.light}; ;\n`;\n\nexport const StyledPressable = styled(StyledPressableBase)(\n  (props: PressableOptions & Partial<StyleProps>) => css`\n    ${activeStyles(props)}\n    ${inactiveStyles(props)}\n    ${leftStyles(props)}\n    ${rightStyles(props)}\n    ${sizeStyles(props)}\n    ${disabledStyles(props)}\n  `\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/GroupButton/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { ButtonSizeType } from '../Button';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { GroupButtonOptions } from './GroupButton';\nimport { GroupButtonOptionProps } from './GroupButtonOption';\n\ninterface PressableOptions extends GroupButtonOptions {\n  isActive: boolean;\n  isFirstOption: boolean;\n  isLastOption: boolean;\n  buttonSize?: ButtonSizeType;\n}\n\nexport const StyledGroupButton = styled.View<Partial<StyleProps>>`\n  flex-direction: row;\n`;\n\n// TO FIXED: hexa color to theme definitions\nconst disabledStyles = ({\n  disabled,\n  isActive,\n}: PressableOptions & Partial<StyleProps>) =>\n  disabled &&\n  !isActive &&\n  css`\n    background-color: #dcdcdc;\n  `;\n\nexport const getStyledGroupItemText = (component: FC<TextProps>) => {\n  return styled(component)<\n    Partial<GroupButtonOptionProps> & Partial<StyleProps>\n  >`\n    color: ${({ active, theme }) =>\n      active ? theme.miscellaneous.surfaceColor : theme.color.secondary.medium};\n  `;\n};\n\nconst activeStyles = ({\n  theme,\n  isActive,\n  activeBorderColor = 'secondary',\n  activeBorderColorTone = 'medium',\n}: PressableOptions & Partial<StyleProps>) =>\n  isActive &&\n  css`\n    border-color: ${theme?.color[activeBorderColor][activeBorderColorTone]};\n  `;\n\nconst inactiveStyles = ({\n  theme,\n  isActive,\n  inactiveBackgroundColor,\n  inactiveBackgroundColorTone,\n  inactiveBorderColor = 'secondary',\n  inactiveBorderColorTone = 'light',\n}: PressableOptions & Partial<StyleProps>) => {\n  if (!isActive && inactiveBackgroundColor && inactiveBackgroundColorTone) {\n    return css`\n      border-color: ${theme?.color[inactiveBorderColor][\n        inactiveBorderColorTone\n      ]};\n    `;\n  }\n\n  if (!isActive) {\n    return css`\n      border-color: ${theme?.color[inactiveBorderColor][\n        inactiveBorderColorTone\n      ]};\n    `;\n  }\n};\n\nconst leftStyles = ({\n  theme,\n  isFirstOption,\n}: PressableOptions & Partial<StyleProps>) =>\n  isFirstOption &&\n  css`\n    border-top-left-radius: ${theme?.borderRadius.mili};\n    border-bottom-left-radius: ${theme?.borderRadius.mili};\n    border-left-width: ${theme?.borderWidth.pico};\n  `;\n\nconst rightStyles = ({\n  theme,\n  isLastOption,\n}: PressableOptions & Partial<StyleProps>) =>\n  isLastOption &&\n  css`\n    border-top-right-radius: ${theme?.borderRadius.mili};\n    border-bottom-right-radius: ${theme?.borderRadius.mili};\n    border-right-width: ${theme?.borderWidth.pico};\n  `;\n\nconst sizeStyles = ({\n  theme,\n  buttonSize = 'small',\n}: PressableOptions & Partial<StyleProps>) => {\n  switch (buttonSize) {\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 StyledPressableBase = styled(PressableSurface)<\n  PressableOptions & Partial<StyleProps>\n>`\n  border-top-width: ${({ theme }) => theme.borderWidth.pico};\n  border-bottom-width: ${({ theme }) => theme.borderWidth.pico};\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n`;\n\nexport const StyledOption = styled.View`\n  flex-direction: row;\n  flex: 1;\n`;\n\nexport const StyledDivider = styled.View<Partial<StyleProps>>`\n  width: ${({ theme }) => theme.borderWidth.pico};\n  background-color: ${({ theme }) => theme.color.secondary.light}; ;\n`;\n\nexport const StyledPressable = styled(StyledPressableBase)(\n  (props: PressableOptions & Partial<StyleProps>) => css`\n    ${activeStyles(props)}\n    ${inactiveStyles(props)}\n    ${leftStyles(props)}\n    ${rightStyles(props)}\n    ${sizeStyles(props)}\n    ${disabledStyles(props)}\n  `\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAiBO,MAAM,oBAAoB,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAKxC,MAAM,iBAAiB,CAAC;AAAA,EACtB,QAAA;AAAA,EACA,QAAA;AACF,CACE,KAAA,QAAA,IACA,CAAC,QACD,IAAA,GAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAIW,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA,WAGZ,EAAA,CAAC,EAAE,MAAA,EAAQ,KAAM,EAAA,KACxB,MAAS,GAAA,KAAA,CAAM,aAAc,CAAA,YAAA,GAAe,KAAM,CAAA,KAAA,CAAM,SAAU,CAAA,MAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAExE,EAAA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAoB,GAAA,WAAA;AAAA,EACpB,qBAAwB,GAAA,QAAA;AAC1B,CAAA,KACE,QACA,IAAA,GAAA,CAAA;AAAA,kBAAA,EACkB,KAAO,EAAA,KAAA,CAAM,iBAAiB,CAAA,CAAE,qBAAqB,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGzE,MAAM,iBAAiB,CAAC;AAAA,EACtB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,uBAAA;AAAA,EACA,2BAAA;AAAA,EACA,mBAAsB,GAAA,WAAA;AAAA,EACtB,uBAA0B,GAAA,OAAA;AAC5B,CAA8C,KAAA;AAC5C,EAAI,IAAA,CAAC,QAAY,IAAA,uBAAA,IAA2B,2BAA6B,EAAA;AACvE,IAAO,OAAA,GAAA,CAAA;AAAA,oBAAA,EACW,KAAO,EAAA,KAAA,CAAM,mBAAmB,CAAA,CAC9C,uBACF,CAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA,GAAA,CAAA;AAAA,oBAAA,EACW,KAAO,EAAA,KAAA,CAAM,mBAAmB,CAAA,CAC9C,uBACF,CAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAAA,GAEJ;AACF,CAAA,CAAA;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,aAAA;AACF,CAAA,KACE,aACA,IAAA,GAAA,CAAA;AAAA,4BAAA,EAC4B,OAAO,YAAa,CAAA,IAAA,CAAA;AAAA,+BAAA,EACjB,OAAO,YAAa,CAAA,IAAA,CAAA;AAAA,uBAAA,EAC5B,OAAO,WAAY,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAG5C,MAAM,cAAc,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,YAAA;AACF,CAAA,KACE,YACA,IAAA,GAAA,CAAA;AAAA,6BAAA,EAC6B,OAAO,YAAa,CAAA,IAAA,CAAA;AAAA,gCAAA,EACjB,OAAO,YAAa,CAAA,IAAA,CAAA;AAAA,wBAAA,EAC5B,OAAO,WAAY,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAG7C,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,UAAa,GAAA,OAAA;AACf,CAA8C,KAAA;AAC5C,EAAA,QAAQ,UAAY;AAAA,IAClB,KAAK,OAAA;AACH,MAAO,OAAA,GAAA,CAAA;AAAA,iBAAA,EACM,KAAO,EAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,EAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EACnC,WAAW,MAAM,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAEnC;AACE,MAAO,OAAA,GAAA,CAAA;AAAA,iBAAA,EACM,KAAO,EAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,EAAO,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EACnC,WAAW,MAAM,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,GAErC;AACF,CAAA,CAAA;AAEA,MAAM,mBAAA,GAAsB,OAAO,gBAAgB,CAAA,CAAA;AAAA,oBAAA,EAG7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,uBAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMnD,MAAM,eAAe,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK5B,MAAM,gBAAgB,MAAO,CAAA,IAAA,CAAA;AAAA,SAAA,EACzB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,oBAAA,EACtB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,KAAA,CAAA;AAAA,EAAA;AAG9C,MAAA,eAAA,GAAkB,OAAO,mBAAmB,CAAA;AAAA,EACvD,CAAC,KAAkD,KAAA,GAAA,CAAA;AAAA,IAAA,EAC/C,aAAa,KAAK,CAAA,CAAA;AAAA,IAAA,EAClB,eAAe,KAAK,CAAA,CAAA;AAAA,IAAA,EACpB,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,YAAY,KAAK,CAAA,CAAA;AAAA,IAAA,EACjB,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,eAAe,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAE1B;;;;"}

package/dist/esm/components/atoms/Icon/AntDesign.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const AntDesign: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default AntDesign;

package/dist/esm/components/atoms/Icon/AntDesign.js

@@ -4,11 +4,7 @@ import { getStyledIcon } from './styled.js';
 
 const AntDesign = ({ size, color, name, ...rest }) => {
   const Icon = getStyledIcon(AntDesignRNVI, size);
-  return /* @__PURE__ */ React__default.createElement(Icon, {
-    ...rest,
-    name,
-    color
-  });
+  return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
 };
 
 export { AntDesign as default };