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

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

@@ -0,0 +1,58 @@
+import React__default from 'react';
+import Paper from '../Paper/Paper.js';
+import { StyledCard } from './styled.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Card = (_a) => {
+  var _b = _a, {
+    children,
+    elevated = false,
+    onPress
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "elevated",
+    "onPress"
+  ]);
+  if (onPress) {
+    return /* @__PURE__ */ React__default.createElement(StyledCard, __spreadProps(__spreadValues({}, rest), {
+      elevated,
+      onPress
+    }), children);
+  }
+  return /* @__PURE__ */ React__default.createElement(Paper, __spreadProps(__spreadValues({}, rest), {
+    elevated
+  }), children);
+};
+
+export { Card as default };
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../../src/components/atoms/Card/Card.tsx"],"sourcesContent":["import { PressableSurfaceProps } from '@tecsinapse/react-native-kit';\nimport React, { FC } from 'react';\nimport { GestureResponderEvent } from 'react-native';\nimport { Paper, PaperProps } from '../Paper';\nimport { StyledCard } from './styled';\n\nexport interface CardProps\n  extends PaperProps,\n    Omit<PressableSurfaceProps, 'style'> {\n  /** Click handler */\n  onPress?: null | ((event: GestureResponderEvent) => void);\n}\n\nconst Card: FC<CardProps> = ({\n  children,\n  elevated = false,\n  onPress,\n  ...rest\n}): JSX.Element => {\n  if (onPress) {\n    return (\n      <StyledCard {...rest} elevated={elevated} onPress={onPress}>\n        {children}\n      </StyledCard>\n    );\n  }\n\n  return (\n    <Paper {...rest} elevated={elevated}>\n      {children}\n    </Paper>\n  );\n};\n\nexport default Card;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,IAAA,GAAsB,CAAC,EAKV,KAAA;AALU,EAC3B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,OAAA;AAAA,GAhBF,GAa6B,EAIxB,EAAA,IAAA,GAAA,SAAA,CAJwB,EAIxB,EAAA;AAAA,IAHH,UAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,OAAS,EAAA;AACX,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,6CAAe,IAAf,CAAA,EAAA;AAAA,MAAqB,QAAA;AAAA,MAAoB,OAAA;AAAA,KAAA,CAAA,EACvC,QACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,wCAAU,IAAV,CAAA,EAAA;AAAA,IAAgB,QAAA;AAAA,GAAA,CAAA,EACd,QACH,CAAA,CAAA;AAEJ;;;;"}

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

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

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

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

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

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

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 @@
+export declare const StyledCard: import("@emotion/native").StyledComponent<any, {}, {}>;

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

@@ -0,0 +1,13 @@
+import styled, { css } from '@emotion/native';
+import { baseStyles, elevatedStyles } from '../shared/PaperAndCard.js';
+import PressableSurface from '../PressableSurface/PressableSurface.js';
+
+const StyledCard = styled(PressableSurface)(
+  (props) => css`
+    ${baseStyles(props)}
+    ${elevatedStyles(props)}
+  `
+);
+
+export { StyledCard };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","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"],"names":[],"mappings":";;;;AAKa,MAAA,UAAA,GAAa,OAAO,gBAAgB,CAAA;AAAA,EAG/C,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IAAA,EACL,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,eAAe,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAE1B;;;;"}

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,82 @@
+import React__default from 'react';
+import { Pressable } from 'react-native';
+import Icon from '../Icon/Icon.js';
+import { ViewStyled, IconViewStyled, IconCheckedStyled, IconUncheckedStyled } from './styled.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Checkbox = (_a) => {
+  var _b = _a, {
+    children,
+    checked,
+    onChange,
+    color = "primary",
+    colorTone = "medium",
+    labelPosition = "left",
+    disabled = false
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "checked",
+    "onChange",
+    "color",
+    "colorTone",
+    "labelPosition",
+    "disabled"
+  ]);
+  const handleChange = () => {
+    onChange && onChange(!checked);
+  };
+  return /* @__PURE__ */ React__default.createElement(Pressable, __spreadProps(__spreadValues({}, rest), {
+    disabled,
+    onPress: handleChange,
+    accessibilityRole: "checkbox"
+  }), /* @__PURE__ */ React__default.createElement(ViewStyled, null, labelPosition === "left" && children, checked && /* @__PURE__ */ React__default.createElement(IconViewStyled, null, /* @__PURE__ */ React__default.createElement(IconCheckedStyled, {
+    color,
+    colorTone
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
+    name: "check",
+    fontColor: "light",
+    type: "material-community",
+    size: "centi"
+  }))), !checked && /* @__PURE__ */ React__default.createElement(IconViewStyled, null, /* @__PURE__ */ React__default.createElement(IconUncheckedStyled, {
+    color,
+    colorTone
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
+    name: "checkbox-blank",
+    fontColor: "light",
+    type: "material-community",
+    size: "centi"
+  }))), labelPosition === "right" && children));
+};
+
+export { Checkbox as default };
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/atoms/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { Icon } from '../Icon';\nimport {\n  IconUncheckedStyled,\n  IconCheckedStyled,\n  ViewStyled,\n  IconViewStyled,\n} from './styled';\n\nexport interface CheckboxProps {\n  /** Element is checked */\n  checked?: boolean;\n  /** Change handler */\n  onChange?: (checked: boolean) => void;\n  /** Position of children */\n  labelPosition?: 'left' | 'right';\n  /** Element is not clickable */\n  disabled?: boolean;\n  /** Color definition from theme */\n  color?: ColorType;\n  /** Color gradation from theme */\n  colorTone?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Checkbox: FC<CheckboxProps> = ({\n  children,\n  checked,\n  onChange,\n  color = 'primary',\n  colorTone = 'medium',\n  labelPosition = 'left',\n  disabled = false,\n  ...rest\n}) => {\n  const handleChange = () => {\n    onChange && onChange(!checked);\n  };\n\n  return (\n    <Pressable\n      {...rest}\n      disabled={disabled}\n      onPress={handleChange}\n      accessibilityRole=\"checkbox\"\n    >\n      <ViewStyled>\n        {labelPosition === 'left' && children}\n        {checked && (\n          <IconViewStyled>\n            <IconCheckedStyled color={color} colorTone={colorTone}>\n              <Icon\n                name=\"check\"\n                fontColor=\"light\"\n                type=\"material-community\"\n                size=\"centi\"\n              />\n            </IconCheckedStyled>\n          </IconViewStyled>\n        )}\n        {!checked && (\n          <IconViewStyled>\n            <IconUncheckedStyled color={color} colorTone={colorTone}>\n              <Icon\n                name=\"checkbox-blank\"\n                fontColor=\"light\"\n                type=\"material-community\"\n                size=\"centi\"\n              />\n            </IconUncheckedStyled>\n          </IconViewStyled>\n        )}\n        {labelPosition === 'right' && children}\n      </ViewStyled>\n    </Pressable>\n  );\n};\n\nexport default Checkbox;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BM,MAAA,QAAA,GAA8B,CAAC,EAS/B,KAAA;AAT+B,EACnC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAQ,GAAA,SAAA;AAAA,IACR,SAAY,GAAA,QAAA;AAAA,IACZ,aAAgB,GAAA,MAAA;AAAA,IAChB,QAAW,GAAA,KAAA;AAAA,GAlCb,GA2BqC,EAQhC,EAAA,IAAA,GAAA,SAAA,CARgC,EAQhC,EAAA;AAAA,IAPH,UAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAY,QAAA,IAAA,QAAA,CAAS,CAAC,OAAO,CAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,4CACK,IADL,CAAA,EAAA;AAAA,IAEC,QAAA;AAAA,IACA,OAAS,EAAA,YAAA;AAAA,IACT,iBAAkB,EAAA,UAAA;AAAA,GAElB,CAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,kBACE,aAAkB,KAAA,MAAA,IAAU,UAC5B,OACC,oBAAAA,cAAA,CAAA,aAAA,CAAC,sCACEA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IAAkB,KAAA;AAAA,IAAc,SAAA;AAAA,GAAA,kBAC9BA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAK,EAAA,OAAA;AAAA,IACL,SAAU,EAAA,OAAA;AAAA,IACV,IAAK,EAAA,oBAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,GACP,CACF,CACF,CAAA,EAED,CAAC,OACA,oBAAAA,cAAA,CAAA,aAAA,CAAC,sCACEA,cAAA,CAAA,aAAA,CAAA,mBAAA,EAAA;AAAA,IAAoB,KAAA;AAAA,IAAc,SAAA;AAAA,GAAA,kBAChCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAK,EAAA,gBAAA;AAAA,IACL,SAAU,EAAA,OAAA;AAAA,IACV,IAAK,EAAA,oBAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,GACP,CACF,CACF,CAAA,EAED,aAAkB,KAAA,OAAA,IAAW,QAChC,CACF,CAAA,CAAA;AAEJ;;;;"}

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,23 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+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<any>, {}, {
+    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<any>, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const IconViewStyled: import("@emotion/native").StyledComponent<any, {}, {
+    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,37 @@
+import styled from '@emotion/native';
+import { View } from 'react-native';
+
+const IconUncheckedStyled = styled(View)`
+  border-radius: ${({ theme }) => theme.borderRadius.micro};
+  border-color: ${({
+  theme,
+  color = "primary",
+  colorTone = "medium"
+}) => theme.color[color][colorTone]};
+  border-width: ${({ theme }) => theme.borderWidth.nano};
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+`;
+const IconCheckedStyled = styled(View)`
+  border-radius: ${({ theme }) => theme.borderRadius.micro};
+  border-color: ${({
+  theme,
+  color = "primary",
+  colorTone = "medium"
+}) => theme.color[color][colorTone]};
+  border-width: ${({ theme }) => theme.borderWidth.nano};
+  background-color: ${({
+  theme,
+  color = "primary",
+  colorTone = "medium"
+}) => theme.color[color][colorTone]};
+`;
+const IconViewStyled = styled(View)`
+  padding: ${({ theme }) => theme.spacing.mili};
+`;
+const ViewStyled = styled(View)`
+  align-items: center;
+  flex-direction: row;
+`;
+
+export { IconCheckedStyled, IconUncheckedStyled, IconViewStyled, ViewStyled };
+//# sourceMappingURL=styled.js.map

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

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

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,38 @@
+import React__default from 'react';
+import { StyledDivider } from './styled.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Divider = (_a) => {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ React__default.createElement(StyledDivider, __spreadValues({}, rest), children);
+};
+
+export { Divider as default };
+//# sourceMappingURL=Divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":["../../../../src/components/atoms/Divider/Divider.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledDivider } from './styled';\n\nexport interface DividerProps extends ViewProps {\n  linePosition: 'top' | 'bottom';\n  noLine?: boolean;\n}\n\nconst Divider: FC<DividerProps> = ({ children, ...rest }) => {\n  return <StyledDivider {...rest}>{children}</StyledDivider>;\n};\n\nexport default Divider;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASM,MAAA,OAAA,GAA4B,CAAC,EAA0B,KAAA;AAA1B,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EATrC,QAAA,EAAA,GASmC,EAAe,EAAA,IAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AACnC,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,aAAkB,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAO,QAAS,CAAA,CAAA;AAC5C;;;;"}

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 @@
+export declare const StyledDivider: import("@emotion/native").StyledComponent<any, {}, {}>;

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

@@ -0,0 +1,24 @@
+import styled, { css } from '@emotion/native';
+
+const topLine = ({ theme, linePosition, noLine }) => !noLine && linePosition === "top" && css`
+    border-top-width: ${theme.borderWidth.pico};
+  `;
+const bottomLine = ({
+  theme,
+  linePosition,
+  noLine
+}) => !noLine && linePosition === "bottom" && css`
+    border-bottom-width: ${theme.borderWidth.pico};
+  `;
+const StyledDividerBase = styled.View`
+  border-color: ${({ theme }) => theme.color.secondary.xlight};
+`;
+const StyledDivider = styled(StyledDividerBase)(
+  (props) => css`
+    ${topLine(props)}
+    ${bottomLine(props)}
+  `
+);
+
+export { StyledDivider };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","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"],"names":[],"mappings":";;AAIA,MAAM,OAAA,GAAU,CAAC,EAAE,KAAO,EAAA,YAAA,EAAc,QACtC,KAAA,CAAC,MACD,IAAA,YAAA,KAAiB,KACjB,IAAA,GAAA,CAAA;AAAA,sBAAA,EACsB,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAG1C,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AACF,CACE,KAAA,CAAC,MACD,IAAA,YAAA,KAAiB,QACjB,IAAA,GAAA,CAAA;AAAA,yBAAA,EACyB,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAG7C,MAAM,oBAAoB,MAAO,CAAA,IAAA,CAAA;AAAA,gBAAA,EACf,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA,CAAA,CAAA;AAG1C,MAAA,aAAA,GAAgB,OAAO,iBAAiB,CAAA;AAAA,EAGnD,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IAAA,EACL,QAAQ,KAAK,CAAA,CAAA;AAAA,IAAA,EACb,WAAW,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAEtB;;;;"}

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;

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

@@ -0,0 +1,99 @@
+import { useTheme } from '@emotion/react';
+import React__default from 'react';
+import { StyledGroupButton, StyledOption, StyledPressable, StyledDivider } from './styled.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const GroupButton = (_a) => {
+  var _b = _a, { style } = _b, rest = __objRest(_b, ["style"]);
+  return /* @__PURE__ */ React__default.createElement(StyledGroupButton, {
+    style
+  }, groupOptions(rest));
+};
+const groupOptions = (_c) => {
+  var _d = _c, {
+    options,
+    renderOption,
+    renderKey,
+    onChange,
+    value,
+    disableAllOptions
+  } = _d, rest = __objRest(_d, [
+    "options",
+    "renderOption",
+    "renderKey",
+    "onChange",
+    "value",
+    "disableAllOptions"
+  ]);
+  const theme = useTheme();
+  return options == null ? void 0 : options.map((option, idx) => {
+    var _a;
+    const {
+      value: optionValue,
+      options: {
+        activeStyle,
+        inactiveStyle,
+        activeBackgroundColor,
+        activeBackgroundColorTone,
+        inactiveBackgroundColor,
+        inactiveBackgroundColorTone,
+        disabled = disableAllOptions || ((_a = option.options) == null ? void 0 : _a.disabled)
+      } = {}
+    } = option;
+    const key = renderKey == null ? void 0 : renderKey(optionValue);
+    const active = key === (renderKey == null ? void 0 : renderKey(value));
+    const isFirst = idx === 0;
+    const isLast = idx === options.length - 1;
+    let colors = theme.miscellaneous.surfaceColor;
+    if (active) {
+      colors = theme.color[activeBackgroundColor || "secondary"][activeBackgroundColorTone || "medium"];
+    }
+    if (!active && (inactiveBackgroundColor || inactiveBackgroundColorTone)) {
+      colors = theme.color[inactiveBackgroundColor || "secondary"][inactiveBackgroundColorTone || "medium"];
+    }
+    return /* @__PURE__ */ React__default.createElement(StyledOption, {
+      key
+    }, /* @__PURE__ */ React__default.createElement(StyledPressable, __spreadProps(__spreadValues(__spreadValues({}, rest), option.options), {
+      disabled,
+      isActive: active,
+      isFirstOption: isFirst,
+      isLastOption: isLast,
+      onPress: () => onChange == null ? void 0 : onChange(optionValue),
+      surfaceColor: colors,
+      style: active ? activeStyle : inactiveStyle
+    }), renderOption == null ? void 0 : renderOption(option.value, active)), !isLast && /* @__PURE__ */ React__default.createElement(StyledDivider, null));
+  });
+};
+
+export { GroupButton as default };
+//# sourceMappingURL=GroupButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupButton.js","sources":["../../../../src/components/atoms/GroupButton/GroupButton.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n  ColorGradationType,\n  ColorType,\n  ThemeProp,\n} from '../../../types/defaults';\nimport { ButtonSizeType } from '../Button';\nimport {\n  StyledDivider,\n  StyledGroupButton,\n  StyledOption,\n  StyledPressable,\n} from './styled';\n\nexport interface GroupButtonOptions {\n  activeBackgroundColor?: ColorType;\n  activeBackgroundColorTone?: ColorGradationType;\n  activeBorderColor?: ColorType;\n  activeBorderColorTone?: ColorGradationType;\n  inactiveBackgroundColor?: ColorType;\n  inactiveBackgroundColorTone?: ColorGradationType;\n  inactiveBorderColor?: ColorType;\n  inactiveBorderColorTone?: ColorGradationType;\n  activeStyle?: StyleProp<ViewStyle>;\n  inactiveStyle?: StyleProp<ViewStyle>;\n  disabled?: boolean;\n}\n\nexport interface GroupButtonValue<T> {\n  value: T;\n  options?: GroupButtonOptions;\n}\n\nexport interface GroupButtonProps<T> {\n  value: T;\n  options: GroupButtonValue<T>[];\n  renderKey: (option?: T) => string | number | undefined;\n  renderOption: (option: T, active: boolean) => JSX.Element;\n  onChange: (option: T) => void;\n  buttonSize?: ButtonSizeType;\n  style?: StyleProp<ViewStyle>;\n  disableAllOptions?: boolean;\n}\n\nconst GroupButton = <T,>({ style, ...rest }: GroupButtonProps<T>) => {\n  return (\n    <StyledGroupButton style={style}>{groupOptions(rest)}</StyledGroupButton>\n  );\n};\n\nconst groupOptions = <T,>({\n  options,\n  renderOption,\n  renderKey,\n  onChange,\n  value,\n  disableAllOptions,\n  ...rest\n}: Partial<GroupButtonProps<T>>) => {\n  const theme = useTheme() as ThemeProp;\n  return options?.map((option, idx) => {\n    const {\n      value: optionValue,\n      options: {\n        activeStyle,\n        inactiveStyle,\n        activeBackgroundColor,\n        activeBackgroundColorTone,\n        inactiveBackgroundColor,\n        inactiveBackgroundColorTone,\n        disabled = disableAllOptions || option.options?.disabled,\n      } = {},\n    } = option;\n\n    const key = renderKey?.(optionValue);\n    const active = key === renderKey?.(value);\n    const isFirst = idx === 0;\n    const isLast = idx === options.length - 1;\n\n    let colors = theme.miscellaneous.surfaceColor;\n    if (active) {\n      colors =\n        theme.color[activeBackgroundColor || 'secondary'][\n          activeBackgroundColorTone || 'medium'\n        ];\n    }\n\n    if (!active && (inactiveBackgroundColor || inactiveBackgroundColorTone)) {\n      colors =\n        theme.color[inactiveBackgroundColor || 'secondary'][\n          inactiveBackgroundColorTone || 'medium'\n        ];\n    }\n\n    return (\n      <StyledOption key={key}>\n        <StyledPressable\n          {...rest}\n          {...option.options}\n          disabled={disabled}\n          isActive={active}\n          isFirstOption={isFirst}\n          isLastOption={isLast}\n          onPress={() => onChange?.(optionValue)}\n          surfaceColor={colors}\n          style={active ? activeStyle : inactiveStyle}\n        >\n          {renderOption?.(option.value, active)}\n        </StyledPressable>\n        {!isLast && <StyledDivider />}\n      </StyledOption>\n    );\n  });\n};\n\nexport default GroupButton;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CM,MAAA,WAAA,GAAc,CAAK,EAA4C,KAAA;AAA5C,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EA9C3B,KAAA,EAAA,GA8CyB,EAAY,EAAA,IAAA,GAAA,SAAA,CAAZ,IAAY,CAAV,OAAA,CAAA,CAAA,CAAA;AACzB,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IAAkB,KAAA;AAAA,GAAe,EAAA,YAAA,CAAa,IAAI,CAAE,CAAA,CAAA;AAEzD,EAAA;AAEA,MAAM,YAAA,GAAe,CAAK,EAQU,KAAA;AARV,EACxB,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,iBAAA;AAAA,GA1DF,GAoD0B,EAOrB,EAAA,IAAA,GAAA,SAAA,CAPqB,EAOrB,EAAA;AAAA,IANH,SAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,mBAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAA,OAAO,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,GAAA,CAAI,CAAC,MAAA,EAAQ,GAAQ,KAAA;AA9DvC,IAAA,IAAA,EAAA,CAAA;AA+DI,IAAM,MAAA;AAAA,MACJ,KAAO,EAAA,WAAA;AAAA,MACP,OAAS,EAAA;AAAA,QACP,WAAA;AAAA,QACA,aAAA;AAAA,QACA,qBAAA;AAAA,QACA,yBAAA;AAAA,QACA,uBAAA;AAAA,QACA,2BAAA;AAAA,QACA,QAAW,GAAA,iBAAA,KAAA,CAAqB,EAAO,GAAA,MAAA,CAAA,OAAA,KAAP,IAAgB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,CAAA;AAAA,UAC9C,EAAC;AAAA,KACH,GAAA,MAAA,CAAA;AAEJ,IAAA,MAAM,MAAM,SAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,WAAA,CAAA,CAAA;AACxB,IAAM,MAAA,MAAA,GAAS,SAAQ,SAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACnC,IAAA,MAAM,UAAU,GAAQ,KAAA,CAAA,CAAA;AACxB,IAAM,MAAA,MAAA,GAAS,GAAQ,KAAA,OAAA,CAAQ,MAAS,GAAA,CAAA,CAAA;AAExC,IAAI,IAAA,MAAA,GAAS,MAAM,aAAc,CAAA,YAAA,CAAA;AACjC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,MAAA,GACE,KAAM,CAAA,KAAA,CAAM,qBAAyB,IAAA,WAAA,CAAA,CACnC,yBAA6B,IAAA,QAAA,CAAA,CAAA;AAAA,KAEnC;AAEA,IAAI,IAAA,CAAC,MAAW,KAAA,uBAAA,IAA2B,2BAA8B,CAAA,EAAA;AACvE,MAAA,MAAA,GACE,KAAM,CAAA,KAAA,CAAM,uBAA2B,IAAA,WAAA,CAAA,CACrC,2BAA+B,IAAA,QAAA,CAAA,CAAA;AAAA,KAErC;AAEA,IAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,MAAa,GAAA;AAAA,KAAA,kBACXA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA,aAAA,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACK,IACA,CAAA,EAAA,MAAA,CAAO,OAFZ,CAAA,EAAA;AAAA,MAGC,QAAA;AAAA,MACA,QAAU,EAAA,MAAA;AAAA,MACV,aAAe,EAAA,OAAA;AAAA,MACf,YAAc,EAAA,MAAA;AAAA,MACd,OAAA,EAAS,MAAM,QAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,WAAA,CAAA;AAAA,MAC1B,YAAc,EAAA,MAAA;AAAA,MACd,KAAA,EAAO,SAAS,WAAc,GAAA,aAAA;AAAA,KAE7B,CAAA,EAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAe,OAAO,KAAO,EAAA,MAAA,CAChC,GACC,CAAC,MAAA,oBAAWA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,CAC7B,CAAA,CAAA;AAAA,GAEJ,CAAA,CAAA;AACF,CAAA;;;;"}

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { TextProps } from '../Text';
+export interface GroupButtonOptionProps {
+    active: boolean;
+    description: string;
+    TextComponent?: FC<TextProps>;
+}
+declare const GroupButtonOption: ({ TextComponent, active, description, }: GroupButtonOptionProps) => JSX.Element;
+export default GroupButtonOption;