@mirai/ui 1.0.45 → 1.0.47

package/build/components/Button/Button.js

@@ -15,7 +15,7 @@ var _primitives = require("../../primitives");
 
 var _ButtonModule = _interopRequireDefault(require("./Button.module.css"));
 
-var _excluded = ["children", "disabled", "large", "outlined", "rounded", "small", "squared", "tag"];
+var _excluded = ["busy", "children", "disabled", "large", "outlined", "rounded", "small", "squared", "tag", "onPress"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -30,7 +30,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 
 var Button = function Button(_ref) {
-  var children = _ref.children,
+  var busy = _ref.busy,
+      children = _ref.children,
       disabled = _ref.disabled,
       large = _ref.large,
       outlined = _ref.outlined,
@@ -40,18 +41,23 @@ var Button = function Button(_ref) {
       squared = _ref$squared === void 0 ? false : _ref$squared,
       _ref$tag = _ref.tag,
       tag = _ref$tag === void 0 ? 'button' : _ref$tag,
+      onPress = _ref.onPress,
       others = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _objectSpread(_objectSpread({}, others), {}, {
-    disabled: disabled,
+    disabled: disabled || busy,
     tag: tag,
-    className: (0, _helpers.styles)(_ButtonModule.default.button, large && _ButtonModule.default.large, small && _ButtonModule.default.small, rounded && _ButtonModule.default.rounded, squared && _ButtonModule.default.squared, outlined && !disabled && _ButtonModule.default.outlined, others.className)
-  }), children);
+    className: (0, _helpers.styles)(_ButtonModule.default.button, busy && _ButtonModule.default.busy, large && _ButtonModule.default.large, small && _ButtonModule.default.small, rounded && _ButtonModule.default.rounded, squared && _ButtonModule.default.squared, outlined && _ButtonModule.default.outlined, outlined && (disabled || busy) && _ButtonModule.default.disabled, others.className),
+    onPress: !disabled && !busy ? onPress : undefined
+  }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, busy !== undefined && /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    className: (0, _helpers.styles)(_ButtonModule.default.busyProgress, busy && _ButtonModule.default.active)
+  }), children));
 };
 
 exports.Button = Button;
 Button.displayName = 'Component:Button';
 Button.propTypes = {
+  busy: _propTypes.default.bool,
   children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
   disabled: _propTypes.default.bool,
   large: _propTypes.default.bool,

package/build/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["Button","children","disabled","large","outlined","rounded","small","squared","tag","others","React","createElement","Pressable","className","style","button","displayName","propTypes","PropTypes","oneOfType","string","node","bool","onEnter","func","onLeave","onPress"],"sources":["../../../src/components/Button/Button.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable } from '../../primitives';\nimport style from './Button.module.css';\n\nconst Button = ({ children, disabled, large, outlined, rounded, small, squared = false, tag = 'button', ...others }) =>\n  React.createElement(\n    Pressable,\n    {\n      ...others,\n      disabled,\n      tag,\n      className: styles(\n        style.button,\n        large && style.large,\n        small && style.small,\n        rounded && style.rounded,\n        squared && style.squared,\n        outlined && !disabled && style.outlined,\n        others.className,\n      ),\n    },\n    children,\n  );\n\nButton.displayName = 'Component:Button';\n\nButton.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  disabled: PropTypes.bool,\n  large: PropTypes.bool,\n  outlined: PropTypes.bool,\n  rounded: PropTypes.bool,\n  small: PropTypes.bool,\n  squared: PropTypes.bool,\n  tag: PropTypes.string,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n  onPress: PropTypes.func,\n};\n\nexport { Button };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,QAAb,QAAaA,QAAb;EAAA,IAAuBC,KAAvB,QAAuBA,KAAvB;EAAA,IAA8BC,QAA9B,QAA8BA,QAA9B;EAAA,IAAwCC,OAAxC,QAAwCA,OAAxC;EAAA,IAAiDC,KAAjD,QAAiDA,KAAjD;EAAA,wBAAwDC,OAAxD;EAAA,IAAwDA,OAAxD,6BAAkE,KAAlE;EAAA,oBAAyEC,GAAzE;EAAA,IAAyEA,GAAzE,yBAA+E,QAA/E;EAAA,IAA4FC,MAA5F;;EAAA,oBACbC,eAAMC,aAAN,CACEC,qBADF,kCAGOH,MAHP;IAIIP,QAAQ,EAARA,QAJJ;IAKIM,GAAG,EAAHA,GALJ;IAMIK,SAAS,EAAE,qBACTC,sBAAMC,MADG,EAETZ,KAAK,IAAIW,sBAAMX,KAFN,EAGTG,KAAK,IAAIQ,sBAAMR,KAHN,EAITD,OAAO,IAAIS,sBAAMT,OAJR,EAKTE,OAAO,IAAIO,sBAAMP,OALR,EAMTH,QAAQ,IAAI,CAACF,QAAb,IAAyBY,sBAAMV,QANtB,EAOTK,MAAM,CAACI,SAPE;EANf,IAgBEZ,QAhBF,CADa;AAAA,CAAf;;;AAoBAD,MAAM,CAACgB,WAAP,GAAqB,kBAArB;AAEAhB,MAAM,CAACiB,SAAP,GAAmB;EACjBhB,QAAQ,EAAEiB,mBAAUC,SAAV,CAAoB,CAACD,mBAAUE,MAAX,EAAmBF,mBAAUG,IAA7B,CAApB,CADO;EAEjBnB,QAAQ,EAAEgB,mBAAUI,IAFH;EAGjBnB,KAAK,EAAEe,mBAAUI,IAHA;EAIjBlB,QAAQ,EAAEc,mBAAUI,IAJH;EAKjBjB,OAAO,EAAEa,mBAAUI,IALF;EAMjBhB,KAAK,EAAEY,mBAAUI,IANA;EAOjBf,OAAO,EAAEW,mBAAUI,IAPF;EAQjBd,GAAG,EAAEU,mBAAUE,MARE;EASjBG,OAAO,EAAEL,mBAAUM,IATF;EAUjBC,OAAO,EAAEP,mBAAUM,IAVF;EAWjBE,OAAO,EAAER,mBAAUM;AAXF,CAAnB"}
+{"version":3,"file":"Button.js","names":["Button","busy","children","disabled","large","outlined","rounded","small","squared","tag","onPress","others","React","createElement","Pressable","className","style","button","undefined","busyProgress","active","displayName","propTypes","PropTypes","bool","oneOfType","string","node","onEnter","func","onLeave"],"sources":["../../../src/components/Button/Button.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable, View } from '../../primitives';\nimport style from './Button.module.css';\n\nconst Button = ({\n  busy,\n  children,\n  disabled,\n  large,\n  outlined,\n  rounded,\n  small,\n  squared = false,\n  tag = 'button',\n  onPress,\n  ...others\n}) =>\n  React.createElement(\n    Pressable,\n    {\n      ...others,\n      disabled: disabled || busy,\n      tag,\n      className: styles(\n        style.button,\n        busy && style.busy,\n        large && style.large,\n        small && style.small,\n        rounded && style.rounded,\n        squared && style.squared,\n        outlined && style.outlined,\n        outlined && (disabled || busy) && style.disabled,\n        others.className,\n      ),\n      onPress: !disabled && !busy ? onPress : undefined,\n    },\n    <>\n      {busy !== undefined && <View className={styles(style.busyProgress, busy && style.active)} />}\n      {children}\n    </>,\n  );\n\nButton.displayName = 'Component:Button';\n\nButton.propTypes = {\n  busy: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  disabled: PropTypes.bool,\n  large: PropTypes.bool,\n  outlined: PropTypes.bool,\n  rounded: PropTypes.bool,\n  small: PropTypes.bool,\n  squared: PropTypes.bool,\n  tag: PropTypes.string,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n  onPress: PropTypes.func,\n};\n\nexport { Button };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,IACbC,IADa,QACbA,IADa;EAAA,IAEbC,QAFa,QAEbA,QAFa;EAAA,IAGbC,QAHa,QAGbA,QAHa;EAAA,IAIbC,KAJa,QAIbA,KAJa;EAAA,IAKbC,QALa,QAKbA,QALa;EAAA,IAMbC,OANa,QAMbA,OANa;EAAA,IAObC,KAPa,QAObA,KAPa;EAAA,wBAQbC,OARa;EAAA,IAQbA,OARa,6BAQH,KARG;EAAA,oBASbC,GATa;EAAA,IASbA,GATa,yBASP,QATO;EAAA,IAUbC,OAVa,QAUbA,OAVa;EAAA,IAWVC,MAXU;;EAAA,oBAabC,eAAMC,aAAN,CACEC,qBADF,kCAGOH,MAHP;IAIIR,QAAQ,EAAEA,QAAQ,IAAIF,IAJ1B;IAKIQ,GAAG,EAAHA,GALJ;IAMIM,SAAS,EAAE,qBACTC,sBAAMC,MADG,EAEThB,IAAI,IAAIe,sBAAMf,IAFL,EAGTG,KAAK,IAAIY,sBAAMZ,KAHN,EAITG,KAAK,IAAIS,sBAAMT,KAJN,EAKTD,OAAO,IAAIU,sBAAMV,OALR,EAMTE,OAAO,IAAIQ,sBAAMR,OANR,EAOTH,QAAQ,IAAIW,sBAAMX,QAPT,EAQTA,QAAQ,KAAKF,QAAQ,IAAIF,IAAjB,CAAR,IAAkCe,sBAAMb,QAR/B,EASTQ,MAAM,CAACI,SATE,CANf;IAiBIL,OAAO,EAAE,CAACP,QAAD,IAAa,CAACF,IAAd,GAAqBS,OAArB,GAA+BQ;EAjB5C,iBAmBE,4DACGjB,IAAI,KAAKiB,SAAT,iBAAsB,6BAAC,gBAAD;IAAM,SAAS,EAAE,qBAAOF,sBAAMG,YAAb,EAA2BlB,IAAI,IAAIe,sBAAMI,MAAzC;EAAjB,EADzB,EAEGlB,QAFH,CAnBF,CAba;AAAA,CAAf;;;AAsCAF,MAAM,CAACqB,WAAP,GAAqB,kBAArB;AAEArB,MAAM,CAACsB,SAAP,GAAmB;EACjBrB,IAAI,EAAEsB,mBAAUC,IADC;EAEjBtB,QAAQ,EAAEqB,mBAAUE,SAAV,CAAoB,CAACF,mBAAUG,MAAX,EAAmBH,mBAAUI,IAA7B,CAApB,CAFO;EAGjBxB,QAAQ,EAAEoB,mBAAUC,IAHH;EAIjBpB,KAAK,EAAEmB,mBAAUC,IAJA;EAKjBnB,QAAQ,EAAEkB,mBAAUC,IALH;EAMjBlB,OAAO,EAAEiB,mBAAUC,IANF;EAOjBjB,KAAK,EAAEgB,mBAAUC,IAPA;EAQjBhB,OAAO,EAAEe,mBAAUC,IARF;EASjBf,GAAG,EAAEc,mBAAUG,MATE;EAUjBE,OAAO,EAAEL,mBAAUM,IAVF;EAWjBC,OAAO,EAAEP,mBAAUM,IAXF;EAYjBnB,OAAO,EAAEa,mBAAUM;AAZF,CAAnB"}

package/build/components/Button/Button.module.css

@@ -1,5 +1,7 @@
 :root {
   --mirai-ui-button-background: var(--mirai-ui-accent);
+  --mirai-ui-button-busy-width: 0%;
+  --mirai-ui-button-busy-motion: calc(var(--mirai-ui-motion-expand) * 10);
   --mirai-ui-button-color: var(--mirai-ui-base);
   --mirai-ui-button-color-active: rgba(255, 255, 255, 0.2);
   --mirai-ui-button-color-focus: var(--mirai-ui-content);
@@ -25,21 +27,45 @@
   font-weight: var(--mirai-ui-button-font-weight);
   justify-content: center;
   padding: var(--mirai-ui-button-padding-y) var(--mirai-ui-button-padding-x);
+  position: relative;
   transition: background-color var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing),
     box-shadow var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing),
     color var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
   width: fit-content;
 }
 
-.button:disabled {
+.button:disabled:not(.busy) {
   background-color: var(--mirai-ui-button-disabled-background);
   color: var(--mirai-ui-button-disabled-color);
 }
 
-.outlined {
-  background-color: var(--mirai-ui-button-outlined-background);
-  border: solid 1px var(--mirai-ui-button-background);
-  color: var(--mirai-ui-button-background);
+@keyframes mirai-button-busy {
+  from {
+    width: var(--mirai-ui-button-busy-width);
+  }
+  to {
+    width: 100%;
+  }
+}
+
+.outlined .busyProgress {
+  background-color: var(--mirai-ui-button-background);
+}
+
+.busyProgress {
+  background-color: var(--mirai-ui-button-color);
+  opacity: 0.2;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  width: 0%;
+}
+
+.busyProgress.active {
+  animation-duration: var(--mirai-ui-button-busy-motion);
+  animation-iteration-count: infinite;
+  animation-name: mirai-button-busy;
+  animation-timing-function: var(--mirai-ui-motion-easing);
 }
 
 .button:not(:disabled):active {
@@ -52,15 +78,25 @@
     calc(var(--mirai-ui-button-padding-x) + calc(var(--mirai-ui-button-padding-y) / 2));
 }
 
-.small:not(.squared) {
-  font-size: var(--mirai-ui-font-size-small);
-  padding: var(--mirai-ui-button-padding-y) calc(var(--mirai-ui-button-padding-x) / 2);
+.outlined {
+  background-color: var(--mirai-ui-button-outlined-background);
+  border: solid 1px var(--mirai-ui-button-background);
+  color: var(--mirai-ui-button-background);
+}
+
+.outlined.disabled:not(.busy) {
+  border-color: var(--mirai-ui-button-disabled-background);
 }
 
 .rounded {
   border-radius: 50%;
 }
 
+.small:not(.squared) {
+  font-size: var(--mirai-ui-font-size-small);
+  padding: var(--mirai-ui-button-padding-y) calc(var(--mirai-ui-button-padding-x) / 2);
+}
+
 .squared {
   height: var(--mirai-ui-button-squared);
   padding: 0;

package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap

@@ -10,6 +10,20 @@ exports[`component:<Button> inherit:className 1`] = `
 </DocumentFragment>
 `;
 
+exports[`component:<Button> prop:busy 1`] = `
+<DocumentFragment>
+  <button
+    class="pressable button busy"
+    disabled=""
+  >
+    <div
+      class="view busyProgress active"
+    />
+    children
+  </button>
+</DocumentFragment>
+`;
+
 exports[`component:<Button> prop:disabled 1`] = `
 <DocumentFragment>
   <button
@@ -31,6 +45,20 @@ exports[`component:<Button> prop:large 1`] = `
 </DocumentFragment>
 `;
 
+exports[`component:<Button> prop:outlined && prop:busy 1`] = `
+<DocumentFragment>
+  <button
+    class="pressable button busy outlined disabled"
+    disabled=""
+  >
+    <div
+      class="view busyProgress active"
+    />
+    children
+  </button>
+</DocumentFragment>
+`;
+
 exports[`component:<Button> prop:outlined 1`] = `
 <DocumentFragment>
   <button

package/build/components/Form/helpers/getChildrenValues.js

@@ -7,6 +7,8 @@ exports.getChildrenValues = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _InputOption = require("../../InputOption");
+
 var _getField = require("./getField");
 
 var _excluded = ["checked", "defaultChecked", "defaultValue", "type", "value"];
@@ -17,7 +19,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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; }
 
-var BOOLEAN_TYPES = ['checkbox', 'radio'];
+var BOOLEAN_TYPES = [_InputOption.CHECKBOX, _InputOption.RADIO, _InputOption.SWITCH];
 
 var getChildrenValues = function getChildrenValues(children) {
   var values = {};
@@ -37,7 +39,10 @@ var getChildrenValues = function getChildrenValues(children) {
         props = _objectWithoutProperties(_ref, _excluded);
 
     var field = (0, _getField.getField)(props);
-    if (field) values[field] = BOOLEAN_TYPES.includes(type) ? checked || defaultChecked : value || defaultValue;
+
+    if (field) {
+      values[field] = BOOLEAN_TYPES.includes(type) ? type !== _InputOption.RADIO ? checked || defaultChecked : checked ? value : values[field] : value || defaultValue;
+    }
   });
 
   return values;

package/build/components/Form/helpers/getChildrenValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"getChildrenValues.js","names":["BOOLEAN_TYPES","getChildrenValues","children","values","React","Children","forEach","child","props","checked","defaultChecked","defaultValue","undefined","type","value","field","includes"],"sources":["../../../../src/components/Form/helpers/getChildrenValues.js"],"sourcesContent":["import React from 'react';\n\nimport { getField } from './getField';\n\nconst BOOLEAN_TYPES = ['checkbox', 'radio'];\n\nexport const getChildrenValues = (children) => {\n  const values = {};\n\n  React.Children.forEach(children, (child) => {\n    const {\n      checked = false,\n      defaultChecked = false,\n      defaultValue = undefined,\n      type = undefined,\n      value = undefined,\n      ...props\n    } = child?.props || {};\n\n    const field = getField(props);\n    if (field) values[field] = BOOLEAN_TYPES.includes(type) ? checked || defaultChecked : value || defaultValue;\n  });\n\n  return values;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,CAAC,UAAD,EAAa,OAAb,CAAtB;;AAEO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAc;EAC7C,IAAMC,MAAM,GAAG,EAAf;;EAEAC,eAAMC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,EAAiC,UAACK,KAAD,EAAW;IAC1C,WAOI,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEC,KAAP,KAAgB,EAPpB;IAAA,wBACEC,OADF;IAAA,IACEA,OADF,6BACY,KADZ;IAAA,+BAEEC,cAFF;IAAA,IAEEA,cAFF,oCAEmB,KAFnB;IAAA,6BAGEC,YAHF;IAAA,IAGEA,YAHF,kCAGiBC,SAHjB;IAAA,qBAIEC,IAJF;IAAA,IAIEA,IAJF,0BAISD,SAJT;IAAA,sBAKEE,KALF;IAAA,IAKEA,KALF,2BAKUF,SALV;IAAA,IAMKJ,KANL;;IASA,IAAMO,KAAK,GAAG,wBAASP,KAAT,CAAd;IACA,IAAIO,KAAJ,EAAWZ,MAAM,CAACY,KAAD,CAAN,GAAgBf,aAAa,CAACgB,QAAd,CAAuBH,IAAvB,IAA+BJ,OAAO,IAAIC,cAA1C,GAA2DI,KAAK,IAAIH,YAApF;EACZ,CAZD;;EAcA,OAAOR,MAAP;AACD,CAlBM"}
+{"version":3,"file":"getChildrenValues.js","names":["BOOLEAN_TYPES","CHECKBOX","RADIO","SWITCH","getChildrenValues","children","values","React","Children","forEach","child","props","checked","defaultChecked","defaultValue","undefined","type","value","field","includes"],"sources":["../../../../src/components/Form/helpers/getChildrenValues.js"],"sourcesContent":["import React from 'react';\n\nimport { CHECKBOX, RADIO, SWITCH } from '../../InputOption';\nimport { getField } from './getField';\n\nconst BOOLEAN_TYPES = [CHECKBOX, RADIO, SWITCH];\n\nexport const getChildrenValues = (children) => {\n  const values = {};\n\n  React.Children.forEach(children, (child) => {\n    const {\n      checked = false,\n      defaultChecked = false,\n      defaultValue = undefined,\n      type = undefined,\n      value = undefined,\n      ...props\n    } = child?.props || {};\n\n    const field = getField(props);\n\n    if (field) {\n      values[field] = BOOLEAN_TYPES.includes(type)\n        ? type !== RADIO\n          ? checked || defaultChecked\n          : checked\n          ? value\n          : values[field]\n        : value || defaultValue;\n    }\n  });\n\n  return values;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,CAACC,qBAAD,EAAWC,kBAAX,EAAkBC,mBAAlB,CAAtB;;AAEO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAc;EAC7C,IAAMC,MAAM,GAAG,EAAf;;EAEAC,eAAMC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,EAAiC,UAACK,KAAD,EAAW;IAC1C,WAOI,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEC,KAAP,KAAgB,EAPpB;IAAA,wBACEC,OADF;IAAA,IACEA,OADF,6BACY,KADZ;IAAA,+BAEEC,cAFF;IAAA,IAEEA,cAFF,oCAEmB,KAFnB;IAAA,6BAGEC,YAHF;IAAA,IAGEA,YAHF,kCAGiBC,SAHjB;IAAA,qBAIEC,IAJF;IAAA,IAIEA,IAJF,0BAISD,SAJT;IAAA,sBAKEE,KALF;IAAA,IAKEA,KALF,2BAKUF,SALV;IAAA,IAMKJ,KANL;;IASA,IAAMO,KAAK,GAAG,wBAASP,KAAT,CAAd;;IAEA,IAAIO,KAAJ,EAAW;MACTZ,MAAM,CAACY,KAAD,CAAN,GAAgBlB,aAAa,CAACmB,QAAd,CAAuBH,IAAvB,IACZA,IAAI,KAAKd,kBAAT,GACEU,OAAO,IAAIC,cADb,GAEED,OAAO,GACPK,KADO,GAEPX,MAAM,CAACY,KAAD,CALI,GAMZD,KAAK,IAAIH,YANb;IAOD;EACF,CArBD;;EAuBA,OAAOR,MAAP;AACD,CA3BM"}

package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap

@@ -9,7 +9,7 @@ exports[`component:<InputNumber> inherit:className 1`] = `
       class="view texts"
     />
     <button
-      class="pressable button rounded squared"
+      class="pressable button rounded squared outlined disabled"
       disabled=""
     >
       <span
@@ -85,7 +85,7 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
       class="view texts"
     />
     <button
-      class="pressable button rounded squared"
+      class="pressable button rounded squared outlined disabled"
       disabled=""
     >
       <span
@@ -117,7 +117,7 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
       0
     </span>
     <button
-      class="pressable button rounded squared"
+      class="pressable button rounded squared outlined disabled"
       disabled=""
     >
       <span
@@ -168,7 +168,7 @@ exports[`component:<InputNumber> prop:hint 1`] = `
       </span>
     </div>
     <button
-      class="pressable button rounded squared"
+      class="pressable button rounded squared outlined disabled"
       disabled=""
     >
       <span
@@ -250,7 +250,7 @@ exports[`component:<InputNumber> prop:label 1`] = `
       </span>
     </div>
     <button
-      class="pressable button rounded squared"
+      class="pressable button rounded squared outlined disabled"
       disabled=""
     >
       <span
@@ -357,7 +357,7 @@ exports[`component:<InputNumber> prop:max 1`] = `
       10
     </span>
     <button
-      class="pressable button rounded squared"
+      class="pressable button rounded squared outlined disabled"
       disabled=""
     >
       <span
@@ -402,7 +402,7 @@ exports[`component:<InputNumber> prop:min 1`] = `
       class="view texts"
     />
     <button
-      class="pressable button rounded squared"
+      class="pressable button rounded squared outlined disabled"
       disabled=""
     >
       <span
@@ -628,7 +628,7 @@ exports[`component:<InputNumber> renders 1`] = `
       class="view texts"
     />
     <button
-      class="pressable button rounded squared"
+      class="pressable button rounded squared outlined disabled"
       disabled=""
     >
       <span
@@ -705,7 +705,7 @@ exports[`component:<InputNumber> testID 1`] = `
       class="view texts"
     />
     <button
-      class="pressable button rounded squared"
+      class="pressable button rounded squared outlined disabled"
       disabled=""
     >
       <span

package/build/components/InputOption/InputOption.js

@@ -44,11 +44,10 @@ var InputOption = function InputOption(_ref) {
   var Primitive = type === _InputOption.CHECKBOX ? _primitives.Checkbox : type === _InputOption.RADIO ? _primitives.Radio : _primitives.Switch;
 
   var handleChange = function handleChange(event) {
-    onChange(type === _InputOption.CHECKBOX ? !checked : value, event);
+    onChange([_InputOption.CHECKBOX, _InputOption.SWITCH].includes(type) ? !checked : value, event);
   };
 
   return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _extends({}, others, {
-    style: others.style,
     type: "button",
     className: (0, _helpers.styles)(_InputOptionModule.default.inputOption, reverse && _InputOptionModule.default.reverse, others.className),
     onPress: handleChange

package/build/components/InputOption/InputOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","label","name","reverse","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","style","inputOption","className","icon","undefined","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","SWITCH","func"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Checkbox, Icon, Pressable, Radio, Switch, Text } from '../../primitives';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n  checked,\n  disabled,\n  label,\n  name,\n  reverse,\n  type = CHECKBOX,\n  value = '',\n  onChange = () => {},\n  ...others\n}) => {\n  const Primitive = type === CHECKBOX ? Checkbox : type === RADIO ? Radio : Switch;\n\n  const handleChange = (event) => {\n    onChange(type === CHECKBOX ? !checked : value, event);\n  };\n\n  return (\n    <Pressable\n      {...others}\n      style={others.style}\n      type=\"button\"\n      className={styles(style.inputOption, reverse && style.reverse, others.className)}\n      onPress={handleChange}\n    >\n      <Primitive checked={checked} disabled={disabled} name={name} type={type} value={value}>\n        {type === CHECKBOX && checked ? <Icon name=\"Check\" className={styles(style.icon)} /> : undefined}\n      </Primitive>\n      {label && <Text className={styles(style.label, disabled && style.disabled)}>{label}</Text>}\n    </Pressable>\n  );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  reverse: PropTypes.bool,\n  type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAUd;EAAA,IATJC,OASI,QATJA,OASI;EAAA,IARJC,QAQI,QARJA,QAQI;EAAA,IAPJC,KAOI,QAPJA,KAOI;EAAA,IANJC,IAMI,QANJA,IAMI;EAAA,IALJC,OAKI,QALJA,OAKI;EAAA,qBAJJC,IAII;EAAA,IAJJA,IAII,0BAJGC,qBAIH;EAAA,sBAHJC,KAGI;EAAA,IAHJA,KAGI,2BAHI,EAGJ;EAAA,yBAFJC,QAEI;EAAA,IAFJA,QAEI,8BAFO,YAAM,CAAE,CAEf;EAAA,IADDC,MACC;;EACJ,IAAMC,SAAS,GAAGL,IAAI,KAAKC,qBAAT,GAAoBK,oBAApB,GAA+BN,IAAI,KAAKO,kBAAT,GAAiBC,iBAAjB,GAAyBC,kBAA1E;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;IAC9BR,QAAQ,CAACH,IAAI,KAAKC,qBAAT,GAAoB,CAACN,OAArB,GAA+BO,KAAhC,EAAuCS,KAAvC,CAAR;EACD,CAFD;;EAIA,oBACE,6BAAC,qBAAD,eACMP,MADN;IAEE,KAAK,EAAEA,MAAM,CAACQ,KAFhB;IAGE,IAAI,EAAC,QAHP;IAIE,SAAS,EAAE,qBAAOA,2BAAMC,WAAb,EAA0Bd,OAAO,IAAIa,2BAAMb,OAA3C,EAAoDK,MAAM,CAACU,SAA3D,CAJb;IAKE,OAAO,EAAEJ;EALX,iBAOE,6BAAC,SAAD;IAAW,OAAO,EAAEf,OAApB;IAA6B,QAAQ,EAAEC,QAAvC;IAAiD,IAAI,EAAEE,IAAvD;IAA6D,IAAI,EAAEE,IAAnE;IAAyE,KAAK,EAAEE;EAAhF,GACGF,IAAI,KAAKC,qBAAT,IAAqBN,OAArB,gBAA+B,6BAAC,gBAAD;IAAM,IAAI,EAAC,OAAX;IAAmB,SAAS,EAAE,qBAAOiB,2BAAMG,IAAb;EAA9B,EAA/B,GAAsFC,SADzF,CAPF,EAUGnB,KAAK,iBAAI,6BAAC,gBAAD;IAAM,SAAS,EAAE,qBAAOe,2BAAMf,KAAb,EAAoBD,QAAQ,IAAIgB,2BAAMhB,QAAtC;EAAjB,GAAmEC,KAAnE,CAVZ,CADF;AAcD,CA/BD;;;AAiCAH,WAAW,CAACuB,WAAZ,GAA0B,uBAA1B;AAEAvB,WAAW,CAACwB,SAAZ,GAAwB;EACtBvB,OAAO,EAAEwB,mBAAUC,IADG;EAEtBxB,QAAQ,EAAEuB,mBAAUC,IAFE;EAGtBvB,KAAK,EAAEsB,mBAAUE,MAHK;EAItBvB,IAAI,EAAEqB,mBAAUE,MAAV,CAAiBC,UAJD;EAKtBvB,OAAO,EAAEoB,mBAAUC,IALG;EAMtBpB,IAAI,EAAEmB,mBAAUI,KAAV,CAAgB,CAACtB,qBAAD,EAAWM,kBAAX,EAAkBiB,mBAAlB,CAAhB,CANgB;EAOtBtB,KAAK,EAAEiB,mBAAUE,MAPK;EAQtBlB,QAAQ,EAAEgB,mBAAUM;AARE,CAAxB"}
+{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","label","name","reverse","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","SWITCH","includes","style","inputOption","className","icon","undefined","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","func"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Checkbox, Icon, Pressable, Radio, Switch, Text } from '../../primitives';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n  checked,\n  disabled,\n  label,\n  name,\n  reverse,\n  type = CHECKBOX,\n  value = '',\n  onChange = () => {},\n  ...others\n}) => {\n  const Primitive = type === CHECKBOX ? Checkbox : type === RADIO ? Radio : Switch;\n\n  const handleChange = (event) => {\n    onChange([CHECKBOX, SWITCH].includes(type) ? !checked : value, event);\n  };\n\n  return (\n    <Pressable\n      {...others}\n      type=\"button\"\n      className={styles(style.inputOption, reverse && style.reverse, others.className)}\n      onPress={handleChange}\n    >\n      <Primitive checked={checked} disabled={disabled} name={name} type={type} value={value}>\n        {type === CHECKBOX && checked ? <Icon name=\"Check\" className={styles(style.icon)} /> : undefined}\n      </Primitive>\n      {label && <Text className={styles(style.label, disabled && style.disabled)}>{label}</Text>}\n    </Pressable>\n  );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  reverse: PropTypes.bool,\n  type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAUd;EAAA,IATJC,OASI,QATJA,OASI;EAAA,IARJC,QAQI,QARJA,QAQI;EAAA,IAPJC,KAOI,QAPJA,KAOI;EAAA,IANJC,IAMI,QANJA,IAMI;EAAA,IALJC,OAKI,QALJA,OAKI;EAAA,qBAJJC,IAII;EAAA,IAJJA,IAII,0BAJGC,qBAIH;EAAA,sBAHJC,KAGI;EAAA,IAHJA,KAGI,2BAHI,EAGJ;EAAA,yBAFJC,QAEI;EAAA,IAFJA,QAEI,8BAFO,YAAM,CAAE,CAEf;EAAA,IADDC,MACC;;EACJ,IAAMC,SAAS,GAAGL,IAAI,KAAKC,qBAAT,GAAoBK,oBAApB,GAA+BN,IAAI,KAAKO,kBAAT,GAAiBC,iBAAjB,GAAyBC,kBAA1E;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;IAC9BR,QAAQ,CAAC,CAACF,qBAAD,EAAWW,mBAAX,EAAmBC,QAAnB,CAA4Bb,IAA5B,IAAoC,CAACL,OAArC,GAA+CO,KAAhD,EAAuDS,KAAvD,CAAR;EACD,CAFD;;EAIA,oBACE,6BAAC,qBAAD,eACMP,MADN;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,EAAE,qBAAOU,2BAAMC,WAAb,EAA0BhB,OAAO,IAAIe,2BAAMf,OAA3C,EAAoDK,MAAM,CAACY,SAA3D,CAHb;IAIE,OAAO,EAAEN;EAJX,iBAME,6BAAC,SAAD;IAAW,OAAO,EAAEf,OAApB;IAA6B,QAAQ,EAAEC,QAAvC;IAAiD,IAAI,EAAEE,IAAvD;IAA6D,IAAI,EAAEE,IAAnE;IAAyE,KAAK,EAAEE;EAAhF,GACGF,IAAI,KAAKC,qBAAT,IAAqBN,OAArB,gBAA+B,6BAAC,gBAAD;IAAM,IAAI,EAAC,OAAX;IAAmB,SAAS,EAAE,qBAAOmB,2BAAMG,IAAb;EAA9B,EAA/B,GAAsFC,SADzF,CANF,EASGrB,KAAK,iBAAI,6BAAC,gBAAD;IAAM,SAAS,EAAE,qBAAOiB,2BAAMjB,KAAb,EAAoBD,QAAQ,IAAIkB,2BAAMlB,QAAtC;EAAjB,GAAmEC,KAAnE,CATZ,CADF;AAaD,CA9BD;;;AAgCAH,WAAW,CAACyB,WAAZ,GAA0B,uBAA1B;AAEAzB,WAAW,CAAC0B,SAAZ,GAAwB;EACtBzB,OAAO,EAAE0B,mBAAUC,IADG;EAEtB1B,QAAQ,EAAEyB,mBAAUC,IAFE;EAGtBzB,KAAK,EAAEwB,mBAAUE,MAHK;EAItBzB,IAAI,EAAEuB,mBAAUE,MAAV,CAAiBC,UAJD;EAKtBzB,OAAO,EAAEsB,mBAAUC,IALG;EAMtBtB,IAAI,EAAEqB,mBAAUI,KAAV,CAAgB,CAACxB,qBAAD,EAAWM,kBAAX,EAAkBK,mBAAlB,CAAhB,CANgB;EAOtBV,KAAK,EAAEmB,mBAAUE,MAPK;EAQtBpB,QAAQ,EAAEkB,mBAAUK;AARE,CAAxB"}

package/build/components/InputOption/index.js

@@ -16,4 +16,17 @@ Object.keys(_InputOption).forEach(function (key) {
     }
   });
 });
+
+var _InputOption2 = require("./InputOption.constants");
+
+Object.keys(_InputOption2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputOption2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _InputOption2[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/build/components/InputOption/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/InputOption/index.js"],"sourcesContent":["export * from './InputOption';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/InputOption/index.js"],"sourcesContent":["export * from './InputOption';\nexport * from './InputOption.constants';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/primitives/Checkbox/Checkbox.js

@@ -32,10 +32,8 @@ var Checkbox = function Checkbox(_ref) {
       others = _objectWithoutProperties(_ref, _excluded);
 
   var handleChange = function handleChange(event) {
-    var _event$target = event.target,
-        value = _event$target.value,
-        checked = _event$target.checked;
-    onChange && onChange(value, checked, event);
+    var checked = event.target.checked;
+    onChange(checked, event);
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -49,7 +47,7 @@ var Checkbox = function Checkbox(_ref) {
     type: "checkbox",
     value: value,
     className: (0, _helpers.styles)(checked && _CheckboxModule.default.checked),
-    onChange: !disabled ? handleChange : undefined
+    onChange: !disabled && onChange ? handleChange : undefined
   }), children);
 };
 

package/build/primitives/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["Checkbox","checked","children","disabled","name","value","onChange","others","handleChange","event","target","style","checkbox","className","undefined","displayName","propTypes","PropTypes","bool","node","string","isRequired","func"],"sources":["../../../src/primitives/Checkbox/Checkbox.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Checkbox.module.css';\n\nconst Checkbox = ({ checked, children, disabled, name, value = '', onChange, ...others }) => {\n  const handleChange = (event) => {\n    const {\n      target: { value, checked },\n    } = event;\n\n    onChange && onChange(value, checked, event);\n  };\n\n  return (\n    <div className={styles(style.checkbox, others.className)} style={others.style}>\n      <input\n        checked={checked}\n        data-testid={others['data-testid']}\n        disabled={disabled}\n        name={name}\n        type=\"checkbox\"\n        value={value}\n        className={styles(checked && style.checked)}\n        onChange={!disabled ? handleChange : undefined}\n      />\n      {children}\n    </div>\n  );\n};\n\nCheckbox.displayName = 'Primitive:Checkbox';\n\nCheckbox.propTypes = {\n  checked: PropTypes.bool,\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n};\n\nexport { Checkbox };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAA4E;EAAA,IAAzEC,OAAyE,QAAzEA,OAAyE;EAAA,IAAhEC,QAAgE,QAAhEA,QAAgE;EAAA,IAAtDC,QAAsD,QAAtDA,QAAsD;EAAA,IAA5CC,IAA4C,QAA5CA,IAA4C;EAAA,sBAAtCC,KAAsC;EAAA,IAAtCA,KAAsC,2BAA9B,EAA8B;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;;EAC3F,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;IAC9B,oBAEIA,KAFJ,CACEC,MADF;IAAA,IACYL,KADZ,iBACYA,KADZ;IAAA,IACmBJ,OADnB,iBACmBA,OADnB;IAIAK,QAAQ,IAAIA,QAAQ,CAACD,KAAD,EAAQJ,OAAR,EAAiBQ,KAAjB,CAApB;EACD,CAND;;EAQA,oBACE;IAAK,SAAS,EAAE,qBAAOE,wBAAMC,QAAb,EAAuBL,MAAM,CAACM,SAA9B,CAAhB;IAA0D,KAAK,EAAEN,MAAM,CAACI;EAAxE,gBACE;IACE,OAAO,EAAEV,OADX;IAEE,eAAaM,MAAM,CAAC,aAAD,CAFrB;IAGE,QAAQ,EAAEJ,QAHZ;IAIE,IAAI,EAAEC,IAJR;IAKE,IAAI,EAAC,UALP;IAME,KAAK,EAAEC,KANT;IAOE,SAAS,EAAE,qBAAOJ,OAAO,IAAIU,wBAAMV,OAAxB,CAPb;IAQE,QAAQ,EAAE,CAACE,QAAD,GAAYK,YAAZ,GAA2BM;EARvC,EADF,EAWGZ,QAXH,CADF;AAeD,CAxBD;;;AA0BAF,QAAQ,CAACe,WAAT,GAAuB,oBAAvB;AAEAf,QAAQ,CAACgB,SAAT,GAAqB;EACnBf,OAAO,EAAEgB,mBAAUC,IADA;EAEnBhB,QAAQ,EAAEe,mBAAUE,IAFD;EAGnBhB,QAAQ,EAAEc,mBAAUC,IAHD;EAInBd,IAAI,EAAEa,mBAAUG,MAAV,CAAiBC,UAJJ;EAKnBhB,KAAK,EAAEY,mBAAUG,MALE;EAMnBd,QAAQ,EAAEW,mBAAUK;AAND,CAArB"}
+{"version":3,"file":"Checkbox.js","names":["Checkbox","checked","children","disabled","name","value","onChange","others","handleChange","event","target","style","checkbox","className","undefined","displayName","propTypes","PropTypes","bool","node","string","isRequired","func"],"sources":["../../../src/primitives/Checkbox/Checkbox.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Checkbox.module.css';\n\nconst Checkbox = ({ checked, children, disabled, name, value = '', onChange, ...others }) => {\n  const handleChange = (event) => {\n    const {\n      target: { checked },\n    } = event;\n    onChange(checked, event);\n  };\n\n  return (\n    <div className={styles(style.checkbox, others.className)} style={others.style}>\n      <input\n        checked={checked}\n        data-testid={others['data-testid']}\n        disabled={disabled}\n        name={name}\n        type=\"checkbox\"\n        value={value}\n        className={styles(checked && style.checked)}\n        onChange={!disabled && onChange ? handleChange : undefined}\n      />\n      {children}\n    </div>\n  );\n};\n\nCheckbox.displayName = 'Primitive:Checkbox';\n\nCheckbox.propTypes = {\n  checked: PropTypes.bool,\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n};\n\nexport { Checkbox };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAA4E;EAAA,IAAzEC,OAAyE,QAAzEA,OAAyE;EAAA,IAAhEC,QAAgE,QAAhEA,QAAgE;EAAA,IAAtDC,QAAsD,QAAtDA,QAAsD;EAAA,IAA5CC,IAA4C,QAA5CA,IAA4C;EAAA,sBAAtCC,KAAsC;EAAA,IAAtCA,KAAsC,2BAA9B,EAA8B;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;;EAC3F,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;IAC9B,IACYR,OADZ,GAEIQ,KAFJ,CACEC,MADF,CACYT,OADZ;IAGAK,QAAQ,CAACL,OAAD,EAAUQ,KAAV,CAAR;EACD,CALD;;EAOA,oBACE;IAAK,SAAS,EAAE,qBAAOE,wBAAMC,QAAb,EAAuBL,MAAM,CAACM,SAA9B,CAAhB;IAA0D,KAAK,EAAEN,MAAM,CAACI;EAAxE,gBACE;IACE,OAAO,EAAEV,OADX;IAEE,eAAaM,MAAM,CAAC,aAAD,CAFrB;IAGE,QAAQ,EAAEJ,QAHZ;IAIE,IAAI,EAAEC,IAJR;IAKE,IAAI,EAAC,UALP;IAME,KAAK,EAAEC,KANT;IAOE,SAAS,EAAE,qBAAOJ,OAAO,IAAIU,wBAAMV,OAAxB,CAPb;IAQE,QAAQ,EAAE,CAACE,QAAD,IAAaG,QAAb,GAAwBE,YAAxB,GAAuCM;EARnD,EADF,EAWGZ,QAXH,CADF;AAeD,CAvBD;;;AAyBAF,QAAQ,CAACe,WAAT,GAAuB,oBAAvB;AAEAf,QAAQ,CAACgB,SAAT,GAAqB;EACnBf,OAAO,EAAEgB,mBAAUC,IADA;EAEnBhB,QAAQ,EAAEe,mBAAUE,IAFD;EAGnBhB,QAAQ,EAAEc,mBAAUC,IAHD;EAInBd,IAAI,EAAEa,mBAAUG,MAAV,CAAiBC,UAJJ;EAKnBhB,KAAK,EAAEY,mBAAUG,MALE;EAMnBd,QAAQ,EAAEW,mBAAUK;AAND,CAArB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.45",
+  "version": "1.0.47",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",