@tecsinapse/react-core 1.19.0 → 1.20.0

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

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

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

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

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

@@ -0,0 +1,42 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled, { css } from '@emotion/native';
+import { RFValueStr } from '../../../utils';
+import { PressableSurface } from '../PressableSurface';
+
+var outlineVariant = function outlineVariant(_ref) {
+  var theme = _ref.theme,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'primary' : _ref$color,
+      variant = _ref.variant,
+      _ref$tone = _ref.tone,
+      tone = _ref$tone === void 0 ? 'medium' : _ref$tone;
+  return variant === 'outlined' && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-color: ", ";\n    border-width: ", ";\n  "])), theme.color[color][tone], theme.borderWidth.pico);
+};
+
+var sizeStyles = function sizeStyles(_ref2) {
+  var theme = _ref2.theme,
+      _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? 'default' : _ref2$size;
+
+  switch (size) {
+    case 'small':
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        padding: ", " ", ";\n        min-height: ", ";\n      "])), theme.spacing.mili, theme.spacing.deca, RFValueStr('34px'));
+
+    default:
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        padding: ", " ", ";\n        min-height: ", ";\n      "])), theme.spacing.mili, theme.spacing.kilo, RFValueStr('44px'));
+  }
+};
+
+var StyledButtonBase = styled(PressableSurface)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n"])), function (_ref3) {
+  var theme = _ref3.theme,
+      _ref3$borderRadius = _ref3.borderRadius,
+      borderRadius = _ref3$borderRadius === void 0 ? 'mili' : _ref3$borderRadius;
+  return theme.borderRadius[borderRadius];
+});
+export var StyledButton = styled(StyledButtonBase)(function (props) {
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), outlineVariant(props), sizeStyles(props));
+});
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","css","RFValueStr","PressableSurface","outlineVariant","theme","color","variant","tone","borderWidth","pico","sizeStyles","size","spacing","mili","deca","kilo","StyledButtonBase","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,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AAEA,SAASC,UAAT,QAA2B,gBAA3B;AACA,SAASC,gBAAT,QAAiC,qBAAjC;;AAGA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;EAAA,IACrBC,KADqB,QACrBA,KADqB;EAAA,sBAErBC,KAFqB;EAAA,IAErBA,KAFqB,2BAEb,SAFa;EAAA,IAGrBC,OAHqB,QAGrBA,OAHqB;EAAA,qBAIrBC,IAJqB;EAAA,IAIrBA,IAJqB,0BAId,QAJc;EAAA,OAMrBD,OAAO,KAAK,UAAZ,IACAN,GADA,4HAEkBI,KAAK,CAACC,KAAN,CAAYA,KAAZ,EAAmBE,IAAnB,CAFlB,EAGkBH,KAAK,CAACI,WAAN,CAAkBC,IAHpC,CANqB;AAAA,CAAvB;;AAYA,IAAMC,UAAU,GAAG,SAAbA,UAAa,QAA2D;EAAA,IAAxDN,KAAwD,SAAxDA,KAAwD;EAAA,uBAAjDO,IAAiD;EAAA,IAAjDA,IAAiD,2BAA1C,SAA0C;;EAC5E,QAAQA,IAAR;IACE,KAAK,OAAL;MACE,OAAOX,GAAP,wIACaI,KAAK,CAACQ,OAAN,CAAcC,IAD3B,EACmCT,KAAK,CAACQ,OAAN,CAAcE,IADjD,EAEgBb,UAAU,CAAC,MAAD,CAF1B;;IAIF;MACE,OAAOD,GAAP,wIACaI,KAAK,CAACQ,OAAN,CAAcC,IAD3B,EACmCT,KAAK,CAACQ,OAAN,CAAcG,IADjD,EAEgBd,UAAU,CAAC,MAAD,CAF1B;EAPJ;AAYD,CAbD;;AAeA,IAAMe,gBAAgB,GAAGjB,MAAM,CAACG,gBAAD,CAAT,8KAGH;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,+BAAUa,YAAV;EAAA,IAAUA,YAAV,mCAAyB,MAAzB;EAAA,OACfb,KAAK,CAACa,YAAN,CAAmBA,YAAnB,CADe;AAAA,CAHG,CAAtB;AAUA,OAAO,IAAMC,YAAY,GAAGnB,MAAM,CAACiB,gBAAD,CAAN,CAG1B,UAAAG,KAAK;EAAA,OAAInB,GAAJ,gGACDG,cAAc,CAACgB,KAAD,CADb,EAEDT,UAAU,CAACS,KAAD,CAFT;AAAA,CAHqB,CAArB"}

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

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

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

@@ -0,0 +1,33 @@
+var _excluded = ["children", "elevated", "onPress"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import { Paper } from '../Paper';
+import { StyledCard } from './styled';
+
+var Card = function Card(_ref) {
+  var children = _ref.children,
+      _ref$elevated = _ref.elevated,
+      elevated = _ref$elevated === void 0 ? false : _ref$elevated,
+      onPress = _ref.onPress,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  if (onPress) {
+    return React.createElement(StyledCard, _extends({}, rest, {
+      elevated: elevated,
+      onPress: onPress
+    }), children);
+  }
+
+  return React.createElement(Paper, _extends({}, rest, {
+    elevated: elevated
+  }), children);
+};
+
+export default Card;
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","names":["React","Paper","StyledCard","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,OAAOA,KAAP,MAA0B,OAA1B;AAEA,SAASC,KAAT,QAAkC,UAAlC;AACA,SAASC,UAAT,QAA2B,UAA3B;;AASA,IAAMC,IAAmB,GAAG,SAAtBA,IAAsB,OAKT;EAAA,IAJjBC,QAIiB,QAJjBA,QAIiB;EAAA,yBAHjBC,QAGiB;EAAA,IAHjBA,QAGiB,8BAHN,KAGM;EAAA,IAFjBC,OAEiB,QAFjBA,OAEiB;EAAA,IADdC,IACc;;EACjB,IAAID,OAAJ,EAAa;IACX,OACE,oBAAC,UAAD,eAAgBC,IAAhB;MAAsB,QAAQ,EAAEF,QAAhC;MAA0C,OAAO,EAAEC;IAAnD,IACGF,QADH,CADF;EAKD;;EAED,OACE,oBAAC,KAAD,eAAWG,IAAX;IAAiB,QAAQ,EAAEF;EAA3B,IACGD,QADH,CADF;AAKD,CAnBD;;AAqBA,eAAeD,IAAf"}

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export interface FooterProps {
+    style?: StyleProp<ViewStyle>;
+}
+declare const Footer: FC<FooterProps>;
+export default Footer;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { View } from 'react-native';
+
+var Footer = function Footer(_ref) {
+  var children = _ref.children,
+      style = _ref.style;
+  return React.createElement(View, {
+    style: style
+  }, children);
+};
+
+export default Footer;
+//# sourceMappingURL=Footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","names":["React","View","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,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAAoBC,IAApB,QAA2C,cAA3C;;AAMA,IAAMC,MAAuB,GAAG,SAA1BA,MAA0B;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,KAAb,QAAaA,KAAb;EAAA,OAC9B,oBAAC,IAAD;IAAM,KAAK,EAAEA;EAAb,GAAqBD,QAArB,CAD8B;AAAA,CAAhC;;AAIA,eAAeD,MAAf"}

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export interface HeaderProps {
+    style?: StyleProp<ViewStyle>;
+}
+declare const Header: FC<HeaderProps>;
+export default Header;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { View } from 'react-native';
+
+var Header = function Header(_ref) {
+  var children = _ref.children,
+      style = _ref.style;
+  return React.createElement(View, {
+    style: style
+  }, children);
+};
+
+export default Header;
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":["React","View","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,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAAoBC,IAApB,QAA2C,cAA3C;;AAMA,IAAMC,MAAuB,GAAG,SAA1BA,MAA0B;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,KAAb,QAAaA,KAAb;EAAA,OAC9B,oBAAC,IAAD;IAAM,KAAK,EAAEA;EAAb,GAAqBD,QAArB,CAD8B;AAAA,CAAhC;;AAIA,eAAeD,MAAf"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled, { css } from '@emotion/native';
+import { baseStyles, elevatedStyles } from '../shared/PaperAndCard';
+import { PressableSurface } from '../PressableSurface';
+export var StyledCard = styled(PressableSurface)(function (props) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), baseStyles(props), elevatedStyles(props));
+});
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","css","baseStyles","elevatedStyles","PressableSurface","StyledCard","props"],"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,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AAEA,SAASC,UAAT,EAAqBC,cAArB,QAA2C,wBAA3C;AACA,SAASC,gBAAT,QAAiC,qBAAjC;AAEA,OAAO,IAAMC,UAAU,GAAGL,MAAM,CAACI,gBAAD,CAAN,CAGxB,UAAAE,KAAK;EAAA,OAAIL,GAAJ,8FACDC,UAAU,CAACI,KAAD,CADT,EAEDH,cAAc,CAACG,KAAD,CAFb;AAAA,CAHmB,CAAnB"}

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

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
+export interface CheckboxProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    labelPosition?: 'left' | 'right';
+    disabled?: boolean;
+    color?: ColorType;
+    colorTone?: ColorGradationType;
+    style?: StyleProp<ViewStyle>;
+}
+declare const Checkbox: FC<CheckboxProps>;
+export default Checkbox;

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

@@ -0,0 +1,56 @@
+var _excluded = ["children", "checked", "onChange", "color", "colorTone", "labelPosition", "disabled"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import { Pressable } from 'react-native';
+import { Icon } from '../Icon';
+import { IconUncheckedStyled, IconCheckedStyled, ViewStyled, IconViewStyled } from './styled';
+
+var Checkbox = function Checkbox(_ref) {
+  var children = _ref.children,
+      checked = _ref.checked,
+      onChange = _ref.onChange,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'primary' : _ref$color,
+      _ref$colorTone = _ref.colorTone,
+      colorTone = _ref$colorTone === void 0 ? 'medium' : _ref$colorTone,
+      _ref$labelPosition = _ref.labelPosition,
+      labelPosition = _ref$labelPosition === void 0 ? 'left' : _ref$labelPosition,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var handleChange = function handleChange() {
+    onChange && onChange(!checked);
+  };
+
+  return React.createElement(Pressable, _extends({}, rest, {
+    disabled: disabled,
+    onPress: handleChange,
+    accessibilityRole: "checkbox"
+  }), React.createElement(ViewStyled, null, labelPosition === 'left' && children, checked && React.createElement(IconViewStyled, null, React.createElement(IconCheckedStyled, {
+    color: color,
+    colorTone: colorTone
+  }, React.createElement(Icon, {
+    name: "check",
+    fontColor: "light",
+    type: "material-community",
+    size: "centi"
+  }))), !checked && React.createElement(IconViewStyled, null, React.createElement(IconUncheckedStyled, {
+    color: color,
+    colorTone: colorTone
+  }, React.createElement(Icon, {
+    name: "checkbox-blank",
+    fontColor: "light",
+    type: "material-community",
+    size: "centi"
+  }))), labelPosition === 'right' && children));
+};
+
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","names":["React","Pressable","Icon","IconUncheckedStyled","IconCheckedStyled","ViewStyled","IconViewStyled","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,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,SAAT,QAAgD,cAAhD;AAEA,SAASC,IAAT,QAAqB,SAArB;AACA,SACEC,mBADF,EAEEC,iBAFF,EAGEC,UAHF,EAIEC,cAJF,QAKO,UALP;;AAuBA,IAAMC,QAA2B,GAAG,SAA9BA,QAA8B,OAS9B;EAAA,IARJC,QAQI,QARJA,QAQI;EAAA,IAPJC,OAOI,QAPJA,OAOI;EAAA,IANJC,QAMI,QANJA,QAMI;EAAA,sBALJC,KAKI;EAAA,IALJA,KAKI,2BALI,SAKJ;EAAA,0BAJJC,SAII;EAAA,IAJJA,SAII,+BAJQ,QAIR;EAAA,8BAHJC,aAGI;EAAA,IAHJA,aAGI,mCAHY,MAGZ;EAAA,yBAFJC,QAEI;EAAA,IAFJA,QAEI,8BAFO,KAEP;EAAA,IADDC,IACC;;EACJ,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;IACzBN,QAAQ,IAAIA,QAAQ,CAAC,CAACD,OAAF,CAApB;EACD,CAFD;;EAIA,OACE,oBAAC,SAAD,eACMM,IADN;IAEE,QAAQ,EAAED,QAFZ;IAGE,OAAO,EAAEE,YAHX;IAIE,iBAAiB,EAAC;EAJpB,IAME,oBAAC,UAAD,QACGH,aAAa,KAAK,MAAlB,IAA4BL,QAD/B,EAEGC,OAAO,IACN,oBAAC,cAAD,QACE,oBAAC,iBAAD;IAAmB,KAAK,EAAEE,KAA1B;IAAiC,SAAS,EAAEC;EAA5C,GACE,oBAAC,IAAD;IACE,IAAI,EAAC,OADP;IAEE,SAAS,EAAC,OAFZ;IAGE,IAAI,EAAC,oBAHP;IAIE,IAAI,EAAC;EAJP,EADF,CADF,CAHJ,EAcG,CAACH,OAAD,IACC,oBAAC,cAAD,QACE,oBAAC,mBAAD;IAAqB,KAAK,EAAEE,KAA5B;IAAmC,SAAS,EAAEC;EAA9C,GACE,oBAAC,IAAD;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;;AAqDA,eAAeD,QAAf"}

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

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

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

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

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

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

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+import { CheckboxProps } from './Checkbox';
+export declare const IconUncheckedStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<CheckboxProps & import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const IconCheckedStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<CheckboxProps & import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const IconViewStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const ViewStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;

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

@@ -0,0 +1,50 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled from '@emotion/native';
+import { View } from 'react-native';
+export var IconUncheckedStyled = styled(View)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  border-color: ", ";\n  border-width: ", ";\n  background-color: ", ";\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.borderRadius.micro;
+}, function (_ref2) {
+  var theme = _ref2.theme,
+      _ref2$color = _ref2.color,
+      color = _ref2$color === void 0 ? 'primary' : _ref2$color,
+      _ref2$colorTone = _ref2.colorTone,
+      colorTone = _ref2$colorTone === void 0 ? 'medium' : _ref2$colorTone;
+  return theme.color[color][colorTone];
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.borderWidth.nano;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.miscellaneous.surfaceColor;
+});
+export var IconCheckedStyled = styled(View)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  border-color: ", ";\n  border-width: ", ";\n  background-color: ", ";\n"])), function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.borderRadius.micro;
+}, function (_ref6) {
+  var theme = _ref6.theme,
+      _ref6$color = _ref6.color,
+      color = _ref6$color === void 0 ? 'primary' : _ref6$color,
+      _ref6$colorTone = _ref6.colorTone,
+      colorTone = _ref6$colorTone === void 0 ? 'medium' : _ref6$colorTone;
+  return theme.color[color][colorTone];
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.borderWidth.nano;
+}, function (_ref8) {
+  var theme = _ref8.theme,
+      _ref8$color = _ref8.color,
+      color = _ref8$color === void 0 ? 'primary' : _ref8$color,
+      _ref8$colorTone = _ref8.colorTone,
+      colorTone = _ref8$colorTone === void 0 ? 'medium' : _ref8$colorTone;
+  return theme.color[color][colorTone];
+});
+export var IconViewStyled = styled(View)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", ";\n"])), function (_ref9) {
+  var theme = _ref9.theme;
+  return theme.spacing.mili;
+});
+export var ViewStyled = styled(View)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  align-items: center;\n  flex-direction: row;\n"])));
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","View","IconUncheckedStyled","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,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,IAAT,QAAqB,cAArB;AAIA,OAAO,IAAMC,mBAAmB,GAAGF,MAAM,CAACC,IAAD,CAAT,yKAGb;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACC,YAAN,CAAmBC,KAA9C;AAAA,CAHa,EAId;EAAA,IACdF,KADc,SACdA,KADc;EAAA,wBAEdG,KAFc;EAAA,IAEdA,KAFc,4BAEN,SAFM;EAAA,4BAGdC,SAHc;EAAA,IAGdA,SAHc,gCAGF,QAHE;EAAA,OAIkBJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAJlB;AAAA,CAJc,EASd;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACK,WAAN,CAAkBC,IAA7C;AAAA,CATc,EAUV;EAAA,IAAGN,KAAH,SAAGA,KAAH;EAAA,OAClBA,KAAK,CAACO,aAAN,CAAoBC,YADF;AAAA,CAVU,CAAzB;AAcP,OAAO,IAAMC,iBAAiB,GAAGZ,MAAM,CAACC,IAAD,CAAT,2KAGX;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACC,YAAN,CAAmBC,KAA9C;AAAA,CAHW,EAIZ;EAAA,IACdF,KADc,SACdA,KADc;EAAA,wBAEdG,KAFc;EAAA,IAEdA,KAFc,4BAEN,SAFM;EAAA,4BAGdC,SAHc;EAAA,IAGdA,SAHc,gCAGF,QAHE;EAAA,OAIkBJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAJlB;AAAA,CAJY,EASZ;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACK,WAAN,CAAkBC,IAA7C;AAAA,CATY,EAUR;EAAA,IAClBN,KADkB,SAClBA,KADkB;EAAA,wBAElBG,KAFkB;EAAA,IAElBA,KAFkB,4BAEV,SAFU;EAAA,4BAGlBC,SAHkB;EAAA,IAGlBA,SAHkB,gCAGN,QAHM;EAAA,OAIcJ,KAAK,CAACG,KAAN,CAAYA,KAAZ,EAAmBC,SAAnB,CAJd;AAAA,CAVQ,CAAvB;AAiBP,OAAO,IAAMM,cAAc,GAAGb,MAAM,CAACC,IAAD,CAAT,4FACd;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAA2BA,KAAK,CAACW,OAAN,CAAcC,IAAzC;AAAA,CADc,CAApB;AAIP,OAAO,IAAMC,UAAU,GAAGhB,MAAM,CAACC,IAAD,CAAT,yHAAhB"}

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ViewProps } from 'react-native';
+export interface DividerProps extends ViewProps {
+    linePosition: 'top' | 'bottom';
+    noLine?: boolean;
+}
+declare const Divider: FC<DividerProps>;
+export default Divider;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","names":["React","StyledDivider","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,OAAOA,KAAP,MAA0B,OAA1B;AAEA,SAASC,aAAT,QAA8B,UAA9B;;AAOA,IAAMC,OAAyB,GAAG,SAA5BA,OAA4B,OAA2B;EAAA,IAAxBC,QAAwB,QAAxBA,QAAwB;EAAA,IAAXC,IAAW;;EAC3D,OAAO,oBAAC,aAAD,EAAmBA,IAAnB,EAA0BD,QAA1B,CAAP;AACD,CAFD;;AAIA,eAAeD,OAAf"}

package/esm/components/atoms/Divider/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DividerProps } from './Divider';
+export declare const StyledDivider: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & DividerProps, {}, {}>;

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

@@ -0,0 +1,28 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled, { css } from '@emotion/native';
+
+var topLine = function topLine(_ref) {
+  var theme = _ref.theme,
+      linePosition = _ref.linePosition,
+      noLine = _ref.noLine;
+  return !noLine && linePosition === 'top' && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-top-width: ", ";\n  "])), theme.borderWidth.pico);
+};
+
+var bottomLine = function bottomLine(_ref2) {
+  var theme = _ref2.theme,
+      linePosition = _ref2.linePosition,
+      noLine = _ref2.noLine;
+  return !noLine && linePosition === 'bottom' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    border-bottom-width: ", ";\n  "])), theme.borderWidth.pico);
+};
+
+var StyledDividerBase = styled.View(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-color: ", ";\n"])), function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.color.secondary.xlight;
+});
+export var StyledDivider = styled(StyledDividerBase)(function (props) {
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), topLine(props), bottomLine(props));
+});
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","css","topLine","theme","linePosition","noLine","borderWidth","pico","bottomLine","StyledDividerBase","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,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;;AAIA,IAAMC,OAAO,GAAG,SAAVA,OAAU;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,IAAUC,YAAV,QAAUA,YAAV;EAAA,IAAwBC,MAAxB,QAAwBA,MAAxB;EAAA,OACd,CAACA,MAAD,IACAD,YAAY,KAAK,KADjB,IAEAH,GAFA,uGAGsBE,KAAK,CAACG,WAAN,CAAkBC,IAHxC,CADc;AAAA,CAAhB;;AAOA,IAAMC,UAAU,GAAG,SAAbA,UAAa;EAAA,IACjBL,KADiB,SACjBA,KADiB;EAAA,IAEjBC,YAFiB,SAEjBA,YAFiB;EAAA,IAGjBC,MAHiB,SAGjBA,MAHiB;EAAA,OAKjB,CAACA,MAAD,IACAD,YAAY,KAAK,QADjB,IAEAH,GAFA,4GAGyBE,KAAK,CAACG,WAAN,CAAkBC,IAH3C,CALiB;AAAA,CAAnB;;AAWA,IAAME,iBAAiB,GAAGT,MAAM,CAACU,IAAV,iGACL;EAAA,IAAGP,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACQ,KAAN,CAAYC,SAAZ,CAAsBC,MAArC;AAAA,CADK,CAAvB;AAIA,OAAO,IAAMC,aAAa,GAAGd,MAAM,CAACS,iBAAD,CAAN,CAG3B,UAAAM,KAAK;EAAA,OAAId,GAAJ,gGACDC,OAAO,CAACa,KAAD,CADN,EAEDP,UAAU,CAACO,KAAD,CAFT;AAAA,CAHsB,CAAtB"}

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

@@ -0,0 +1,32 @@
+import { StyleProp, ViewStyle } from 'react-native';
+import { ColorGradationType, ColorType } from '../../../types/defaults';
+import { ButtonSizeType } from '../Button';
+export interface GroupButtonOptions {
+    activeBackgroundColor?: ColorType;
+    activeBackgroundColorTone?: ColorGradationType;
+    activeBorderColor?: ColorType;
+    activeBorderColorTone?: ColorGradationType;
+    inactiveBackgroundColor?: ColorType;
+    inactiveBackgroundColorTone?: ColorGradationType;
+    inactiveBorderColor?: ColorType;
+    inactiveBorderColorTone?: ColorGradationType;
+    activeStyle?: StyleProp<ViewStyle>;
+    inactiveStyle?: StyleProp<ViewStyle>;
+    disabled?: boolean;
+}
+export interface GroupButtonValue<T> {
+    value: T;
+    options?: GroupButtonOptions;
+}
+export interface GroupButtonProps<T> {
+    value: T;
+    options: GroupButtonValue<T>[];
+    renderKey: (option?: T) => string | number | undefined;
+    renderOption: (option: T, active: boolean) => JSX.Element;
+    onChange: (option: T) => void;
+    buttonSize?: ButtonSizeType;
+    style?: StyleProp<ViewStyle>;
+    disableAllOptions?: boolean;
+}
+declare const GroupButton: <T>({ style, ...rest }: GroupButtonProps<T>) => JSX.Element;
+export default GroupButton;