@tecsinapse/react-core 1.20.0 → 1.21.0

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

@@ -1,56 +1,82 @@
-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 React__default from 'react';
 import { Pressable } from 'react-native';
-import { Icon } from '../Icon';
-import { IconUncheckedStyled, IconCheckedStyled, ViewStyled, IconViewStyled } from './styled';
+import Icon from '../Icon/Icon.js';
+import { ViewStyled, IconViewStyled, IconCheckedStyled, IconUncheckedStyled } from './styled.js';
 
-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() {
+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 React.createElement(Pressable, _extends({}, rest, {
-    disabled: disabled,
+  return /* @__PURE__ */ React__default.createElement(Pressable, __spreadProps(__spreadValues({}, rest), {
+    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, {
+  }), /* @__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 && React.createElement(IconViewStyled, null, React.createElement(IconUncheckedStyled, {
-    color: color,
-    colorTone: colorTone
-  }, React.createElement(Icon, {
+  }))), !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));
+  }))), labelPosition === "right" && children));
 };
 
-export default Checkbox;
-//# sourceMappingURL=Checkbox.js.map
+export { Checkbox as default };
+//# sourceMappingURL=Checkbox.js.map

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

@@ -1 +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"}
+{"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/styled.d.ts

@@ -1,22 +1,18 @@
 /// <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>, {}, {
+} & 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<CheckboxProps & import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+} & Partial<any>, {}, {
     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>, {}, {
+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 & {

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

@@ -1,50 +1,37 @@
-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
+
+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

@@ -1 +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"}
+{"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.js

@@ -1,18 +1,38 @@
-var _excluded = ["children"];
+import React__default from 'react';
+import { StyledDivider } from './styled.js';
 
-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);
+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 default Divider;
-//# sourceMappingURL=Divider.js.map
+export { Divider as default };
+//# sourceMappingURL=Divider.js.map

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

@@ -1 +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"}
+{"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/styled.d.ts

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

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

@@ -1,28 +1,24 @@
-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);
-};
+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)}
+  `
+);
 
-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
+export { StyledDivider };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +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"}
+{"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.js

@@ -1,78 +1,99 @@
-var _excluded = ["style"],
-    _excluded2 = ["options", "renderOption", "renderKey", "onChange", "value", "disableAllOptions"];
-
-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 { useTheme } from '@emotion/react';
-import React from 'react';
-import { StyledDivider, StyledGroupButton, StyledOption, StyledPressable } from './styled';
+import React__default from 'react';
+import { StyledGroupButton, StyledOption, StyledPressable, StyledDivider } from './styled.js';
 
-var GroupButton = function GroupButton(_ref) {
-  var style = _ref.style,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return React.createElement(StyledGroupButton, {
-    style: style
+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));
 };
-
-var groupOptions = function groupOptions(_ref2) {
-  var options = _ref2.options,
-      renderOption = _ref2.renderOption,
-      renderKey = _ref2.renderKey,
-      onChange = _ref2.onChange,
-      value = _ref2.value,
-      disableAllOptions = _ref2.disableAllOptions,
-      rest = _objectWithoutProperties(_ref2, _excluded2);
-
-  var theme = useTheme();
-  return options === null || options === void 0 ? void 0 : options.map(function (option, idx) {
-    var _option$options2;
-
-    var optionValue = option.value,
-        _option$options = option.options;
-    _option$options = _option$options === void 0 ? {} : _option$options;
-    var activeStyle = _option$options.activeStyle,
-        inactiveStyle = _option$options.inactiveStyle,
-        activeBackgroundColor = _option$options.activeBackgroundColor,
-        activeBackgroundColorTone = _option$options.activeBackgroundColorTone,
-        inactiveBackgroundColor = _option$options.inactiveBackgroundColor,
-        inactiveBackgroundColorTone = _option$options.inactiveBackgroundColorTone,
-        _option$options$disab = _option$options.disabled,
-        disabled = _option$options$disab === void 0 ? disableAllOptions || ((_option$options2 = option.options) === null || _option$options2 === void 0 ? void 0 : _option$options2.disabled) : _option$options$disab;
-    var key = renderKey === null || renderKey === void 0 ? void 0 : renderKey(optionValue);
-    var active = key === (renderKey === null || renderKey === void 0 ? void 0 : renderKey(value));
-    var isFirst = idx === 0;
-    var isLast = idx === options.length - 1;
-    var colors = theme.miscellaneous.surfaceColor;
-
+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'];
+      colors = theme.color[activeBackgroundColor || "secondary"][activeBackgroundColorTone || "medium"];
     }
-
     if (!active && (inactiveBackgroundColor || inactiveBackgroundColorTone)) {
-      colors = theme.color[inactiveBackgroundColor || 'secondary'][inactiveBackgroundColorTone || 'medium'];
+      colors = theme.color[inactiveBackgroundColor || "secondary"][inactiveBackgroundColorTone || "medium"];
     }
-
-    return React.createElement(StyledOption, {
-      key: key
-    }, React.createElement(StyledPressable, _extends({}, rest, option.options, {
-      disabled: disabled,
+    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: function onPress() {
-        return onChange === null || onChange === void 0 ? void 0 : onChange(optionValue);
-      },
+      onPress: () => onChange == null ? void 0 : onChange(optionValue),
       surfaceColor: colors,
       style: active ? activeStyle : inactiveStyle
-    }), renderOption === null || renderOption === void 0 ? void 0 : renderOption(option.value, active)), !isLast && React.createElement(StyledDivider, null));
+    }), renderOption == null ? void 0 : renderOption(option.value, active)), !isLast && /* @__PURE__ */ React__default.createElement(StyledDivider, null));
   });
 };
 
-export default GroupButton;
-//# sourceMappingURL=GroupButton.js.map
+export { GroupButton as default };
+//# sourceMappingURL=GroupButton.js.map