@tecsinapse/react-core 1.17.3 → 1.19.0

package/CHANGELOG.md

@@ -3,6 +3,45 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.19.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.18.0...@tecsinapse/react-core@1.19.0) (2022-09-02)
+
+
+### Bug Fixes
+
+* eslint and prettier ([c897f19](https://github.com/tecsinapse/design-system/commit/c897f190c5a17cfc53721237d314fcb255f5e68e))
+
+
+
+
+
+# [1.18.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.17.4...@tecsinapse/react-core@1.18.0) (2022-08-24)
+
+
+### Bug Fixes
+
+* change PressableSurface with Pressable on LabeledSwitch label ([5029a74](https://github.com/tecsinapse/design-system/commit/5029a74bfc272f5aecb3bdae9152f0920a36c8bb))
+* LabeledSwitch disabled and react-core exports ([855f12f](https://github.com/tecsinapse/design-system/commit/855f12f0dff1ce4c5969eba723707340e60a3310))
+* merge code ([d828e38](https://github.com/tecsinapse/design-system/commit/d828e388fbb17b6e561c3799043036aeee29c4ab))
+
+
+### Features
+
+* grid web responsive support ([4111063](https://github.com/tecsinapse/design-system/commit/411106311d37d62bae4736c07f71038d5564319c))
+* grid web responsive support ([fd91539](https://github.com/tecsinapse/design-system/commit/fd91539dae6df151beeb48ce3749623e2bb4dedc))
+* LabeledSwitch implementation. ([519fe87](https://github.com/tecsinapse/design-system/commit/519fe8769d687f15af09c9fb77fe98a727f9078b))
+
+
+
+
+
+## [1.17.4](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.17.3...@tecsinapse/react-core@1.17.4) (2022-08-18)
+
+**Note:** Version bump only for package @tecsinapse/react-core
+
+
+
+
+
 ## [1.17.3](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.17.2...@tecsinapse/react-core@1.17.3) (2022-08-03)
 
 **Note:** Version bump only for package @tecsinapse/react-core

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":["Avatar","source","name","onPress","size","TextComponent","Text","hasError","setHasError","React","useState","useEffect","StyledText"],"mappings":";;;;;AAAA;;AAGA;;AACA;;AACA;;;;AAmBO,MAAMA,MAA6B,GAAG,CAAC;AAC5CC,EAAAA,MAD4C;AAE5CC,EAAAA,IAF4C;AAG5CC,EAAAA,OAH4C;AAI5CC,EAAAA,IAAI,GAAG,MAJqC;AAK5CC,EAAAA,aAAa,GAAGC;AAL4B,CAAD,KAMvC;AACJ,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BC,eAAMC,QAAN,CAAwB,KAAxB,CAAhC;;AAGAD,iBAAME,SAAN,CAAgB,MAAM;AACpBH,IAAAA,WAAW,CAAC,KAAD,CAAX;AACD,GAFD,EAEG,CAACP,MAAD,CAFH;;AAIA,QAAMW,UAAU,GAAG,oCAAuBP,aAAvB,CAAnB;AAEA,SACE,6BAAC,6BAAD;AAAuB,IAAA,MAAM,EAAC,MAA9B;AAAqC,IAAA,OAAO,EAAEF,OAA9C;AAAuD,IAAA,IAAI,EAAEC;AAA7D,KACGH,MAAM,IAAI,CAACM,QAAX,GACC,6BAAC,oBAAD;AAAc,IAAA,MAAM,EAAEN,MAAtB;AAA8B,IAAA,OAAO,EAAE,MAAMO,WAAW,CAAC,IAAD;AAAxD,IADD,GAGC,6BAAC,wBAAD,QACE,6BAAC,UAAD;AAAY,IAAA,UAAU,EAAC,MAAvB;AAA8B,IAAA,SAAS,EAAC;AAAxC,KACG,0BAAYN,IAAZ,CADH,CADF,CAJJ,CADF;AAaD,CA7BM;;;eA+BQF,M","sourcesContent":["import React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\nimport { IconSize } from '../../../types/defaults';\nimport { Text, TextProps } from '../Text';\nimport { getIniciais } from './helpers';\nimport {\n  ContainerButtonAvatar,\n  getStyledTextComponent,\n  StyledAvatar,\n  StyledBackground,\n} from './styled';\n\nexport type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;\n\nexport interface AvatarProps {\n  /** This property should follow react-native spec. If the asset is remote, use `{ uri: 'https://example.com/logo.png' }`.\n   * For local assets, you shold use `require('./logo.png')`. */\n  source?: ImageSourcePropType;\n  name: string;\n  onPress?: () => void;\n  size?: keyof SizeAvatar;\n  TextComponent?: FC<TextProps>;\n}\n\nexport const Avatar: React.FC<AvatarProps> = ({\n  source,\n  name,\n  onPress,\n  size = 'mega',\n  TextComponent = Text,\n}) => {\n  const [hasError, setHasError] = React.useState<boolean>(false);\n\n  // If the source changes in runtime, this prevents error from being true always (fallback)\n  React.useEffect(() => {\n    setHasError(false);\n  }, [source]);\n\n  const StyledText = getStyledTextComponent(TextComponent);\n\n  return (\n    <ContainerButtonAvatar effect=\"none\" onPress={onPress} size={size}>\n      {source && !hasError ? (\n        <StyledAvatar source={source} onError={() => setHasError(true)} />\n      ) : (\n        <StyledBackground>\n          <StyledText fontWeight=\"bold\" fontColor=\"light\">\n            {getIniciais(name)}\n          </StyledText>\n        </StyledBackground>\n      )}\n    </ContainerButtonAvatar>\n  );\n};\n\nexport default Avatar;\n"],"file":"Avatar.js"}
+{"version":3,"file":"Avatar.js","names":["Avatar","source","name","onPress","size","TextComponent","Text","hasError","setHasError","React","useState","useEffect","StyledText","getStyledTextComponent","getIniciais"],"sources":["../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\nimport { IconSize } from '../../../types/defaults';\nimport { Text, TextProps } from '../Text';\nimport { getIniciais } from './helpers';\nimport {\n  ContainerButtonAvatar,\n  getStyledTextComponent,\n  StyledAvatar,\n  StyledBackground,\n} from './styled';\n\nexport type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;\n\nexport interface AvatarProps {\n  /** This property should follow react-native spec. If the asset is remote, use `{ uri: 'https://example.com/logo.png' }`.\n   * For local assets, you shold use `require('./logo.png')`. */\n  source?: ImageSourcePropType;\n  name: string;\n  onPress?: () => void;\n  size?: keyof SizeAvatar;\n  TextComponent?: FC<TextProps>;\n}\n\nexport const Avatar: React.FC<AvatarProps> = ({\n  source,\n  name,\n  onPress,\n  size = 'mega',\n  TextComponent = Text,\n}) => {\n  const [hasError, setHasError] = React.useState<boolean>(false);\n\n  // If the source changes in runtime, this prevents error from being true always (fallback)\n  React.useEffect(() => {\n    setHasError(false);\n  }, [source]);\n\n  const StyledText = getStyledTextComponent(TextComponent);\n\n  return (\n    <ContainerButtonAvatar effect=\"none\" onPress={onPress} size={size}>\n      {source && !hasError ? (\n        <StyledAvatar source={source} onError={() => setHasError(true)} />\n      ) : (\n        <StyledBackground>\n          <StyledText fontWeight=\"bold\" fontColor=\"light\">\n            {getIniciais(name)}\n          </StyledText>\n        </StyledBackground>\n      )}\n    </ContainerButtonAvatar>\n  );\n};\n\nexport default Avatar;\n"],"mappings":";;;;;AAAA;;AAGA;;AACA;;AACA;;;;AAmBO,MAAMA,MAA6B,GAAG,CAAC;EAC5CC,MAD4C;EAE5CC,IAF4C;EAG5CC,OAH4C;EAI5CC,IAAI,GAAG,MAJqC;EAK5CC,aAAa,GAAGC;AAL4B,CAAD,KAMvC;EACJ,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BC,cAAA,CAAMC,QAAN,CAAwB,KAAxB,CAAhC;;EAGAD,cAAA,CAAME,SAAN,CAAgB,MAAM;IACpBH,WAAW,CAAC,KAAD,CAAX;EACD,CAFD,EAEG,CAACP,MAAD,CAFH;;EAIA,MAAMW,UAAU,GAAG,IAAAC,8BAAA,EAAuBR,aAAvB,CAAnB;EAEA,OACE,6BAAC,6BAAD;IAAuB,MAAM,EAAC,MAA9B;IAAqC,OAAO,EAAEF,OAA9C;IAAuD,IAAI,EAAEC;EAA7D,GACGH,MAAM,IAAI,CAACM,QAAX,GACC,6BAAC,oBAAD;IAAc,MAAM,EAAEN,MAAtB;IAA8B,OAAO,EAAE,MAAMO,WAAW,CAAC,IAAD;EAAxD,EADD,GAGC,6BAAC,wBAAD,QACE,6BAAC,UAAD;IAAY,UAAU,EAAC,MAAvB;IAA8B,SAAS,EAAC;EAAxC,GACG,IAAAM,oBAAA,EAAYZ,IAAZ,CADH,CADF,CAJJ,CADF;AAaD,CA7BM;;;eA+BQF,M"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Avatar/helpers.ts"],"names":["getIniciais","name","nameSplit","split","length","slice","map","join"],"mappings":";;;;;AAAO,MAAMA,WAAW,GAAIC,IAAD,IAA0B;AACnD,QAAMC,SAAS,GAAGD,IAAI,CAACE,KAAL,CAAW,GAAX,CAAlB;;AACA,MAAID,SAAS,CAACE,MAAV,GAAmB,CAAvB,EAA0B;AACxB,WAAOF,SAAS,CACbG,KADI,CACE,CADF,EACK,CADL,EAEJC,GAFI,CAEAL,IAAI,IAAIA,IAAI,CAAC,CAAD,CAFZ,EAGJM,IAHI,CAGC,EAHD,CAAP;AAID;;AACD,SAAON,IAAI,CAAC,CAAD,CAAX;AACD,CATM","sourcesContent":["export const getIniciais = (name: string): string => {\n  const nameSplit = name.split(' ');\n  if (nameSplit.length > 1) {\n    return nameSplit\n      .slice(0, 2)\n      .map(name => name[0])\n      .join('');\n  }\n  return name[0];\n};\n"],"file":"helpers.js"}
+{"version":3,"file":"helpers.js","names":["getIniciais","name","nameSplit","split","length","slice","map","join"],"sources":["../../../../src/components/atoms/Avatar/helpers.ts"],"sourcesContent":["export const getIniciais = (name: string): string => {\n  const nameSplit = name.split(' ');\n  if (nameSplit.length > 1) {\n    return nameSplit\n      .slice(0, 2)\n      .map(name => name[0])\n      .join('');\n  }\n  return name[0];\n};\n"],"mappings":";;;;;AAAO,MAAMA,WAAW,GAAIC,IAAD,IAA0B;EACnD,MAAMC,SAAS,GAAGD,IAAI,CAACE,KAAL,CAAW,GAAX,CAAlB;;EACA,IAAID,SAAS,CAACE,MAAV,GAAmB,CAAvB,EAA0B;IACxB,OAAOF,SAAS,CACbG,KADI,CACE,CADF,EACK,CADL,EAEJC,GAFI,CAEAL,IAAI,IAAIA,IAAI,CAAC,CAAD,CAFZ,EAGJM,IAHI,CAGC,EAHD,CAAP;EAID;;EACD,OAAON,IAAI,CAAC,CAAD,CAAX;AACD,CATM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Avatar/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Avatar, AvatarProps } from './Avatar';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Avatar/index.ts"],"sourcesContent":["export { default as Avatar, AvatarProps } from './Avatar';\n"],"mappings":";;;;;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Avatar/styled.ts"],"names":["ContainerButtonAvatar","PressableSurface","theme","size","iconSize","StyledAvatar","Image","borderRadius","pill","StyledBackground","View","color","secondary","dark","getStyledTextComponent","component"],"mappings":";;;;;AAAA;;AAEA;;AAEA;;;;AAIO,MAAMA,qBAAqB,GAAG,qBAAOC,kCAAP,CAEnC;AACF,WAAW,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,IAAI,GAAG;AAAhB,CAAD,KACPD,KAAK,CAACE,QAAN,CAAeD,IAAf,CAAqB;AACzB,YAAY,CAAC;AAAED,EAAAA,KAAF;AAASC,EAAAA,IAAI,GAAG;AAAhB,CAAD,KACRD,KAAK,CAACE,QAAN,CAAeD,IAAf,CAAqB;AACzB,CAPO;;AASA,MAAME,YAAY,GAAG,qBAAOC,kBAAP,CAAmC;AAC/D,mBAAmB,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACK,YAAN,CAAmBC,IAAK;AACtE;AACA;AACA;AACA,CALO;;AAOA,MAAMC,gBAAgB,GAAG,qBAAOC,iBAAP,CAAkC;AAClE,mBAAmB,CAAC;AAAER,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACK,YAAN,CAAmBC,IAAK;AACtE,sBAAsB,CAAC;AAAEN,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACS,KAAN,CAAYC,SAAZ,CAAsBC,IAAK;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA,CATO;;;AAWA,MAAMC,sBAAsB,GAAIC,SAAD,IAA8B;AAClE,SAAO,qBAAOA,SAAP,CAAkB;AAC3B;AACA;AACA;AACA;AACA,GALE;AAMD,CAPM","sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n  Partial<StyleProps & AvatarProps>\n>`\n  width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n  height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n  return styled(component)`\n    text-transform: uppercase;\n    text-align: center;\n    align-self: center;\n    flex: 1;\n  `;\n};\n"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["ContainerButtonAvatar","styled","PressableSurface","theme","size","iconSize","StyledAvatar","Image","borderRadius","pill","StyledBackground","View","color","secondary","dark","getStyledTextComponent","component"],"sources":["../../../../src/components/atoms/Avatar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n  Partial<StyleProps & AvatarProps>\n>`\n  width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n  height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n    theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n  background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n  return styled(component)`\n    text-transform: uppercase;\n    text-align: center;\n    align-self: center;\n    flex: 1;\n  `;\n};\n"],"mappings":";;;;;AAAA;;AAEA;;AAEA;;;;AAIO,MAAMA,qBAAqB,GAAG,IAAAC,eAAA,EAAOC,kCAAP,CAEnC;AACF,WAAW,CAAC;EAAEC,KAAF;EAASC,IAAI,GAAG;AAAhB,CAAD,KACPD,KAAK,CAACE,QAAN,CAAeD,IAAf,CAAqB;AACzB,YAAY,CAAC;EAAED,KAAF;EAASC,IAAI,GAAG;AAAhB,CAAD,KACRD,KAAK,CAACE,QAAN,CAAeD,IAAf,CAAqB;AACzB,CAPO;;AASA,MAAME,YAAY,GAAG,IAAAL,eAAA,EAAOM,kBAAP,CAAmC;AAC/D,mBAAmB,CAAC;EAAEJ;AAAF,CAAD,KAA2BA,KAAK,CAACK,YAAN,CAAmBC,IAAK;AACtE;AACA;AACA;AACA,CALO;;AAOA,MAAMC,gBAAgB,GAAG,IAAAT,eAAA,EAAOU,iBAAP,CAAkC;AAClE,mBAAmB,CAAC;EAAER;AAAF,CAAD,KAA2BA,KAAK,CAACK,YAAN,CAAmBC,IAAK;AACtE,sBAAsB,CAAC;EAAEN;AAAF,CAAD,KAA2BA,KAAK,CAACS,KAAN,CAAYC,SAAZ,CAAsBC,IAAK;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA,CATO;;;AAWA,MAAMC,sBAAsB,GAAIC,SAAD,IAA8B;EAClE,OAAO,IAAAf,eAAA,EAAOe,SAAP,CAAkB;AAC3B;AACA;AACA;AACA;AACA,GALE;AAMD,CAPM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"names":["Badge","children","style","color","tone","value"],"mappings":";;;;;AAAA;;AAGA;;;;AASA,MAAMA,KAAqB,GAAG,CAAC;AAC7BC,EAAAA,QAD6B;AAE7BC,EAAAA,KAF6B;AAG7BC,EAAAA,KAAK,GAAG,SAHqB;AAI7BC,EAAAA,IAAI,GAAG,QAJsB;AAK7BC,EAAAA;AAL6B,CAAD,KAMX;AACjB,SACE,6BAAC,kBAAD,QACGJ,QADH,EAEE,6BAAC,kBAAD;AAAY,IAAA,KAAK,EAAEC,KAAnB;AAA0B,IAAA,KAAK,EAAEC,KAAjC;AAAwC,IAAA,IAAI,EAAEC;AAA9C,KACGC,KADH,CAFF,CADF;AAQD,CAfD;;eAiBeL,K","sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { BadgeStyle, ViewStyled } from './styled';\n\nexport interface BadgeProps {\n  color: ColorType;\n  tone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  value: React.ReactNode;\n}\n\nconst Badge: FC<BadgeProps> = ({\n  children,\n  style,\n  color = 'primary',\n  tone = 'medium',\n  value,\n}): JSX.Element => {\n  return (\n    <ViewStyled>\n      {children}\n      <BadgeStyle style={style} color={color} tone={tone}>\n        {value}\n      </BadgeStyle>\n    </ViewStyled>\n  );\n};\n\nexport default Badge;\n"],"file":"Badge.js"}
+{"version":3,"file":"Badge.js","names":["Badge","children","style","color","tone","value"],"sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { BadgeStyle, ViewStyled } from './styled';\n\nexport interface BadgeProps {\n  color: ColorType;\n  tone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  value: React.ReactNode;\n}\n\nconst Badge: FC<BadgeProps> = ({\n  children,\n  style,\n  color = 'primary',\n  tone = 'medium',\n  value,\n}): JSX.Element => {\n  return (\n    <ViewStyled>\n      {children}\n      <BadgeStyle style={style} color={color} tone={tone}>\n        {value}\n      </BadgeStyle>\n    </ViewStyled>\n  );\n};\n\nexport default Badge;\n"],"mappings":";;;;;AAAA;;AAGA;;;;AASA,MAAMA,KAAqB,GAAG,CAAC;EAC7BC,QAD6B;EAE7BC,KAF6B;EAG7BC,KAAK,GAAG,SAHqB;EAI7BC,IAAI,GAAG,QAJsB;EAK7BC;AAL6B,CAAD,KAMX;EACjB,OACE,6BAAC,kBAAD,QACGJ,QADH,EAEE,6BAAC,kBAAD;IAAY,KAAK,EAAEC,KAAnB;IAA0B,KAAK,EAAEC,KAAjC;IAAwC,IAAI,EAAEC;EAA9C,GACGC,KADH,CAFF,CADF;AAQD,CAfD;;eAiBeL,K"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Badge/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Badge, BadgeProps } from './Badge';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Badge/index.ts"],"sourcesContent":["export { default as Badge, BadgeProps } from './Badge';\n"],"mappings":";;;;;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Badge/styled.ts"],"names":["baseStyle","theme","color","tone","borderRadius","pill","iconSize","centi","BadgeStyle","View","ViewStyled"],"mappings":";;;;;AAAA;;AACA;;AAEA;;;;;;AAGA,MAAMA,SAAS,GAAG,CAAC;AACjBC,EAAAA,KADiB;AAEjBC,EAAAA,KAAK,GAAG,SAFS;AAGjBC,EAAAA,IAAI,GAAG;AAHU,CAAD,KAIsB;AACtC,SAAO,gBAAI;AACb,qBAAqBF,KAAK,CAACG,YAAN,CAAmBC,IAAK;AAC7C,wBAAwBJ,KAAK,CAACC,KAAN,CAAYA,KAAZ,EAAmBC,IAAnB,CAAyB;AACjD;AACA;AACA;AACA;AACA,cAAcF,KAAK,CAACK,QAAN,CAAeC,KAAM;AACnC,aAAaN,KAAK,CAACK,QAAN,CAAeC,KAAM;AAClC,WAAY,GAAE,oBAAQ,CAAC,CAAT,CAAY,IAAI;AAC9B,aAAc,GAAE,oBAAQ,CAAC,CAAT,CAAY,IAAI;AAChC,GAXE;AAYD,CAjBD;;AAmBO,MAAMC,UAAU,GAAG,qBAAOC,iBAAP,EACxBT,SADwB,CAAnB;;AAIA,MAAMU,UAAU,GAAG,qBAAOD,iBAAP,CAA+C;AACzE;AACA;AACA;AACA;AACA,CALO","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { BadgeProps } from './Badge';\n\nconst baseStyle = ({\n  theme,\n  color = 'primary',\n  tone = 'medium',\n}: StyleProps & Partial<BadgeProps>) => {\n  return css`\n    border-radius: ${theme.borderRadius.pill};\n    background-color: ${theme.color[color][tone]};\n    position: absolute;\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    height: ${theme.iconSize.centi};\n    width: ${theme.iconSize.centi};\n    top: ${`${RFValue(-4)}px`};\n    right: ${`${RFValue(-4)}px`};\n  `;\n};\n\nexport const BadgeStyle = styled(View)<Partial<StyleProps & BadgeProps>>(\n  baseStyle\n);\n\nexport const ViewStyled = styled(View)<Partial<StyleProps & BadgeProps>>`\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  align-self: center;\n`;\n"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["baseStyle","theme","color","tone","css","borderRadius","pill","iconSize","centi","RFValue","BadgeStyle","styled","View","ViewStyled"],"sources":["../../../../src/components/atoms/Badge/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { BadgeProps } from './Badge';\n\nconst baseStyle = ({\n  theme,\n  color = 'primary',\n  tone = 'medium',\n}: StyleProps & Partial<BadgeProps>) => {\n  return css`\n    border-radius: ${theme.borderRadius.pill};\n    background-color: ${theme.color[color][tone]};\n    position: absolute;\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    height: ${theme.iconSize.centi};\n    width: ${theme.iconSize.centi};\n    top: ${`${RFValue(-4)}px`};\n    right: ${`${RFValue(-4)}px`};\n  `;\n};\n\nexport const BadgeStyle =\n  styled(View)<Partial<StyleProps & BadgeProps>>(baseStyle);\n\nexport const ViewStyled = styled(View)<Partial<StyleProps & BadgeProps>>`\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  align-self: center;\n`;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;;;;;AAGA,MAAMA,SAAS,GAAG,CAAC;EACjBC,KADiB;EAEjBC,KAAK,GAAG,SAFS;EAGjBC,IAAI,GAAG;AAHU,CAAD,KAIsB;EACtC,OAAO,IAAAC,WAAA,CAAI;AACb,qBAAqBH,KAAK,CAACI,YAAN,CAAmBC,IAAK;AAC7C,wBAAwBL,KAAK,CAACC,KAAN,CAAYA,KAAZ,EAAmBC,IAAnB,CAAyB;AACjD;AACA;AACA;AACA;AACA,cAAcF,KAAK,CAACM,QAAN,CAAeC,KAAM;AACnC,aAAaP,KAAK,CAACM,QAAN,CAAeC,KAAM;AAClC,WAAY,GAAE,IAAAC,cAAA,EAAQ,CAAC,CAAT,CAAY,IAAI;AAC9B,aAAc,GAAE,IAAAA,cAAA,EAAQ,CAAC,CAAT,CAAY,IAAI;AAChC,GAXE;AAYD,CAjBD;;AAmBO,MAAMC,UAAU,GACrB,IAAAC,eAAA,EAAOC,iBAAP,EAA+CZ,SAA/C,CADK;;AAGA,MAAMa,UAAU,GAAG,IAAAF,eAAA,EAAOC,iBAAP,CAA+C;AACzE;AACA;AACA;AACA;AACA,CALO"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/BoxContent/BoxContent.tsx"],"names":["BoxContent","children","rest"],"mappings":";;;;;AAAA;;AAEA;;;;AAMA,MAAMA,UAA+B,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,KAA2B;AACjE,SAAO,6BAAC,wBAAD,EAAsBA,IAAtB,EAA6BD,QAA7B,CAAP;AACD,CAFD;;eAIeD,U","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"],"file":"BoxContent.js"}
+{"version":3,"file":"BoxContent.js","names":["BoxContent","children","rest"],"sources":["../../../../src/components/atoms/BoxContent/BoxContent.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledBoxContent } from './styled';\n\nexport interface BoxContentProps extends ViewProps {\n  variant: 'top' | 'bottom' | 'left' | 'right';\n}\n\nconst BoxContent: FC<BoxContentProps> = ({ children, ...rest }) => {\n  return <StyledBoxContent {...rest}>{children}</StyledBoxContent>;\n};\n\nexport default BoxContent;\n"],"mappings":";;;;;AAAA;;AAEA;;;;AAMA,MAAMA,UAA+B,GAAG,CAAC;EAAEC,QAAF;EAAY,GAAGC;AAAf,CAAD,KAA2B;EACjE,OAAO,6BAAC,wBAAD,EAAsBA,IAAtB,EAA6BD,QAA7B,CAAP;AACD,CAFD;;eAIeD,U"}

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

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

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

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.StyledBoxContent = exports.elevatedStyles = void 0;
+exports.elevatedStyles = exports.StyledBoxContent = void 0;
 
 var _native = _interopRequireWildcard(require("@emotion/native"));
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/BoxContent/styled.ts"],"names":["elevatedStyles","theme","shadowColor","miscellaneous","shadow","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","topStyles","variant","borderRadius","deca","bottomStyles","leftStyles","rightStyles","StyledBoxContentBase","View","surfaceColor","spacing","kilo","StyledBoxContent","props"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAGO,MAAMA,cAAc,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAoC,CAChE,iBAAI;AACFC,EAAAA,WAAW,EAAED,KAAF,oBAAEA,KAAK,CAAEE,aAAP,CAAqBC,MADhC;AAEFC,EAAAA,YAAY,EAAE;AAAEC,IAAAA,KAAK,EAAE,CAAT;AAAYC,IAAAA,MAAM,EAAE;AAApB,GAFZ;AAGFC,EAAAA,aAAa,EAAE,IAHb;AAIFC,EAAAA,YAAY,EAAE,IAJZ;AAKFC,EAAAA,SAAS,EAAE;AALT,CAAJ,CADgE,CAA3D;;;;AAUP,MAAMC,SAAS,GAAG,CAAC;AAAEV,EAAAA,KAAF;AAASW,EAAAA;AAAT,CAAD,KAChBA,OAAO,KAAK,KAAZ,IACA,gBAAI;AACN,iCAAiCX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACzD,kCAAkCb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AAC1D,GALA;;AAOA,MAAMC,YAAY,GAAG,CAAC;AACpBd,EAAAA,KADoB;AAEpBW,EAAAA;AAFoB,CAAD,KAInBA,OAAO,KAAK,QAAZ,IACA,gBAAI;AACN,8BAA8BX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACtD,+BAA+Bb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACvD,GARA;;AAUA,MAAME,UAAU,GAAG,CAAC;AAClBf,EAAAA,KADkB;AAElBW,EAAAA;AAFkB,CAAD,KAIjBA,OAAO,KAAK,MAAZ,IACA,gBAAI;AACN,+BAA+BX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACvD,kCAAkCb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AAC1D,GARA;;AAUA,MAAMG,WAAW,GAAG,CAAC;AACnBhB,EAAAA,KADmB;AAEnBW,EAAAA;AAFmB,CAAD,KAIlBA,OAAO,KAAK,OAAZ,IACA,gBAAI;AACN,8BAA8BX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACtD,iCAAiCb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACzD,GARA;;AAUA,MAAMI,oBAAoB,GAAG,qBAAOC,iBAAP,CAAkC;AAC/D,sBAAsB,CAAC;AAAElB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACE,aAAN,CAAoBiB,YAAa;AACtE,gBAAgB,CAAC;AAAEnB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACoB,OAAN,CAAcC,IAAK;AAClD;AACA,CAJA;AAMO,MAAMC,gBAAgB,GAAG,qBAAOL,oBAAP,EAC9BM,KAAK,IAAI,gBAAI;AACf,MAAMxB,cAAc,CAACwB,KAAD,CAAQ;AAC5B,MAAMb,SAAS,CAACa,KAAD,CAAQ;AACvB,IAAIT,YAAY,CAACS,KAAD,CAAQ;AACxB,IAAIR,UAAU,CAACQ,KAAD,CAAQ;AACtB,IAAIP,WAAW,CAACO,KAAD,CAAQ;AACvB,GAPgC,CAAzB","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"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["elevatedStyles","theme","css","shadowColor","miscellaneous","shadow","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","topStyles","variant","borderRadius","deca","bottomStyles","leftStyles","rightStyles","StyledBoxContentBase","styled","View","surfaceColor","spacing","kilo","StyledBoxContent","props"],"sources":["../../../../src/components/atoms/BoxContent/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { BoxContentProps } from './BoxContent';\n\nexport const elevatedStyles = ({ theme }: Partial<StyleProps>) => [\n  css({\n    shadowColor: theme?.miscellaneous.shadow,\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.25,\n    shadowRadius: 3.84,\n    elevation: 5,\n  }),\n];\n\nconst topStyles = ({ theme, variant }: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'top' &&\n  css`\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst bottomStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'bottom' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-top-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst leftStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'left' &&\n  css`\n    border-top-right-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst rightStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'right' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n  `;\n\nconst StyledBoxContentBase = styled(View)<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  min-height: ${({ theme }) => theme.spacing.kilo};\n  overflow: hidden;\n`;\n\nexport const StyledBoxContent = styled(StyledBoxContentBase)(\n  props => css`\n    ${elevatedStyles(props)}\n    ${topStyles(props)}\n  ${bottomStyles(props)}\n  ${leftStyles(props)}\n  ${rightStyles(props)}\n  `\n);\n"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAGO,MAAMA,cAAc,GAAG,CAAC;EAAEC;AAAF,CAAD,KAAoC,CAChE,IAAAC,WAAA,EAAI;EACFC,WAAW,EAAEF,KAAF,oBAAEA,KAAK,CAAEG,aAAP,CAAqBC,MADhC;EAEFC,YAAY,EAAE;IAAEC,KAAK,EAAE,CAAT;IAAYC,MAAM,EAAE;EAApB,CAFZ;EAGFC,aAAa,EAAE,IAHb;EAIFC,YAAY,EAAE,IAJZ;EAKFC,SAAS,EAAE;AALT,CAAJ,CADgE,CAA3D;;;;AAUP,MAAMC,SAAS,GAAG,CAAC;EAAEX,KAAF;EAASY;AAAT,CAAD,KAChBA,OAAO,KAAK,KAAZ,IACA,IAAAX,WAAA,CAAI;AACN,iCAAiCD,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACzD,kCAAkCd,KAAK,CAACa,YAAN,CAAmBC,IAAK;AAC1D,GALA;;AAOA,MAAMC,YAAY,GAAG,CAAC;EACpBf,KADoB;EAEpBY;AAFoB,CAAD,KAInBA,OAAO,KAAK,QAAZ,IACA,IAAAX,WAAA,CAAI;AACN,8BAA8BD,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACtD,+BAA+Bd,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACvD,GARA;;AAUA,MAAME,UAAU,GAAG,CAAC;EAClBhB,KADkB;EAElBY;AAFkB,CAAD,KAIjBA,OAAO,KAAK,MAAZ,IACA,IAAAX,WAAA,CAAI;AACN,+BAA+BD,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACvD,kCAAkCd,KAAK,CAACa,YAAN,CAAmBC,IAAK;AAC1D,GARA;;AAUA,MAAMG,WAAW,GAAG,CAAC;EACnBjB,KADmB;EAEnBY;AAFmB,CAAD,KAIlBA,OAAO,KAAK,OAAZ,IACA,IAAAX,WAAA,CAAI;AACN,8BAA8BD,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACtD,iCAAiCd,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACzD,GARA;;AAUA,MAAMI,oBAAoB,GAAG,IAAAC,eAAA,EAAOC,iBAAP,CAAkC;AAC/D,sBAAsB,CAAC;EAAEpB;AAAF,CAAD,KAAeA,KAAK,CAACG,aAAN,CAAoBkB,YAAa;AACtE,gBAAgB,CAAC;EAAErB;AAAF,CAAD,KAAeA,KAAK,CAACsB,OAAN,CAAcC,IAAK;AAClD;AACA,CAJA;AAMO,MAAMC,gBAAgB,GAAG,IAAAL,eAAA,EAAOD,oBAAP,EAC9BO,KAAK,IAAI,IAAAxB,WAAA,CAAI;AACf,MAAMF,cAAc,CAAC0B,KAAD,CAAQ;AAC5B,MAAMd,SAAS,CAACc,KAAD,CAAQ;AACvB,IAAIV,YAAY,CAACU,KAAD,CAAQ;AACxB,IAAIT,UAAU,CAACS,KAAD,CAAQ;AACtB,IAAIR,WAAW,CAACQ,KAAD,CAAQ;AACvB,GAPgC,CAAzB"}

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

@@ -11,7 +11,7 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Button = ({
   children,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":["Button","children","style","color","variant","tone","state","loadingComponent","errorComponent","successComponent","size","frozen","disabled","rest","theme","_frozen","_color","_surfaceColor","light"],"mappings":";;;;;AAAA;;AACA;;AAYA;;;;;;AA2BA,MAAMA,MAAuB,GAAG,CAAC;AAC/BC,EAAAA,QAD+B;AAE/BC,EAAAA,KAF+B;AAG/BC,EAAAA,KAAK,GAAG,SAHuB;AAI/BC,EAAAA,OAAO,GAAG,QAJqB;AAK/BC,EAAAA,IAAI,GAAG,QALwB;AAM/BC,EAAAA,KAAK,GAAG,SANuB;AAO/BC,EAAAA,gBAP+B;AAQ/BC,EAAAA,cAR+B;AAS/BC,EAAAA,gBAT+B;AAU/BC,EAAAA,IAV+B;AAW/BC,EAAAA,MAX+B;AAY/BC,EAAAA,QAZ+B;AAa/B,KAAGC;AAb4B,CAAD,KAcb;AACjB,QAAMC,KAAK,GAAG,sBAAd;;AACA,QAAMC,OAAO,GAAGJ,MAAM,IAAIL,KAAK,KAAK,SAApC;;AACA,MAAIU,MAAJ;;AACA,UAAQV,KAAR;AACE,SAAK,OAAL;AACEU,MAAAA,MAAM,GAAG,OAAT;AACA;;AAEF,SAAK,SAAL;AACEA,MAAAA,MAAM,GAAG,SAAT;AACA;;AAEF;AACEA,MAAAA,MAAM,GAAGb,KAAT;AACA;AAXJ;;AAcA,MAAIc,aAAJ;;AACA,MAAIb,OAAO,KAAK,QAAhB,EAA0B;AACxBa,IAAAA,aAAa,GAAGH,KAAK,CAACX,KAAN,CAAYa,MAAZ,EAAoBX,IAApB,CAAhB;AACD;;AAED,MAAIO,QAAJ,EAAc;AACZK,IAAAA,aAAa,GAAGH,KAAK,CAACX,KAAN,CAAYa,MAAZ,EAAoBE,KAApC;AACD;;AAED,SACE,8BAAC,oBAAD,eACML,IADN;AAEE,IAAA,iBAAiB,EAAC,QAFpB;AAGE,IAAA,KAAK,EAAEX,KAHT;AAIE,IAAA,KAAK,EAAEc,MAJT;AAKE,IAAA,IAAI,EAAEX,IALR;AAME,IAAA,YAAY,EAAEY,aANhB;AAOE,IAAA,OAAO,EAAEb,OAPX;AAQE,IAAA,IAAI,EAAEM,IARR;AASE,IAAA,QAAQ,EAAEK,OAAO,IAAIH,QATvB;AAUE,IAAA,MAAM,EAAEA;AAVV,MAYGN,KAAK,KAAK,SAAV,IAAuBC,gBAZ1B,EAaGD,KAAK,KAAK,OAAV,IAAqBE,cAbxB,EAcGF,KAAK,KAAK,SAAV,IAAuBG,gBAd1B,EAeGH,KAAK,KAAK,SAAV,IAAuBL,QAf1B,CADF;AAmBD,CA5DD;;eA8DeD,M","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"],"file":"Button.js"}
+{"version":3,"file":"Button.js","names":["Button","children","style","color","variant","tone","state","loadingComponent","errorComponent","successComponent","size","frozen","disabled","rest","theme","useTheme","_frozen","_color","_surfaceColor","light"],"sources":["../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n  BorderRadiusType,\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  ThemeProp,\n  VariantType,\n} from '../../../types/defaults';\nimport { PressableSurfaceProps } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { StyledButton } from './styled';\n\nexport type ButtonSizeType = 'small' | 'default';\n\nexport type ButtonStateType = 'loading' | 'error' | 'success' | 'default';\n\nexport interface ButtonStateProps {\n  buttonSize?: ButtonSizeType;\n  fontColor?: FontColorType;\n  textComponent?: React.FC<TextProps>;\n  text?: string;\n}\n\nexport interface ButtonProps extends PressableSurfaceProps {\n  style?: StyleProp<ViewStyle>;\n  color?: ColorType;\n  variant?: VariantType;\n  tone?: ColorGradationType;\n  frozen?: boolean | null;\n  borderRadius?: BorderRadiusType;\n  size?: ButtonSizeType;\n  state?: ButtonStateType;\n  loadingComponent?: JSX.Element;\n  errorComponent?: JSX.Element;\n  successComponent?: JSX.Element;\n}\n\nconst Button: FC<ButtonProps> = ({\n  children,\n  style,\n  color = 'primary',\n  variant = 'filled',\n  tone = 'medium',\n  state = 'default',\n  loadingComponent,\n  errorComponent,\n  successComponent,\n  size,\n  frozen,\n  disabled,\n  ...rest\n}): JSX.Element => {\n  const theme = useTheme() as ThemeProp;\n  const _frozen = frozen || state === 'loading';\n  let _color: ColorType;\n  switch (state) {\n    case 'error':\n      _color = 'error';\n      break;\n\n    case 'success':\n      _color = 'success';\n      break;\n\n    default:\n      _color = color;\n      break;\n  }\n\n  let _surfaceColor;\n  if (variant === 'filled') {\n    _surfaceColor = theme.color[_color][tone];\n  }\n\n  if (disabled) {\n    _surfaceColor = theme.color[_color].light;\n  }\n\n  return (\n    <StyledButton\n      {...rest}\n      accessibilityRole=\"button\"\n      style={style}\n      color={_color}\n      tone={tone}\n      surfaceColor={_surfaceColor}\n      variant={variant}\n      size={size}\n      disabled={_frozen || disabled}\n      frozen={disabled}\n    >\n      {state === 'loading' && loadingComponent}\n      {state === 'error' && errorComponent}\n      {state === 'success' && successComponent}\n      {state === 'default' && children}\n    </StyledButton>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;AAAA;;AACA;;AAYA;;;;;;AA2BA,MAAMA,MAAuB,GAAG,CAAC;EAC/BC,QAD+B;EAE/BC,KAF+B;EAG/BC,KAAK,GAAG,SAHuB;EAI/BC,OAAO,GAAG,QAJqB;EAK/BC,IAAI,GAAG,QALwB;EAM/BC,KAAK,GAAG,SANuB;EAO/BC,gBAP+B;EAQ/BC,cAR+B;EAS/BC,gBAT+B;EAU/BC,IAV+B;EAW/BC,MAX+B;EAY/BC,QAZ+B;EAa/B,GAAGC;AAb4B,CAAD,KAcb;EACjB,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;;EACA,MAAMC,OAAO,GAAGL,MAAM,IAAIL,KAAK,KAAK,SAApC;;EACA,IAAIW,MAAJ;;EACA,QAAQX,KAAR;IACE,KAAK,OAAL;MACEW,MAAM,GAAG,OAAT;MACA;;IAEF,KAAK,SAAL;MACEA,MAAM,GAAG,SAAT;MACA;;IAEF;MACEA,MAAM,GAAGd,KAAT;MACA;EAXJ;;EAcA,IAAIe,aAAJ;;EACA,IAAId,OAAO,KAAK,QAAhB,EAA0B;IACxBc,aAAa,GAAGJ,KAAK,CAACX,KAAN,CAAYc,MAAZ,EAAoBZ,IAApB,CAAhB;EACD;;EAED,IAAIO,QAAJ,EAAc;IACZM,aAAa,GAAGJ,KAAK,CAACX,KAAN,CAAYc,MAAZ,EAAoBE,KAApC;EACD;;EAED,OACE,8BAAC,oBAAD,eACMN,IADN;IAEE,iBAAiB,EAAC,QAFpB;IAGE,KAAK,EAAEX,KAHT;IAIE,KAAK,EAAEe,MAJT;IAKE,IAAI,EAAEZ,IALR;IAME,YAAY,EAAEa,aANhB;IAOE,OAAO,EAAEd,OAPX;IAQE,IAAI,EAAEM,IARR;IASE,QAAQ,EAAEM,OAAO,IAAIJ,QATvB;IAUE,MAAM,EAAEA;EAVV,IAYGN,KAAK,KAAK,SAAV,IAAuBC,gBAZ1B,EAaGD,KAAK,KAAK,OAAV,IAAqBE,cAbxB,EAcGF,KAAK,KAAK,SAAV,IAAuBG,gBAd1B,EAeGH,KAAK,KAAK,SAAV,IAAuBL,QAf1B,CADF;AAmBD,CA5DD;;eA8DeD,M"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Button/States/BaseState.tsx"],"names":["BaseState","textComponent","Text","buttonSize","fontColor","icon","text","typo","iconSize","StyledText"],"mappings":";;;;;AAAA;;AAKA;;AACA;;AAEA;;;;AAMO,MAAMA,SAA6B,GAAG,CAAC;AAC5CC,EAAAA,aAAa,GAAGC,UAD4B;AAE5CC,EAAAA,UAAU,GAAG,SAF+B;AAG5CC,EAAAA,SAAS,GAAG,OAHgC;AAI5CC,EAAAA,IAJ4C;AAK5CC,EAAAA;AAL4C,CAAD,KAMvC;AACJ,QAAMC,IAA6B,GACjCJ,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,KADtC;AAEA,QAAMK,QAAsB,GAAGL,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,OAAnE;AACA,QAAMM,UAAU,GAAG,iCAAoBR,aAApB,CAAnB;AACA,SACE,4DACE,6BAAC,UAAD;AAAM,IAAA,IAAI,EAAEI,IAAZ;AAAkB,IAAA,IAAI,EAAC,SAAvB;AAAiC,IAAA,SAAS,EAAED,SAA5C;AAAuD,IAAA,IAAI,EAAEI;AAA7D,IADF,EAEGF,IAAI,IACH,6BAAC,UAAD;AAAY,IAAA,UAAU,EAAEC,IAAxB;AAA8B,IAAA,UAAU,EAAC,MAAzC;AAAgD,IAAA,SAAS,EAAEH;AAA3D,KACGE,IADH,CAHJ,CADF;AAUD,CArBM;;;eAuBQN,S","sourcesContent":["import React, { FC } from 'react';\nimport {\n  IconSizeType,\n  TypographyVariationType,\n} from '../../../../types/defaults';\nimport { Icon } from '../../Icon';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton } from './styled';\n\nexport interface BaseStateProps extends ButtonStateProps {\n  icon: string;\n}\n\nexport const BaseState: FC<BaseStateProps> = ({\n  textComponent = Text,\n  buttonSize = 'default',\n  fontColor = 'light',\n  icon,\n  text,\n}) => {\n  const typo: TypographyVariationType =\n    buttonSize === 'default' ? 'base' : 'sub';\n  const iconSize: IconSizeType = buttonSize === 'default' ? 'deca' : 'centi';\n  const StyledText = getStyledTextButton(textComponent);\n  return (\n    <>\n      <Icon name={icon} type=\"ionicon\" fontColor={fontColor} size={iconSize} />\n      {text && (\n        <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n          {text}\n        </StyledText>\n      )}\n    </>\n  );\n};\n\nexport default BaseState;\n"],"file":"BaseState.js"}
+{"version":3,"file":"BaseState.js","names":["BaseState","textComponent","Text","buttonSize","fontColor","icon","text","typo","iconSize","StyledText","getStyledTextButton"],"sources":["../../../../../src/components/atoms/Button/States/BaseState.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  IconSizeType,\n  TypographyVariationType,\n} from '../../../../types/defaults';\nimport { Icon } from '../../Icon';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton } from './styled';\n\nexport interface BaseStateProps extends ButtonStateProps {\n  icon: string;\n}\n\nexport const BaseState: FC<BaseStateProps> = ({\n  textComponent = Text,\n  buttonSize = 'default',\n  fontColor = 'light',\n  icon,\n  text,\n}) => {\n  const typo: TypographyVariationType =\n    buttonSize === 'default' ? 'base' : 'sub';\n  const iconSize: IconSizeType = buttonSize === 'default' ? 'deca' : 'centi';\n  const StyledText = getStyledTextButton(textComponent);\n  return (\n    <>\n      <Icon name={icon} type=\"ionicon\" fontColor={fontColor} size={iconSize} />\n      {text && (\n        <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n          {text}\n        </StyledText>\n      )}\n    </>\n  );\n};\n\nexport default BaseState;\n"],"mappings":";;;;;AAAA;;AAKA;;AACA;;AAEA;;;;AAMO,MAAMA,SAA6B,GAAG,CAAC;EAC5CC,aAAa,GAAGC,UAD4B;EAE5CC,UAAU,GAAG,SAF+B;EAG5CC,SAAS,GAAG,OAHgC;EAI5CC,IAJ4C;EAK5CC;AAL4C,CAAD,KAMvC;EACJ,MAAMC,IAA6B,GACjCJ,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,KADtC;EAEA,MAAMK,QAAsB,GAAGL,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,OAAnE;EACA,MAAMM,UAAU,GAAG,IAAAC,2BAAA,EAAoBT,aAApB,CAAnB;EACA,OACE,4DACE,6BAAC,UAAD;IAAM,IAAI,EAAEI,IAAZ;IAAkB,IAAI,EAAC,SAAvB;IAAiC,SAAS,EAAED,SAA5C;IAAuD,IAAI,EAAEI;EAA7D,EADF,EAEGF,IAAI,IACH,6BAAC,UAAD;IAAY,UAAU,EAAEC,IAAxB;IAA8B,UAAU,EAAC,MAAzC;IAAgD,SAAS,EAAEH;EAA3D,GACGE,IADH,CAHJ,CADF;AAUD,CArBM;;;eAuBQN,S"}

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

@@ -9,7 +9,7 @@ var _BaseState = require("./BaseState");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Error = props => {
   return _react.default.createElement(_BaseState.BaseState, _extends({}, props, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Button/States/Error.tsx"],"names":["Error","props"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,KAA2B,GAAGC,KAAK,IAAI;AAClD,SAAO,6BAAC,oBAAD,eAAeA,KAAf;AAAsB,IAAA,IAAI,EAAC;AAA3B,KAAP;AACD,CAFM;;;eAIQD,K","sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { BaseState } from './BaseState';\n\nexport const Error: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"close-circle-outline\" />;\n};\n\nexport default Error;\n"],"file":"Error.js"}
+{"version":3,"file":"Error.js","names":["Error","props"],"sources":["../../../../../src/components/atoms/Button/States/Error.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { BaseState } from './BaseState';\n\nexport const Error: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"close-circle-outline\" />;\n};\n\nexport default Error;\n"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,KAA2B,GAAGC,KAAK,IAAI;EAClD,OAAO,6BAAC,oBAAD,eAAeA,KAAf;IAAsB,IAAI,EAAC;EAA3B,GAAP;AACD,CAFM;;;eAIQD,K"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Button/States/Loading.tsx"],"names":["Loading","text","textComponent","Text","fontColor","buttonSize","theme","typo","StyledText","font","color"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AAEA;;;;AAEO,MAAMA,OAA6B,GAAG,CAAC;AAC5CC,EAAAA,IAD4C;AAE5CC,EAAAA,aAAa,GAAGC,UAF4B;AAG5CC,EAAAA,SAAS,GAAG,OAHgC;AAI5CC,EAAAA,UAAU,GAAG;AAJ+B,CAAD,KAKvC;AACJ,QAAMC,KAAK,GAAG,sBAAd;AACA,QAAMC,IAA6B,GACjCF,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,KADtC;AAEA,QAAMG,UAAU,GAAG,iCAAoBN,aAApB,CAAnB;AACA,SACE,8DACE,8BAAC,uBAAD;AACE,IAAA,KAAK,EAAEI,KAAK,CAACG,IAAN,CAAWC,KAAX,CAAiBN,SAAjB,CADT;AAEE,IAAA,UAAU,EAAEC;AAFd,IADF,EAKGJ,IAAI,IACH,8BAAC,UAAD;AAAY,IAAA,UAAU,EAAEM,IAAxB;AAA8B,IAAA,UAAU,EAAC,MAAzC;AAAgD,IAAA,SAAS,EAAEH;AAA3D,KACGH,IADH,CANJ,CADF;AAaD,CAvBM;;;eAyBQD,O","sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { ThemeProp, TypographyVariationType } from '../../../../types/defaults';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton, StyledIndicator } from './styled';\n\nexport const Loading: FC<ButtonStateProps> = ({\n  text,\n  textComponent = Text,\n  fontColor = 'light',\n  buttonSize = 'default',\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const typo: TypographyVariationType =\n    buttonSize === 'default' ? 'base' : 'sub';\n  const StyledText = getStyledTextButton(textComponent);\n  return (\n    <>\n      <StyledIndicator\n        color={theme.font.color[fontColor]}\n        buttonSize={buttonSize}\n      />\n      {text && (\n        <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n          {text}\n        </StyledText>\n      )}\n    </>\n  );\n};\n\nexport default Loading;\n"],"file":"Loading.js"}
+{"version":3,"file":"Loading.js","names":["Loading","text","textComponent","Text","fontColor","buttonSize","theme","useTheme","typo","StyledText","getStyledTextButton","font","color"],"sources":["../../../../../src/components/atoms/Button/States/Loading.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { ThemeProp, TypographyVariationType } from '../../../../types/defaults';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton, StyledIndicator } from './styled';\n\nexport const Loading: FC<ButtonStateProps> = ({\n  text,\n  textComponent = Text,\n  fontColor = 'light',\n  buttonSize = 'default',\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const typo: TypographyVariationType =\n    buttonSize === 'default' ? 'base' : 'sub';\n  const StyledText = getStyledTextButton(textComponent);\n  return (\n    <>\n      <StyledIndicator\n        color={theme.font.color[fontColor]}\n        buttonSize={buttonSize}\n      />\n      {text && (\n        <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n          {text}\n        </StyledText>\n      )}\n    </>\n  );\n};\n\nexport default Loading;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AAEA;;;;AAEO,MAAMA,OAA6B,GAAG,CAAC;EAC5CC,IAD4C;EAE5CC,aAAa,GAAGC,UAF4B;EAG5CC,SAAS,GAAG,OAHgC;EAI5CC,UAAU,GAAG;AAJ+B,CAAD,KAKvC;EACJ,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;EACA,MAAMC,IAA6B,GACjCH,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,KADtC;EAEA,MAAMI,UAAU,GAAG,IAAAC,2BAAA,EAAoBR,aAApB,CAAnB;EACA,OACE,8DACE,8BAAC,uBAAD;IACE,KAAK,EAAEI,KAAK,CAACK,IAAN,CAAWC,KAAX,CAAiBR,SAAjB,CADT;IAEE,UAAU,EAAEC;EAFd,EADF,EAKGJ,IAAI,IACH,8BAAC,UAAD;IAAY,UAAU,EAAEO,IAAxB;IAA8B,UAAU,EAAC,MAAzC;IAAgD,SAAS,EAAEJ;EAA3D,GACGH,IADH,CANJ,CADF;AAaD,CAvBM;;;eAyBQD,O"}

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

@@ -9,7 +9,7 @@ var _BaseState = require("./BaseState");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Success = props => {
   return _react.default.createElement(_BaseState.BaseState, _extends({}, props, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Button/States/Success.tsx"],"names":["Success","props"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,OAA6B,GAAGC,KAAK,IAAI;AACpD,SAAO,6BAAC,oBAAD,eAAeA,KAAf;AAAsB,IAAA,IAAI,EAAC;AAA3B,KAAP;AACD,CAFM;;;eAIQD,O","sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { BaseState } from './BaseState';\n\nexport const Success: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"checkmark-circle-outline\" />;\n};\n\nexport default Success;\n"],"file":"Success.js"}
+{"version":3,"file":"Success.js","names":["Success","props"],"sources":["../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { BaseState } from './BaseState';\n\nexport const Success: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"checkmark-circle-outline\" />;\n};\n\nexport default Success;\n"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,OAA6B,GAAGC,KAAK,IAAI;EACpD,OAAO,6BAAC,oBAAD,eAAeA,KAAf;IAAsB,IAAI,EAAC;EAA3B,GAAP;AACD,CAFM;;;eAIQD,O"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Button/States/index.ts"],"names":[],"mappings":";;;;;AAAA;;;;AACA;;;;AACA","sourcesContent":["export { default as Error } from './Error';\nexport { default as Loading } from './Loading';\nexport { default as Success } from './Success';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"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;;;;AACA;;;;AACA"}

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

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.StyledIndicator = exports.getStyledTextButton = void 0;
+exports.getStyledTextButton = exports.StyledIndicator = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Button/States/styled.ts"],"names":["getStyledTextButton","component","theme","spacing","mili","StyledIndicator","ActivityIndicator","buttonSize","iconSize","deca","centi"],"mappings":";;;;;AAAA;;AAGA;;;;AAIO,MAAMA,mBAAmB,GAAIC,SAAD,IAA8B;AAC/D,SAAO,qBAAOA,SAAP,CAAmE;AAC5E,mBAAmB,CAAC;AAAEC,IAAAA;AAAF,GAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACrD,GAFE;AAGD,CAJM;;;AAMA,MAAMC,eAAe,GAAG,qBAAOC,8BAAP,CAE7B;AACF,WAAW,CAAC;AAAEJ,EAAAA,KAAF;AAASK,EAAAA;AAAT,CAAD,KACPA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KAAM;AAC1E,YAAY,CAAC;AAAER,EAAAA,KAAF;AAASK,EAAAA;AAAT,CAAD,KACRA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KAAM;AAC1E,eAAe,CAAC;AAAEH,EAAAA;AAAF,CAAD,KACXA,UAAU,KAAK,SAAf,GAA2B,UAA3B,GAAwC,WAAY;AACxD,CATO","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"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["getStyledTextButton","component","styled","theme","spacing","mili","StyledIndicator","ActivityIndicator","buttonSize","iconSize","deca","centi"],"sources":["../../../../../src/components/atoms/Button/States/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { FC } from 'react';\nimport { ActivityIndicator } from 'react-native';\nimport { TextProps } from '../../Text';\nimport { ButtonStateProps } from '../Button';\n\nexport const getStyledTextButton = (component: FC<TextProps>) => {\n  return styled(component)<Partial<ButtonStateProps> & Partial<StyleProps>>`\n    margin-left: ${({ theme }) => theme.spacing.mili};\n  `;\n};\n\nexport const StyledIndicator = styled(ActivityIndicator)<\n  Partial<ButtonStateProps> & Partial<StyleProps>\n>`\n  width: ${({ theme, buttonSize }) =>\n    buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n  height: ${({ theme, buttonSize }) =>\n    buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n  transform: ${({ buttonSize }) =>\n    buttonSize === 'default' ? 'scale(1)' : 'scale(.8)'};\n`;\n"],"mappings":";;;;;AAAA;;AAGA;;;;AAIO,MAAMA,mBAAmB,GAAIC,SAAD,IAA8B;EAC/D,OAAO,IAAAC,eAAA,EAAOD,SAAP,CAAmE;AAC5E,mBAAmB,CAAC;IAAEE;EAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACrD,GAFE;AAGD,CAJM;;;AAMA,MAAMC,eAAe,GAAG,IAAAJ,eAAA,EAAOK,8BAAP,CAE7B;AACF,WAAW,CAAC;EAAEJ,KAAF;EAASK;AAAT,CAAD,KACPA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KAAM;AAC1E,YAAY,CAAC;EAAER,KAAF;EAASK;AAAT,CAAD,KACRA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KAAM;AAC1E,eAAe,CAAC;EAAEH;AAAF,CAAD,KACXA,UAAU,KAAK,SAAf,GAA2B,UAA3B,GAAwC,WAAY;AACxD,CATO"}

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

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Loading = exports.Success = exports.Error = exports.ButtonStateProps = exports.ButtonStateType = exports.ButtonSizeType = exports.ButtonProps = exports.Button = void 0;
+exports.Success = exports.Loading = exports.Error = exports.ButtonStateType = exports.ButtonStateProps = exports.ButtonSizeType = exports.ButtonProps = exports.Button = void 0;
 
 var _Button = _interopRequireWildcard(require("./Button"));
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Button/index.ts"],"names":[],"mappings":";;;;;AAAA;;;;;;;;AAOA","sourcesContent":["export {\n  default as Button,\n  ButtonProps,\n  ButtonSizeType,\n  ButtonStateType,\n  ButtonStateProps,\n} from './Button';\nexport { Error, Success, Loading } from './States';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Button/index.ts"],"sourcesContent":["export {\n  default as Button,\n  ButtonProps,\n  ButtonSizeType,\n  ButtonStateType,\n  ButtonStateProps,\n} from './Button';\nexport { Error, Success, Loading } from './States';\n"],"mappings":";;;;;AAAA;;;;;;;;AAOA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Button/styled.ts"],"names":["outlineVariant","theme","color","variant","tone","borderWidth","pico","sizeStyles","size","spacing","mili","deca","kilo","StyledButtonBase","PressableSurface","borderRadius","StyledButton","props"],"mappings":";;;;;AAAA;;AAEA;;AACA;;;;;;AAGA,MAAMA,cAAc,GAAG,CAAC;AACtBC,EAAAA,KADsB;AAEtBC,EAAAA,KAAK,GAAG,SAFc;AAGtBC,EAAAA,OAHsB;AAItBC,EAAAA,IAAI,GAAG;AAJe,CAAD,KAMrBD,OAAO,KAAK,UAAZ,IACA,gBAAI;AACN,oBAAoBF,KAAK,CAACC,KAAN,CAAYA,KAAZ,EAAmBE,IAAnB,CAAyB;AAC7C,oBAAoBH,KAAK,CAACI,WAAN,CAAkBC,IAAK;AAC3C,GAVA;;AAYA,MAAMC,UAAU,GAAG,CAAC;AAAEN,EAAAA,KAAF;AAASO,EAAAA,IAAI,GAAG;AAAhB,CAAD,KAA2D;AAC5E,UAAQA,IAAR;AACE,SAAK,OAAL;AACE,aAAO,gBAAI;AACjB,mBAAmBP,KAAK,CAACQ,OAAN,CAAcC,IAAK,IAAGT,KAAK,CAACQ,OAAN,CAAcE,IAAK;AAC5D,sBAAsB,uBAAW,MAAX,CAAmB;AACzC,OAHM;;AAIF;AACE,aAAO,gBAAI;AACjB,mBAAmBV,KAAK,CAACQ,OAAN,CAAcC,IAAK,IAAGT,KAAK,CAACQ,OAAN,CAAcG,IAAK;AAC5D,sBAAsB,uBAAW,MAAX,CAAmB;AACzC,OAHM;AAPJ;AAYD,CAbD;;AAeA,MAAMC,gBAAgB,GAAG,qBAAOC,kCAAP,CAEvB;AACF,mBAAmB,CAAC;AAAEb,EAAAA,KAAF;AAASc,EAAAA,YAAY,GAAG;AAAxB,CAAD,KACfd,KAAK,CAACc,YAAN,CAAmBA,YAAnB,CAAiC;AACrC;AACA;AACA;AACA,CARA;AAUO,MAAMC,YAAY,GAAG,qBAAOH,gBAAP,EAG1BI,KAAK,IAAI,gBAAI;AACf,MAAMjB,cAAc,CAACiB,KAAD,CAAQ;AAC5B,MAAMV,UAAU,CAACU,KAAD,CAAQ;AACxB,GAN4B,CAArB","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"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["outlineVariant","theme","color","variant","tone","css","borderWidth","pico","sizeStyles","size","spacing","mili","deca","RFValueStr","kilo","StyledButtonBase","styled","PressableSurface","borderRadius","StyledButton","props"],"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"],"mappings":";;;;;AAAA;;AAEA;;AACA;;;;;;AAGA,MAAMA,cAAc,GAAG,CAAC;EACtBC,KADsB;EAEtBC,KAAK,GAAG,SAFc;EAGtBC,OAHsB;EAItBC,IAAI,GAAG;AAJe,CAAD,KAMrBD,OAAO,KAAK,UAAZ,IACA,IAAAE,WAAA,CAAI;AACN,oBAAoBJ,KAAK,CAACC,KAAN,CAAYA,KAAZ,EAAmBE,IAAnB,CAAyB;AAC7C,oBAAoBH,KAAK,CAACK,WAAN,CAAkBC,IAAK;AAC3C,GAVA;;AAYA,MAAMC,UAAU,GAAG,CAAC;EAAEP,KAAF;EAASQ,IAAI,GAAG;AAAhB,CAAD,KAA2D;EAC5E,QAAQA,IAAR;IACE,KAAK,OAAL;MACE,OAAO,IAAAJ,WAAA,CAAI;AACjB,mBAAmBJ,KAAK,CAACS,OAAN,CAAcC,IAAK,IAAGV,KAAK,CAACS,OAAN,CAAcE,IAAK;AAC5D,sBAAsB,IAAAC,iBAAA,EAAW,MAAX,CAAmB;AACzC,OAHM;;IAIF;MACE,OAAO,IAAAR,WAAA,CAAI;AACjB,mBAAmBJ,KAAK,CAACS,OAAN,CAAcC,IAAK,IAAGV,KAAK,CAACS,OAAN,CAAcI,IAAK;AAC5D,sBAAsB,IAAAD,iBAAA,EAAW,MAAX,CAAmB;AACzC,OAHM;EAPJ;AAYD,CAbD;;AAeA,MAAME,gBAAgB,GAAG,IAAAC,eAAA,EAAOC,kCAAP,CAEvB;AACF,mBAAmB,CAAC;EAAEhB,KAAF;EAASiB,YAAY,GAAG;AAAxB,CAAD,KACfjB,KAAK,CAACiB,YAAN,CAAmBA,YAAnB,CAAiC;AACrC;AACA;AACA;AACA,CARA;AAUO,MAAMC,YAAY,GAAG,IAAAH,eAAA,EAAOD,gBAAP,EAG1BK,KAAK,IAAI,IAAAf,WAAA,CAAI;AACf,MAAML,cAAc,CAACoB,KAAD,CAAQ;AAC5B,MAAMZ,UAAU,CAACY,KAAD,CAAQ;AACxB,GAN4B,CAArB"}

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

@@ -11,7 +11,7 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Card = ({
   children,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Card/Card.tsx"],"names":["Card","children","elevated","onPress","rest"],"mappings":";;;;;AACA;;AAEA;;AACA;;;;;;AASA,MAAMA,IAAmB,GAAG,CAAC;AAC3BC,EAAAA,QAD2B;AAE3BC,EAAAA,QAAQ,GAAG,KAFgB;AAG3BC,EAAAA,OAH2B;AAI3B,KAAGC;AAJwB,CAAD,KAKT;AACjB,MAAID,OAAJ,EAAa;AACX,WACE,6BAAC,kBAAD,eAAgBC,IAAhB;AAAsB,MAAA,QAAQ,EAAEF,QAAhC;AAA0C,MAAA,OAAO,EAAEC;AAAnD,QACGF,QADH,CADF;AAKD;;AAED,SACE,6BAAC,YAAD,eAAWG,IAAX;AAAiB,IAAA,QAAQ,EAAEF;AAA3B,MACGD,QADH,CADF;AAKD,CAnBD;;eAqBeD,I","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"],"file":"Card.js"}
+{"version":3,"file":"Card.js","names":["Card","children","elevated","onPress","rest"],"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"],"mappings":";;;;;AACA;;AAEA;;AACA;;;;;;AASA,MAAMA,IAAmB,GAAG,CAAC;EAC3BC,QAD2B;EAE3BC,QAAQ,GAAG,KAFgB;EAG3BC,OAH2B;EAI3B,GAAGC;AAJwB,CAAD,KAKT;EACjB,IAAID,OAAJ,EAAa;IACX,OACE,6BAAC,kBAAD,eAAgBC,IAAhB;MAAsB,QAAQ,EAAEF,QAAhC;MAA0C,OAAO,EAAEC;IAAnD,IACGF,QADH,CADF;EAKD;;EAED,OACE,6BAAC,YAAD,eAAWG,IAAX;IAAiB,QAAQ,EAAEF;EAA3B,IACGD,QADH,CADF;AAKD,CAnBD;;eAqBeD,I"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Card/Footer/Footer.tsx"],"names":["Footer","children","style"],"mappings":";;;;;AAAA;;AACA;;;;AAMA,MAAMA,MAAuB,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAAD,KAC9B,6BAAC,iBAAD;AAAM,EAAA,KAAK,EAAEA;AAAb,GAAqBD,QAArB,CADF;;eAIeD,M","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"],"file":"Footer.js"}
+{"version":3,"file":"Footer.js","names":["Footer","children","style"],"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"],"mappings":";;;;;AAAA;;AACA;;;;AAMA,MAAMA,MAAuB,GAAG,CAAC;EAAEC,QAAF;EAAYC;AAAZ,CAAD,KAC9B,6BAAC,iBAAD;EAAM,KAAK,EAAEA;AAAb,GAAqBD,QAArB,CADF;;eAIeD,M"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Card/Footer/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Footer, FooterProps } from './Footer';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/atoms/Card/Footer/index.ts"],"sourcesContent":["export { default as Footer, FooterProps } from './Footer';\n"],"mappings":";;;;;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Card/Header/Header.tsx"],"names":["Header","children","style"],"mappings":";;;;;AAAA;;AACA;;;;AAMA,MAAMA,MAAuB,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAAD,KAC9B,6BAAC,iBAAD;AAAM,EAAA,KAAK,EAAEA;AAAb,GAAqBD,QAArB,CADF;;eAIeD,M","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"],"file":"Header.js"}
+{"version":3,"file":"Header.js","names":["Header","children","style"],"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"],"mappings":";;;;;AAAA;;AACA;;;;AAMA,MAAMA,MAAuB,GAAG,CAAC;EAAEC,QAAF;EAAYC;AAAZ,CAAD,KAC9B,6BAAC,iBAAD;EAAM,KAAK,EAAEA;AAAb,GAAqBD,QAArB,CADF;;eAIeD,M"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Card/Header/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Header, HeaderProps } from './Header';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/atoms/Card/Header/index.ts"],"sourcesContent":["export { default as Header, HeaderProps } from './Header';\n"],"mappings":";;;;;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Card/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Card, CardProps } from './Card';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Card/index.ts"],"sourcesContent":["export { default as Card, CardProps } from './Card';\n"],"mappings":";;;;;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Card/styled.ts"],"names":["StyledCard","PressableSurface","props"],"mappings":";;;;;AAAA;;AAEA;;AACA;;;;;;AAEO,MAAMA,UAAU,GAAG,qBAAOC,kCAAP,EAGxBC,KAAK,IAAI,gBAAI;AACf,MAAM,8BAAWA,KAAX,CAAkB;AACxB,MAAM,kCAAeA,KAAf,CAAsB;AAC5B,GAN0B,CAAnB","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { CardProps, StyleProps } from '@tecsinapse/react-core';\nimport { baseStyles, elevatedStyles } from '../shared/PaperAndCard';\nimport { PressableSurface } from '../PressableSurface';\n\nexport const StyledCard = styled(PressableSurface)<\n  CardProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${elevatedStyles(props)}\n  `\n);\n"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["StyledCard","styled","PressableSurface","props","css","baseStyles","elevatedStyles"],"sources":["../../../../src/components/atoms/Card/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { CardProps, StyleProps } from '@tecsinapse/react-core';\nimport { baseStyles, elevatedStyles } from '../shared/PaperAndCard';\nimport { PressableSurface } from '../PressableSurface';\n\nexport const StyledCard = styled(PressableSurface)<\n  CardProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${elevatedStyles(props)}\n  `\n);\n"],"mappings":";;;;;AAAA;;AAEA;;AACA;;;;;;AAEO,MAAMA,UAAU,GAAG,IAAAC,eAAA,EAAOC,kCAAP,EAGxBC,KAAK,IAAI,IAAAC,WAAA,CAAI;AACf,MAAM,IAAAC,wBAAA,EAAWF,KAAX,CAAkB;AACxB,MAAM,IAAAG,4BAAA,EAAeH,KAAf,CAAsB;AAC5B,GAN0B,CAAnB"}

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

@@ -13,7 +13,7 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Checkbox = ({
   children,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Checkbox/Checkbox.tsx"],"names":["Checkbox","children","checked","onChange","color","colorTone","labelPosition","disabled","rest","handleChange"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAuBA,MAAMA,QAA2B,GAAG,CAAC;AACnCC,EAAAA,QADmC;AAEnCC,EAAAA,OAFmC;AAGnCC,EAAAA,QAHmC;AAInCC,EAAAA,KAAK,GAAG,SAJ2B;AAKnCC,EAAAA,SAAS,GAAG,QALuB;AAMnCC,EAAAA,aAAa,GAAG,MANmB;AAOnCC,EAAAA,QAAQ,GAAG,KAPwB;AAQnC,KAAGC;AARgC,CAAD,KAS9B;AACJ,QAAMC,YAAY,GAAG,MAAM;AACzBN,IAAAA,QAAQ,IAAIA,QAAQ,CAAC,CAACD,OAAF,CAApB;AACD,GAFD;;AAIA,SACE,6BAAC,sBAAD,eACMM,IADN;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,IAAA,OAAO,EAAEE,YAHX;AAIE,IAAA,iBAAiB,EAAC;AAJpB,MAME,6BAAC,kBAAD,QACGH,aAAa,KAAK,MAAlB,IAA4BL,QAD/B,EAEGC,OAAO,IACN,6BAAC,sBAAD,QACE,6BAAC,yBAAD;AAAmB,IAAA,KAAK,EAAEE,KAA1B;AAAiC,IAAA,SAAS,EAAEC;AAA5C,KACE,6BAAC,UAAD;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,SAAS,EAAC,OAFZ;AAGE,IAAA,IAAI,EAAC,oBAHP;AAIE,IAAA,IAAI,EAAC;AAJP,IADF,CADF,CAHJ,EAcG,CAACH,OAAD,IACC,6BAAC,sBAAD,QACE,6BAAC,2BAAD;AAAqB,IAAA,KAAK,EAAEE,KAA5B;AAAmC,IAAA,SAAS,EAAEC;AAA9C,KACE,6BAAC,UAAD;AACE,IAAA,IAAI,EAAC,gBADP;AAEE,IAAA,SAAS,EAAC,OAFZ;AAGE,IAAA,IAAI,EAAC,oBAHP;AAIE,IAAA,IAAI,EAAC;AAJP,IADF,CADF,CAfJ,EA0BGC,aAAa,KAAK,OAAlB,IAA6BL,QA1BhC,CANF,CADF;AAqCD,CAnDD;;eAqDeD,Q","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"],"file":"Checkbox.js"}
+{"version":3,"file":"Checkbox.js","names":["Checkbox","children","checked","onChange","color","colorTone","labelPosition","disabled","rest","handleChange"],"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"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAuBA,MAAMA,QAA2B,GAAG,CAAC;EACnCC,QADmC;EAEnCC,OAFmC;EAGnCC,QAHmC;EAInCC,KAAK,GAAG,SAJ2B;EAKnCC,SAAS,GAAG,QALuB;EAMnCC,aAAa,GAAG,MANmB;EAOnCC,QAAQ,GAAG,KAPwB;EAQnC,GAAGC;AARgC,CAAD,KAS9B;EACJ,MAAMC,YAAY,GAAG,MAAM;IACzBN,QAAQ,IAAIA,QAAQ,CAAC,CAACD,OAAF,CAApB;EACD,CAFD;;EAIA,OACE,6BAAC,sBAAD,eACMM,IADN;IAEE,QAAQ,EAAED,QAFZ;IAGE,OAAO,EAAEE,YAHX;IAIE,iBAAiB,EAAC;EAJpB,IAME,6BAAC,kBAAD,QACGH,aAAa,KAAK,MAAlB,IAA4BL,QAD/B,EAEGC,OAAO,IACN,6BAAC,sBAAD,QACE,6BAAC,yBAAD;IAAmB,KAAK,EAAEE,KAA1B;IAAiC,SAAS,EAAEC;EAA5C,GACE,6BAAC,UAAD;IACE,IAAI,EAAC,OADP;IAEE,SAAS,EAAC,OAFZ;IAGE,IAAI,EAAC,oBAHP;IAIE,IAAI,EAAC;EAJP,EADF,CADF,CAHJ,EAcG,CAACH,OAAD,IACC,6BAAC,sBAAD,QACE,6BAAC,2BAAD;IAAqB,KAAK,EAAEE,KAA5B;IAAmC,SAAS,EAAEC;EAA9C,GACE,6BAAC,UAAD;IACE,IAAI,EAAC,gBADP;IAEE,SAAS,EAAC,OAFZ;IAGE,IAAI,EAAC,oBAHP;IAIE,IAAI,EAAC;EAJP,EADF,CADF,CAfJ,EA0BGC,aAAa,KAAK,OAAlB,IAA6BL,QA1BhC,CANF,CADF;AAqCD,CAnDD;;eAqDeD,Q"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Checkbox/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Checkbox, CheckboxProps } from './Checkbox';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Checkbox/index.ts"],"sourcesContent":["export { default as Checkbox, CheckboxProps } from './Checkbox';\n"],"mappings":";;;;;AAAA"}

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

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.ViewStyled = exports.IconViewStyled = exports.IconCheckedStyled = exports.IconUncheckedStyled = void 0;
+exports.ViewStyled = exports.IconViewStyled = exports.IconUncheckedStyled = exports.IconCheckedStyled = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Checkbox/styled.ts"],"names":["IconUncheckedStyled","View","theme","borderRadius","micro","color","colorTone","borderWidth","nano","miscellaneous","surfaceColor","IconCheckedStyled","IconViewStyled","spacing","mili","ViewStyled"],"mappings":";;;;;AAAA;;AACA;;;;AAIO,MAAMA,mBAAmB,GAAG,qBAAOC,iBAAP,CAEjC;AACF,mBAAmB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACC,YAAN,CAAmBC,KAAM;AACvE,kBAAkB,CAAC;AACfF,EAAAA,KADe;AAEfG,EAAAA,KAAK,GAAG,SAFO;AAGfC,EAAAA,SAAS,GAAG;AAHG,CAAD,KAIkBJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAA8B;AAClE,kBAAkB,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACK,WAAN,CAAkBC,IAAK;AACpE,sBAAsB,CAAC;AAAEN,EAAAA;AAAF,CAAD,KAClBA,KAAK,CAACO,aAAN,CAAoBC,YAAa;AACrC,CAZO;;AAcA,MAAMC,iBAAiB,GAAG,qBAAOV,iBAAP,CAE/B;AACF,mBAAmB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACC,YAAN,CAAmBC,KAAM;AACvE,kBAAkB,CAAC;AACfF,EAAAA,KADe;AAEfG,EAAAA,KAAK,GAAG,SAFO;AAGfC,EAAAA,SAAS,GAAG;AAHG,CAAD,KAIkBJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAA8B;AAClE,kBAAkB,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACK,WAAN,CAAkBC,IAAK;AACpE,sBAAsB,CAAC;AACnBN,EAAAA,KADmB;AAEnBG,EAAAA,KAAK,GAAG,SAFW;AAGnBC,EAAAA,SAAS,GAAG;AAHO,CAAD,KAIcJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAA8B;AAClE,CAfO;;AAiBA,MAAMM,cAAc,GAAG,qBAAOX,iBAAP,CAAkC;AAChE,aAAa,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACW,OAAN,CAAcC,IAAK;AAC3D,CAFO;;AAIA,MAAMC,UAAU,GAAG,qBAAOd,iBAAP,CAAa;AACvC;AACA;AACA,CAHO","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"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["IconUncheckedStyled","styled","View","theme","borderRadius","micro","color","colorTone","borderWidth","nano","miscellaneous","surfaceColor","IconCheckedStyled","IconViewStyled","spacing","mili","ViewStyled"],"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"],"mappings":";;;;;AAAA;;AACA;;;;AAIO,MAAMA,mBAAmB,GAAG,IAAAC,eAAA,EAAOC,iBAAP,CAEjC;AACF,mBAAmB,CAAC;EAAEC;AAAF,CAAD,KAA2BA,KAAK,CAACC,YAAN,CAAmBC,KAAM;AACvE,kBAAkB,CAAC;EACfF,KADe;EAEfG,KAAK,GAAG,SAFO;EAGfC,SAAS,GAAG;AAHG,CAAD,KAIkBJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAA8B;AAClE,kBAAkB,CAAC;EAAEJ;AAAF,CAAD,KAA2BA,KAAK,CAACK,WAAN,CAAkBC,IAAK;AACpE,sBAAsB,CAAC;EAAEN;AAAF,CAAD,KAClBA,KAAK,CAACO,aAAN,CAAoBC,YAAa;AACrC,CAZO;;AAcA,MAAMC,iBAAiB,GAAG,IAAAX,eAAA,EAAOC,iBAAP,CAE/B;AACF,mBAAmB,CAAC;EAAEC;AAAF,CAAD,KAA2BA,KAAK,CAACC,YAAN,CAAmBC,KAAM;AACvE,kBAAkB,CAAC;EACfF,KADe;EAEfG,KAAK,GAAG,SAFO;EAGfC,SAAS,GAAG;AAHG,CAAD,KAIkBJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAA8B;AAClE,kBAAkB,CAAC;EAAEJ;AAAF,CAAD,KAA2BA,KAAK,CAACK,WAAN,CAAkBC,IAAK;AACpE,sBAAsB,CAAC;EACnBN,KADmB;EAEnBG,KAAK,GAAG,SAFW;EAGnBC,SAAS,GAAG;AAHO,CAAD,KAIcJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAA8B;AAClE,CAfO;;AAiBA,MAAMM,cAAc,GAAG,IAAAZ,eAAA,EAAOC,iBAAP,CAAkC;AAChE,aAAa,CAAC;EAAEC;AAAF,CAAD,KAA2BA,KAAK,CAACW,OAAN,CAAcC,IAAK;AAC3D,CAFO;;AAIA,MAAMC,UAAU,GAAG,IAAAf,eAAA,EAAOC,iBAAP,CAAa;AACvC;AACA;AACA,CAHO"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Divider/Divider.tsx"],"names":["Divider","children","rest"],"mappings":";;;;;AAAA;;AAEA;;;;AAOA,MAAMA,OAAyB,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,KAA2B;AAC3D,SAAO,6BAAC,qBAAD,EAAmBA,IAAnB,EAA0BD,QAA1B,CAAP;AACD,CAFD;;eAIeD,O","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"],"file":"Divider.js"}
+{"version":3,"file":"Divider.js","names":["Divider","children","rest"],"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"],"mappings":";;;;;AAAA;;AAEA;;;;AAOA,MAAMA,OAAyB,GAAG,CAAC;EAAEC,QAAF;EAAY,GAAGC;AAAf,CAAD,KAA2B;EAC3D,OAAO,6BAAC,qBAAD,EAAmBA,IAAnB,EAA0BD,QAA1B,CAAP;AACD,CAFD;;eAIeD,O"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Divider/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Divider, DividerProps } from './Divider';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Divider/index.ts"],"sourcesContent":["export { default as Divider, DividerProps } from './Divider';\n"],"mappings":";;;;;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Divider/styled.ts"],"names":["topLine","theme","linePosition","noLine","borderWidth","pico","bottomLine","StyledDividerBase","styled","View","color","secondary","xlight","StyledDivider","props"],"mappings":";;;;;AAAA;;;;;;AAIA,MAAMA,OAAO,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,YAAT;AAAuBC,EAAAA;AAAvB,CAAD,KACd,CAACA,MAAD,IACAD,YAAY,KAAK,KADjB,IAEA,gBAAI;AACN,wBAAwBD,KAAK,CAACG,WAAN,CAAkBC,IAAK;AAC/C,GALA;;AAOA,MAAMC,UAAU,GAAG,CAAC;AAClBL,EAAAA,KADkB;AAElBC,EAAAA,YAFkB;AAGlBC,EAAAA;AAHkB,CAAD,KAKjB,CAACA,MAAD,IACAD,YAAY,KAAK,QADjB,IAEA,gBAAI;AACN,2BAA2BD,KAAK,CAACG,WAAN,CAAkBC,IAAK;AAClD,GATA;;AAWA,MAAME,iBAAiB,GAAGC,gBAAOC,IAA0B;AAC3D,kBAAkB,CAAC;AAAER,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACS,KAAN,CAAYC,SAAZ,CAAsBC,MAAO;AAC9D,CAFA;AAIO,MAAMC,aAAa,GAAG,qBAAON,iBAAP,EAG3BO,KAAK,IAAI,gBAAI;AACf,MAAMd,OAAO,CAACc,KAAD,CAAQ;AACrB,MAAMR,UAAU,CAACQ,KAAD,CAAQ;AACxB,GAN6B,CAAtB","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DividerProps } from './Divider';\n\nconst topLine = ({ theme, linePosition, noLine }: DividerProps & StyleProps) =>\n  !noLine &&\n  linePosition === 'top' &&\n  css`\n    border-top-width: ${theme.borderWidth.pico};\n  `;\n\nconst bottomLine = ({\n  theme,\n  linePosition,\n  noLine,\n}: DividerProps & StyleProps) =>\n  !noLine &&\n  linePosition === 'bottom' &&\n  css`\n    border-bottom-width: ${theme.borderWidth.pico};\n  `;\n\nconst StyledDividerBase = styled.View<Partial<StyleProps>>`\n  border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const StyledDivider = styled(StyledDividerBase)<\n  DividerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${topLine(props)}\n    ${bottomLine(props)}\n  `\n);\n"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["topLine","theme","linePosition","noLine","css","borderWidth","pico","bottomLine","StyledDividerBase","styled","View","color","secondary","xlight","StyledDivider","props"],"sources":["../../../../src/components/atoms/Divider/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DividerProps } from './Divider';\n\nconst topLine = ({ theme, linePosition, noLine }: DividerProps & StyleProps) =>\n  !noLine &&\n  linePosition === 'top' &&\n  css`\n    border-top-width: ${theme.borderWidth.pico};\n  `;\n\nconst bottomLine = ({\n  theme,\n  linePosition,\n  noLine,\n}: DividerProps & StyleProps) =>\n  !noLine &&\n  linePosition === 'bottom' &&\n  css`\n    border-bottom-width: ${theme.borderWidth.pico};\n  `;\n\nconst StyledDividerBase = styled.View<Partial<StyleProps>>`\n  border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const StyledDivider = styled(StyledDividerBase)<\n  DividerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${topLine(props)}\n    ${bottomLine(props)}\n  `\n);\n"],"mappings":";;;;;AAAA;;;;;;AAIA,MAAMA,OAAO,GAAG,CAAC;EAAEC,KAAF;EAASC,YAAT;EAAuBC;AAAvB,CAAD,KACd,CAACA,MAAD,IACAD,YAAY,KAAK,KADjB,IAEA,IAAAE,WAAA,CAAI;AACN,wBAAwBH,KAAK,CAACI,WAAN,CAAkBC,IAAK;AAC/C,GALA;;AAOA,MAAMC,UAAU,GAAG,CAAC;EAClBN,KADkB;EAElBC,YAFkB;EAGlBC;AAHkB,CAAD,KAKjB,CAACA,MAAD,IACAD,YAAY,KAAK,QADjB,IAEA,IAAAE,WAAA,CAAI;AACN,2BAA2BH,KAAK,CAACI,WAAN,CAAkBC,IAAK;AAClD,GATA;;AAWA,MAAME,iBAAiB,GAAGC,eAAA,CAAOC,IAA0B;AAC3D,kBAAkB,CAAC;EAAET;AAAF,CAAD,KAAeA,KAAK,CAACU,KAAN,CAAYC,SAAZ,CAAsBC,MAAO;AAC9D,CAFA;AAIO,MAAMC,aAAa,GAAG,IAAAL,eAAA,EAAOD,iBAAP,EAG3BO,KAAK,IAAI,IAAAX,WAAA,CAAI;AACf,MAAMJ,OAAO,CAACe,KAAD,CAAQ;AACrB,MAAMR,UAAU,CAACQ,KAAD,CAAQ;AACxB,GAN6B,CAAtB"}

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

@@ -28,5 +28,5 @@ export interface GroupButtonProps<T> {
     style?: StyleProp<ViewStyle>;
     disableAllOptions?: boolean;
 }
-declare const GroupButton: <T extends unknown>({ style, ...rest }: GroupButtonProps<T>) => JSX.Element;
+declare const GroupButton: <T>({ style, ...rest }: GroupButtonProps<T>) => JSX.Element;
 export default GroupButton;

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

@@ -11,7 +11,7 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const GroupButton = ({
   style,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/GroupButton/GroupButton.tsx"],"names":["GroupButton","style","rest","groupOptions","options","renderOption","renderKey","onChange","value","disableAllOptions","theme","map","option","idx","optionValue","activeStyle","inactiveStyle","activeBackgroundColor","activeBackgroundColorTone","inactiveBackgroundColor","inactiveBackgroundColorTone","disabled","key","active","isFirst","isLast","length","colors","miscellaneous","surfaceColor","color"],"mappings":";;;;;AAAA;;AACA;;AAQA;;;;;;AAqCA,MAAMA,WAAW,GAAG,CAAoB;AACtCC,EAAAA,KADsC;AAEtC,KAAGC;AAFmC,CAApB,KAGO;AACzB,SACE,8BAAC,yBAAD;AAAmB,IAAA,KAAK,EAAED;AAA1B,KAAkCE,YAAY,CAACD,IAAD,CAA9C,CADF;AAGD,CAPD;;AASA,MAAMC,YAAY,GAAG,CAAoB;AACvCC,EAAAA,OADuC;AAEvCC,EAAAA,YAFuC;AAGvCC,EAAAA,SAHuC;AAIvCC,EAAAA,QAJuC;AAKvCC,EAAAA,KALuC;AAMvCC,EAAAA,iBANuC;AAOvC,KAAGP;AAPoC,CAApB,KAQe;AAClC,QAAMQ,KAAK,GAAG,sBAAd;AACA,SAAON,OAAP,oBAAOA,OAAO,CAAEO,GAAT,CAAa,CAACC,MAAD,EAASC,GAAT,KAAiB;AAAA;;AACnC,UAAM;AACJL,MAAAA,KAAK,EAAEM,WADH;AAEJV,MAAAA,OAAO,EAAE;AACPW,QAAAA,WADO;AAEPC,QAAAA,aAFO;AAGPC,QAAAA,qBAHO;AAIPC,QAAAA,yBAJO;AAKPC,QAAAA,uBALO;AAMPC,QAAAA,2BANO;AAOPC,QAAAA,QAAQ,GAAGZ,iBAAiB,wBAAIG,MAAM,CAACR,OAAX,qBAAI,gBAAgBiB,QAApB;AAPrB,UAQL;AAVA,QAWFT,MAXJ;AAaA,UAAMU,GAAG,GAAGhB,SAAH,oBAAGA,SAAS,CAAGQ,WAAH,CAArB;AACA,UAAMS,MAAM,GAAGD,GAAG,MAAKhB,SAAL,oBAAKA,SAAS,CAAGE,KAAH,CAAd,CAAlB;AACA,UAAMgB,OAAO,GAAGX,GAAG,KAAK,CAAxB;AACA,UAAMY,MAAM,GAAGZ,GAAG,KAAKT,OAAO,CAACsB,MAAR,GAAiB,CAAxC;AAEA,QAAIC,MAAM,GAAGjB,KAAK,CAACkB,aAAN,CAAoBC,YAAjC;;AACA,QAAIN,MAAJ,EAAY;AACVI,MAAAA,MAAM,GACJjB,KAAK,CAACoB,KAAN,CAAYb,qBAAqB,IAAI,WAArC,EACEC,yBAAyB,IAAI,QAD/B,CADF;AAID;;AAED,QAAI,CAACK,MAAD,KAAYJ,uBAAuB,IAAIC,2BAAvC,CAAJ,EAAyE;AACvEO,MAAAA,MAAM,GACJjB,KAAK,CAACoB,KAAN,CAAYX,uBAAuB,IAAI,WAAvC,EACEC,2BAA2B,IAAI,QADjC,CADF;AAID;;AAED,WACE,8BAAC,oBAAD;AAAc,MAAA,GAAG,EAAEE;AAAnB,OACE,8BAAC,uBAAD,eACMpB,IADN,EAEMU,MAAM,CAACR,OAFb;AAGE,MAAA,QAAQ,EAAEiB,QAHZ;AAIE,MAAA,QAAQ,EAAEE,MAJZ;AAKE,MAAA,aAAa,EAAEC,OALjB;AAME,MAAA,YAAY,EAAEC,MANhB;AAOE,MAAA,OAAO,EAAE,MAAMlB,QAAN,oBAAMA,QAAQ,CAAGO,WAAH,CAPzB;AAQE,MAAA,YAAY,EAAEa,MARhB;AASE,MAAA,KAAK,EAAEJ,MAAM,GAAGR,WAAH,GAAiBC;AAThC,QAWGX,YAXH,oBAWGA,YAAY,CAAGO,MAAM,CAACJ,KAAV,EAAiBe,MAAjB,CAXf,CADF,EAcG,CAACE,MAAD,IAAW,8BAAC,qBAAD,OAdd,CADF;AAkBD,GApDM,CAAP;AAqDD,CA/DD;;eAiEezB,W","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 extends unknown>({\n  style,\n  ...rest\n}: GroupButtonProps<T>) => {\n  return (\n    <StyledGroupButton style={style}>{groupOptions(rest)}</StyledGroupButton>\n  );\n};\n\nconst groupOptions = <T extends unknown>({\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"],"file":"GroupButton.js"}
+{"version":3,"file":"GroupButton.js","names":["GroupButton","style","rest","groupOptions","options","renderOption","renderKey","onChange","value","disableAllOptions","theme","useTheme","map","option","idx","optionValue","activeStyle","inactiveStyle","activeBackgroundColor","activeBackgroundColorTone","inactiveBackgroundColor","inactiveBackgroundColorTone","disabled","key","active","isFirst","isLast","length","colors","miscellaneous","surfaceColor","color"],"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"],"mappings":";;;;;AAAA;;AACA;;AAQA;;;;;;AAqCA,MAAMA,WAAW,GAAG,CAAK;EAAEC,KAAF;EAAS,GAAGC;AAAZ,CAAL,KAAiD;EACnE,OACE,8BAAC,yBAAD;IAAmB,KAAK,EAAED;EAA1B,GAAkCE,YAAY,CAACD,IAAD,CAA9C,CADF;AAGD,CAJD;;AAMA,MAAMC,YAAY,GAAG,CAAK;EACxBC,OADwB;EAExBC,YAFwB;EAGxBC,SAHwB;EAIxBC,QAJwB;EAKxBC,KALwB;EAMxBC,iBANwB;EAOxB,GAAGP;AAPqB,CAAL,KAQe;EAClC,MAAMQ,KAAK,GAAG,IAAAC,eAAA,GAAd;EACA,OAAOP,OAAP,oBAAOA,OAAO,CAAEQ,GAAT,CAAa,CAACC,MAAD,EAASC,GAAT,KAAiB;IAAA;;IACnC,MAAM;MACJN,KAAK,EAAEO,WADH;MAEJX,OAAO,EAAE;QACPY,WADO;QAEPC,aAFO;QAGPC,qBAHO;QAIPC,yBAJO;QAKPC,uBALO;QAMPC,2BANO;QAOPC,QAAQ,GAAGb,iBAAiB,wBAAII,MAAM,CAACT,OAAX,qBAAI,gBAAgBkB,QAApB;MAPrB,IAQL;IAVA,IAWFT,MAXJ;IAaA,MAAMU,GAAG,GAAGjB,SAAH,oBAAGA,SAAS,CAAGS,WAAH,CAArB;IACA,MAAMS,MAAM,GAAGD,GAAG,MAAKjB,SAAL,oBAAKA,SAAS,CAAGE,KAAH,CAAd,CAAlB;IACA,MAAMiB,OAAO,GAAGX,GAAG,KAAK,CAAxB;IACA,MAAMY,MAAM,GAAGZ,GAAG,KAAKV,OAAO,CAACuB,MAAR,GAAiB,CAAxC;IAEA,IAAIC,MAAM,GAAGlB,KAAK,CAACmB,aAAN,CAAoBC,YAAjC;;IACA,IAAIN,MAAJ,EAAY;MACVI,MAAM,GACJlB,KAAK,CAACqB,KAAN,CAAYb,qBAAqB,IAAI,WAArC,EACEC,yBAAyB,IAAI,QAD/B,CADF;IAID;;IAED,IAAI,CAACK,MAAD,KAAYJ,uBAAuB,IAAIC,2BAAvC,CAAJ,EAAyE;MACvEO,MAAM,GACJlB,KAAK,CAACqB,KAAN,CAAYX,uBAAuB,IAAI,WAAvC,EACEC,2BAA2B,IAAI,QADjC,CADF;IAID;;IAED,OACE,8BAAC,oBAAD;MAAc,GAAG,EAAEE;IAAnB,GACE,8BAAC,uBAAD,eACMrB,IADN,EAEMW,MAAM,CAACT,OAFb;MAGE,QAAQ,EAAEkB,QAHZ;MAIE,QAAQ,EAAEE,MAJZ;MAKE,aAAa,EAAEC,OALjB;MAME,YAAY,EAAEC,MANhB;MAOE,OAAO,EAAE,MAAMnB,QAAN,oBAAMA,QAAQ,CAAGQ,WAAH,CAPzB;MAQE,YAAY,EAAEa,MARhB;MASE,KAAK,EAAEJ,MAAM,GAAGR,WAAH,GAAiBC;IAThC,IAWGZ,YAXH,oBAWGA,YAAY,CAAGQ,MAAM,CAACL,KAAV,EAAiBgB,MAAjB,CAXf,CADF,EAcG,CAACE,MAAD,IAAW,8BAAC,qBAAD,OAdd,CADF;EAkBD,CApDM,CAAP;AAqDD,CA/DD;;eAiEe1B,W"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"names":["GroupButtonOption","TextComponent","Text","active","description","StyledText"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAQA,MAAMA,iBAAiB,GAAG,CAAC;AACzBC,EAAAA,aAAa,GAAGC,UADS;AAEzBC,EAAAA,MAFyB;AAGzBC,EAAAA;AAHyB,CAAD,KAIiB;AACzC,QAAMC,UAAU,GAAG,oCAAuBJ,aAAvB,CAAnB;AACA,SACE,6BAAC,UAAD;AAAY,IAAA,UAAU,EAAC,MAAvB;AAA8B,IAAA,UAAU,EAAC,KAAzC;AAA+C,IAAA,MAAM,EAAEE;AAAvD,KACGC,WADH,CADF;AAKD,CAXD;;eAaeJ,iB","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"],"file":"GroupButtonOption.js"}
+{"version":3,"file":"GroupButtonOption.js","names":["GroupButtonOption","TextComponent","Text","active","description","StyledText","getStyledGroupItemText"],"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"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAQA,MAAMA,iBAAiB,GAAG,CAAC;EACzBC,aAAa,GAAGC,UADS;EAEzBC,MAFyB;EAGzBC;AAHyB,CAAD,KAIiB;EACzC,MAAMC,UAAU,GAAG,IAAAC,8BAAA,EAAuBL,aAAvB,CAAnB;EACA,OACE,6BAAC,UAAD;IAAY,UAAU,EAAC,MAAvB;IAA8B,UAAU,EAAC,KAAzC;IAA+C,MAAM,EAAEE;EAAvD,GACGC,WADH,CADF;AAKD,CAXD;;eAaeJ,iB"}