@mirai/ui 1.0.55 → 1.0.57

package/README.md

@@ -131,6 +131,11 @@ const MyComponent = () => {
 
 ```css
 --mirai-ui-layer-content: var(--mirai-ui-layer-XL);
+/* position (z-index) */
+--mirai-ui-layer-S: 0;
+--mirai-ui-layer-M: 1;
+--mirai-ui-layer-L: 10;
+--mirai-ui-layer-XL: 100;
 ```
 
 ### Pressable
@@ -707,23 +712,31 @@ Theme.shadeColors()
 --mirai-ui-font-weight: 400;
 --mirai-ui-font-bold: Arial, Regular;
 --mirai-ui-font-bold-weight: 700;
---mirai-ui-font-size-headline: 18px;
+--mirai-ui-font-size-headline-1: 32px;
+--mirai-ui-line-height-headline-1: 38px;
+--mirai-ui-font-size-headline-2: 24px;
+--mirai-ui-line-height-headline-2: 25px;
+--mirai-ui-font-size-headline-3: 18px;
+--mirai-ui-line-height-headline-3: 22px;
+--mirai-ui-font-size-headline-4: 16px;
+--mirai-ui-line-height-headline-4: 19px;
 --mirai-ui-font-size-paragraph: 14px;
+--mirai-ui-line-height-paragraph: 22px;
 --mirai-ui-font-size-action: 14px;
+--mirai-ui-line-height-action: 20px;
 --mirai-ui-font-size-small: 12px;
---mirai-ui-line-height: 24px;
+--mirai-ui-line-height-small: 18px;
 --mirai-ui-text-direction: ltr;
 --mirai-ui-text-align: left;
 
 /* palette */
 --mirai-ui-base: #ffffff;
-/* !TODO: Change to -text ------------------------------------------------- */
+
 --mirai-ui-content: #484848;
 --mirai-ui-content-background: #f6f6f6;
 --mirai-ui-content-border: #e4e4e4;
 --mirai-ui-content-dark: #202020;
 --mirai-ui-content-light: #999999;
-/* !TODO ------------------------------------------------------------------ */
 
 --mirai-ui-accent: #3978c5;
 --mirai-ui-accent-background: #e9f1fc;
@@ -757,12 +770,6 @@ Theme.shadeColors()
 --mirai-ui-space-XL: 48px;
 --mirai-ui-space-XXL: 64px;
 
-/* layer */
---mirai-ui-layer-S: 0;
---mirai-ui-layer-M: 1;
---mirai-ui-layer-L: 10;
---mirai-ui-layer-XL: 100;
-
 /* motion */
 --mirai-ui-motion-collapse: 200ms;
 --mirai-ui-motion-expand: 300ms;
@@ -772,8 +779,11 @@ Theme.shadeColors()
 --mirai-ui-input-font-size: var(--mirai-ui-font-size-paragraph);
 --mirai-ui-input-min-height: var(--mirai-ui-space-XL);
 
-/* defaults */
+/* border */
 --mirai-ui-border-radius: 4px;
+--mirai-ui-border-width: 1px;
+
+/* shadow */
 --mirai-ui-shadow: 0 0 var(--mirai-ui-space-XS) var(--mirai-ui-content-border);
 ```
 

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

@@ -1,21 +1,3 @@
-: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);
-  --mirai-ui-button-disabled-background: var(--mirai-ui-content-border);
-  --mirai-ui-button-disabled-color: var(--mirai-ui-content-light);
-  --mirai-ui-button-font: var(--mirai-ui-font);
-  --mirai-ui-button-font-weight: var(--mirai-ui-font-weight);
-  --mirai-ui-button-padding-y: var(--mirai-ui-space-S);
-  --mirai-ui-button-padding-x: var(--mirai-ui-space-L);
-  --mirai-ui-button-radius: var(--mirai-ui-border-radius);
-  --mirai-ui-button-secondary-background: var(--mirai-ui-base);
-  --mirai-ui-button-squared: calc(var(--mirai-ui-space-M) * 2);
-}
-
 .button {
   align-items: center;
   background-color: var(--mirai-ui-button-background);

package/build/components/Calendar/Calendar.module.css

@@ -1,15 +1,3 @@
-:root {
-  --mirai-ui-calendar-caption-color: var(--mirai-ui-content-light);
-  --mirai-ui-calendar-cell: var(--mirai-ui-space-XL);
-  --mirai-ui-calendar-highlight-color: var(--mirai-ui-accent);
-  --mirai-ui-calendar-padding: var(--mirai-ui-space-XS);
-  --mirai-ui-calendar-range-background: var(--mirai-ui-content-background);
-  --mirai-ui-calendar-selected-background: var(--mirai-ui-accent);
-  --mirai-ui-calendar-selected-color: var(--mirai-ui-base);
-  --mirai-ui-calendar-weekday-color: var(--mirai-ui-content-light);
-  --mirai-ui-calendar-week-margin: 2px;
-}
-
 .month {
   justify-content: flex-start;
   padding: var(--mirai-ui-calendar-padding);

package/build/components/Calendar/Calendar.stories.js

@@ -7,14 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Story = void 0;
 
+var _locale = require("@mirai/locale");
+
 var React = _interopRequireWildcard(require("react"));
 
 var _Calendar = require("./Calendar");
 
+var _captions;
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var _default = {
   title: 'Components'
 };
@@ -25,30 +31,95 @@ var Story = function Story(props) {
 };
 
 exports.Story = Story;
+var format = 'DD/MM/YYYY';
+var today = new Date();
 Story.storyName = 'Calendar';
 Story.args = {
-  captions: {},
-  disabledDates: [],
+  captions: (_captions = {}, _defineProperty(_captions, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 6, 'days'), {
+    format: format
+  }), '10.95$'), _defineProperty(_captions, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 8, 'days'), {
+    format: format
+  }), '129510.95$'), _defineProperty(_captions, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 16, 'days'), {
+    format: format
+  }), '10.95$'), _defineProperty(_captions, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 18, 'days'), {
+    format: format
+  }), '9.95$'), _captions),
+  disabledDates: [(0, _locale.dateFormat)((0, _locale.dateCalc)(today, 20, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 21, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 22, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 23, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 24, 'days'), {
+    format: format
+  })],
   disabledPast: true,
-  format: 'DD/MM/YYYY',
-  // children: 'Hello',
-  // disabled: false,
-  // large: false,
-  locale: 'en-GB',
-  months: 3,
+  format: format,
+  from: '',
+  highlights: [(0, _locale.dateFormat)((0, _locale.dateCalc)(today, 6, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 10, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 12, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 14, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 16, 'days'), {
+    format: format
+  })],
+  locale: 'es-ES',
+  months: 2,
   range: true,
   rangeMaxDays: 7,
-  rangeMinDays: 3 // outlined: false,
-  // rounded: false,
-  // small: false,
-  // squared: false,
-  // tag: 'Calendar',
-  // wide: false,
+  rangeMinDays: 3,
+  to: (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 6, 'months')),
+  value: [],
+  onChange: function onChange() {
+    var _console;
+
+    for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+      props[_key] = arguments[_key];
+    }
+
+    return (_console = console).log.apply(_console, ['<Calendar>::onChange'].concat(props));
+  },
+  onFocus: function onFocus() {
+    var _console2;
+
+    for (var _len2 = arguments.length, props = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      props[_key2] = arguments[_key2];
+    }
+
+    return (_console2 = console).log.apply(_console2, ['<Calendar>::onFocus'].concat(props));
+  },
+  onNavigation: function onNavigation() {
+    var _console3;
+
+    for (var _len3 = arguments.length, props = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      props[_key3] = arguments[_key3];
+    }
+
+    return (_console3 = console).log.apply(_console3, ['<Calendar>::onNavigation'].concat(props));
+  },
+  onScroll: function onScroll() {
+    var _console4;
+
+    for (var _len4 = arguments.length, props = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      props[_key4] = arguments[_key4];
+    }
 
+    return (_console4 = console).log.apply(_console4, ['<Calendar>::onScroll'].concat(props));
+  }
 };
-Story.argTypes = {// onChange: { action: 'onChange' },
-  // onFocus: { action: 'onFocus' },
-  // onNavigation: { action: 'onNavigation' }, // ! TODO:
-  // onScroll: { action: 'onScroll' },
+Story.argTypes = {
+  locale: {
+    options: ['es-ES', 'en-GB', 'ja-JP', 'it-IT', 'pt-PT'],
+    control: {
+      type: 'select'
+    },
+    defaultValue: 'es-ES'
+  }
 };
 //# sourceMappingURL=Calendar.stories.js.map

package/build/components/Calendar/Calendar.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.stories.js","names":["title","Story","props","storyName","args","captions","disabledDates","disabledPast","format","locale","months","range","rangeMaxDays","rangeMinDays","argTypes"],"sources":["../../../src/components/Calendar/Calendar.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Calendar } from './Calendar';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Calendar {...props} />;\n\nStory.storyName = 'Calendar';\n\nStory.args = {\n  captions: {},\n  disabledDates: [],\n  disabledPast: true,\n  format: 'DD/MM/YYYY',\n  // children: 'Hello',\n  // disabled: false,\n  // large: false,\n  locale: 'en-GB',\n  months: 3,\n  range: true,\n  rangeMaxDays: 7,\n  rangeMinDays: 3,\n  // outlined: false,\n  // rounded: false,\n  // small: false,\n  // squared: false,\n  // tag: 'Calendar',\n  // wide: false,\n};\n\nStory.argTypes = {\n  // onChange: { action: 'onChange' },\n  // onFocus: { action: 'onFocus' },\n  // onNavigation: { action: 'onNavigation' }, // ! TODO:\n  // onScroll: { action: 'onScroll' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,kBAAD,EAAcA,KAAd,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,UAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,EADC;EAEXC,aAAa,EAAE,EAFJ;EAGXC,YAAY,EAAE,IAHH;EAIXC,MAAM,EAAE,YAJG;EAKX;EACA;EACA;EACAC,MAAM,EAAE,OARG;EASXC,MAAM,EAAE,CATG;EAUXC,KAAK,EAAE,IAVI;EAWXC,YAAY,EAAE,CAXH;EAYXC,YAAY,EAAE,CAZH,CAaX;EACA;EACA;EACA;EACA;EACA;;AAlBW,CAAb;AAqBAZ,KAAK,CAACa,QAAN,GAAiB,CACf;EACA;EACA;EACA;AAJe,CAAjB"}
+{"version":3,"file":"Calendar.stories.js","names":["title","Story","props","format","today","Date","storyName","args","captions","disabledDates","disabledPast","from","highlights","locale","months","range","rangeMaxDays","rangeMinDays","to","value","onChange","console","log","onFocus","onNavigation","onScroll","argTypes","options","control","type","defaultValue"],"sources":["../../../src/components/Calendar/Calendar.stories.jsx"],"sourcesContent":["import { dateCalc, dateFormat } from '@mirai/locale';\nimport * as React from 'react';\n\nimport { Calendar } from './Calendar';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Calendar {...props} />;\n\nconst format = 'DD/MM/YYYY';\nconst today = new Date();\n\nStory.storyName = 'Calendar';\n\nStory.args = {\n  captions: {\n    [dateFormat(dateCalc(today, 6, 'days'), { format })]: '10.95$',\n    [dateFormat(dateCalc(today, 8, 'days'), { format })]: '129510.95$',\n    [dateFormat(dateCalc(today, 16, 'days'), { format })]: '10.95$',\n    [dateFormat(dateCalc(today, 18, 'days'), { format })]: '9.95$',\n  },\n  disabledDates: [\n    dateFormat(dateCalc(today, 20, 'days'), { format }),\n    dateFormat(dateCalc(today, 21, 'days'), { format }),\n    dateFormat(dateCalc(today, 22, 'days'), { format }),\n    dateFormat(dateCalc(today, 23, 'days'), { format }),\n    dateFormat(dateCalc(today, 24, 'days'), { format }),\n  ],\n  disabledPast: true,\n  format,\n  from: '',\n  highlights: [\n    dateFormat(dateCalc(today, 6, 'days'), { format }),\n    dateFormat(dateCalc(today, 10, 'days'), { format }),\n    dateFormat(dateCalc(today, 12, 'days'), { format }),\n    dateFormat(dateCalc(today, 14, 'days'), { format }),\n    dateFormat(dateCalc(today, 16, 'days'), { format }),\n  ],\n  locale: 'es-ES',\n  months: 2,\n  range: true,\n  rangeMaxDays: 7,\n  rangeMinDays: 3,\n  to: dateFormat(dateCalc(today, 6, 'months')),\n  value: [],\n  onChange: (...props) => console.log('<Calendar>::onChange', ...props),\n  onFocus: (...props) => console.log('<Calendar>::onFocus', ...props),\n  onNavigation: (...props) => console.log('<Calendar>::onNavigation', ...props),\n  onScroll: (...props) => console.log('<Calendar>::onScroll', ...props),\n};\n\nStory.argTypes = {\n  locale: {\n    options: ['es-ES', 'en-GB', 'ja-JP', 'it-IT', 'pt-PT'],\n    control: { type: 'select' },\n    defaultValue: 'es-ES',\n  },\n};\n"],"mappings":"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"}

package/build/components/Form/Form.stories.js

@@ -0,0 +1,63 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Story = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _ = require("../");
+
+var _Form = require("./Form");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = {
+  title: 'Components'
+};
+exports.default = _default;
+
+var Story = function Story(props) {
+  return /*#__PURE__*/React.createElement(_Form.Form, props, /*#__PURE__*/React.createElement(_.InputText, {
+    name: "username",
+    label: "username"
+  }), /*#__PURE__*/React.createElement(_.InputText, {
+    name: "password",
+    label: "password",
+    type: "password"
+  }), /*#__PURE__*/React.createElement(_.Button, {
+    wide: true
+  }, "Submit"));
+};
+
+exports.Story = Story;
+Story.storyName = 'Form';
+Story.args = {
+  debounce: 0,
+  schema: {},
+  showErrors: false,
+  validateOnMount: false
+};
+Story.argTypes = {
+  onBlur: {
+    action: 'onBlur'
+  },
+  onChange: {
+    action: 'onBlur'
+  },
+  onError: {
+    action: 'onError'
+  },
+  onFocus: {
+    action: 'onFocus'
+  },
+  onSubmit: {
+    action: 'onSubmit'
+  }
+};
+//# sourceMappingURL=Form.stories.js.map

package/build/components/Form/Form.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.stories.js","names":["title","Story","props","storyName","args","debounce","schema","showErrors","validateOnMount","argTypes","onBlur","action","onChange","onError","onFocus","onSubmit"],"sources":["../../../src/components/Form/Form.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button, InputText } from '../';\nimport { Form } from './Form';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <Form {...props}>\n    <InputText name=\"username\" label=\"username\" />\n    <InputText name=\"password\" label=\"password\" type=\"password\" />\n    <Button wide>Submit</Button>\n  </Form>\n);\n\nStory.storyName = 'Form';\n\nStory.args = {\n  debounce: 0,\n  schema: {},\n  showErrors: false,\n  validateOnMount: false,\n};\n\nStory.argTypes = {\n  onBlur: { action: 'onBlur' },\n  onChange: { action: 'onBlur' },\n  onError: { action: 'onError' },\n  onFocus: { action: 'onFocus' },\n  onSubmit: { action: 'onSubmit' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBACnB,oBAAC,UAAD,EAAUA,KAAV,eACE,oBAAC,WAAD;IAAW,IAAI,EAAC,UAAhB;IAA2B,KAAK,EAAC;EAAjC,EADF,eAEE,oBAAC,WAAD;IAAW,IAAI,EAAC,UAAhB;IAA2B,KAAK,EAAC,UAAjC;IAA4C,IAAI,EAAC;EAAjD,EAFF,eAGE,oBAAC,QAAD;IAAQ,IAAI;EAAZ,YAHF,CADmB;AAAA,CAAd;;;AAQPD,KAAK,CAACE,SAAN,GAAkB,MAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,CADC;EAEXC,MAAM,EAAE,EAFG;EAGXC,UAAU,EAAE,KAHD;EAIXC,eAAe,EAAE;AAJN,CAAb;AAOAP,KAAK,CAACQ,QAAN,GAAiB;EACfC,MAAM,EAAE;IAAEC,MAAM,EAAE;EAAV,CADO;EAEfC,QAAQ,EAAE;IAAED,MAAM,EAAE;EAAV,CAFK;EAGfE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAV,CAHM;EAIfG,OAAO,EAAE;IAAEH,MAAM,EAAE;EAAV,CAJM;EAKfI,QAAQ,EAAE;IAAEJ,MAAM,EAAE;EAAV;AALK,CAAjB"}

package/build/components/InputDate/InputDate.js

@@ -119,6 +119,7 @@ var InputDate = function InputDate(_ref) {
       key: index,
       maxLength: part.length,
       name: "".concat(name, ":").concat(part),
+      showState: false,
       value: values[index],
       onChange: function onChange(value) {
         for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {

package/build/components/InputDate/InputDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputDate.js","names":["InputDate","disabled","error","format","label","labels","max","min","name","required","value","onChange","onError","onEnter","onLeave","others","focus","setFocus","parts","split","values","handleChange","partValue","partKey","event","nextValue","map","part","index","join","errors","Object","keys","length","handleEnter","handleLeave","testId","className","style","rest","input","substring","undefined","displayName","propTypes","PropTypes","bool","string","hint","arrayOf","isRequired","func"],"sources":["../../../src/components/InputDate/InputDate.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { getInputDateErrors, styles } from '../../helpers';\nimport { Text, View } from '../../primitives';\nimport { InputText } from '../InputText';\nimport style from './InputDate.module.css';\n\nconst InputDate = ({\n  disabled,\n  error,\n  format = 'DD/MM/YYYY',\n  label,\n  labels = [],\n  max,\n  min,\n  name,\n  required,\n  value = '',\n  onChange = () => {},\n  onError = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n\n  const parts = format.split('/');\n  const values = value?.split('/') || [];\n\n  const handleChange = (partValue = '', partKey, event) => {\n    const nextValue = parts.map((part, index) => (part !== partKey ? values[index] || '' : partValue)).join('/');\n    const errors = getInputDateErrors({ format, max, min, value, required });\n    if (Object.keys(errors).length > 0) onError(errors);\n\n    onChange(nextValue, event);\n  };\n\n  const handleEnter = (event) => {\n    setFocus(true);\n    onEnter(event);\n  };\n\n  const handleLeave = (event) => {\n    setFocus(false);\n    onLeave(event);\n  };\n\n  const { ['data-testid']: testId } = others;\n\n  return (\n    <View className={others.className} data-testid={testId}>\n      <Text className={styles(style.label, disabled && style.disabled, focus && style.focus, error && style.error)}>\n        {label}\n      </Text>\n\n      <View row>\n        {parts.map((part, index) => (\n          <InputText\n            disabled={disabled}\n            error={error}\n            hint={labels[index] || part}\n            key={index}\n            maxLength={part.length}\n            name={`${name}:${part}`}\n            value={values[index]}\n            onChange={(value, ...rest) => handleChange(value, part, ...rest)}\n            onEnter={handleEnter}\n            onLeave={handleLeave}\n            className={styles(style.input, style[part.substring(0, 1)])}\n            data-testid={testId ? `${testId}-${part}` : undefined}\n          />\n        ))}\n      </View>\n    </View>\n  );\n};\n\nInputDate.displayName = 'Component:InputDate';\n\nInputDate.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  format: PropTypes.string,\n  hint: PropTypes.string, // !TODO\n  label: PropTypes.string,\n  labels: PropTypes.arrayOf(PropTypes.string),\n  max: PropTypes.string,\n  min: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  required: PropTypes.bool,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputDate };\n"],"mappings":"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"}
+{"version":3,"file":"InputDate.js","names":["InputDate","disabled","error","format","label","labels","max","min","name","required","value","onChange","onError","onEnter","onLeave","others","focus","setFocus","parts","split","values","handleChange","partValue","partKey","event","nextValue","map","part","index","join","errors","Object","keys","length","handleEnter","handleLeave","testId","className","style","rest","input","substring","undefined","displayName","propTypes","PropTypes","bool","string","hint","arrayOf","isRequired","func"],"sources":["../../../src/components/InputDate/InputDate.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { getInputDateErrors, styles } from '../../helpers';\nimport { Text, View } from '../../primitives';\nimport { InputText } from '../InputText';\nimport style from './InputDate.module.css';\n\nconst InputDate = ({\n  disabled,\n  error,\n  format = 'DD/MM/YYYY',\n  label,\n  labels = [],\n  max,\n  min,\n  name,\n  required,\n  value = '',\n  onChange = () => {},\n  onError = () => {},\n  onEnter = () => {},\n  onLeave = () => {},\n  ...others\n}) => {\n  const [focus, setFocus] = useState(false);\n\n  const parts = format.split('/');\n  const values = value?.split('/') || [];\n\n  const handleChange = (partValue = '', partKey, event) => {\n    const nextValue = parts.map((part, index) => (part !== partKey ? values[index] || '' : partValue)).join('/');\n    const errors = getInputDateErrors({ format, max, min, value, required });\n    if (Object.keys(errors).length > 0) onError(errors);\n\n    onChange(nextValue, event);\n  };\n\n  const handleEnter = (event) => {\n    setFocus(true);\n    onEnter(event);\n  };\n\n  const handleLeave = (event) => {\n    setFocus(false);\n    onLeave(event);\n  };\n\n  const { ['data-testid']: testId } = others;\n\n  return (\n    <View className={others.className} data-testid={testId}>\n      <Text className={styles(style.label, disabled && style.disabled, focus && style.focus, error && style.error)}>\n        {label}\n      </Text>\n\n      <View row>\n        {parts.map((part, index) => (\n          <InputText\n            disabled={disabled}\n            error={error}\n            hint={labels[index] || part}\n            key={index}\n            maxLength={part.length}\n            name={`${name}:${part}`}\n            showState={false}\n            value={values[index]}\n            onChange={(value, ...rest) => handleChange(value, part, ...rest)}\n            onEnter={handleEnter}\n            onLeave={handleLeave}\n            className={styles(style.input, style[part.substring(0, 1)])}\n            data-testid={testId ? `${testId}-${part}` : undefined}\n          />\n        ))}\n      </View>\n    </View>\n  );\n};\n\nInputDate.displayName = 'Component:InputDate';\n\nInputDate.propTypes = {\n  disabled: PropTypes.bool,\n  error: PropTypes.bool,\n  format: PropTypes.string,\n  hint: PropTypes.string, // !TODO\n  label: PropTypes.string,\n  labels: PropTypes.arrayOf(PropTypes.string),\n  max: PropTypes.string,\n  min: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  required: PropTypes.bool,\n  value: PropTypes.string,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { InputDate };\n"],"mappings":"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"}

package/build/components/InputDate/InputDate.module.css

@@ -1,6 +1,3 @@
-:root {
-}
-
 .input {
   max-width: calc(calc(var(--mirai-ui-input-font-size) * 2.25) + calc(var(--mirai-ui-input-text-padding-x) * 2));
 }

package/build/components/InputDate/InputDate.stories.js

@@ -0,0 +1,78 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Story = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _InputDate = require("./InputDate");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = {
+  title: 'Components'
+};
+exports.default = _default;
+
+var Story = function Story(props) {
+  return /*#__PURE__*/React.createElement(_InputDate.InputDate, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'InputDate';
+Story.args = {
+  disabled: false,
+  error: false,
+  format: 'DD/MM/YYYY',
+  hint: 'hint',
+  label: 'label',
+  max: '10/04/2080',
+  min: '10/04/1980',
+  name: 'name',
+  required: false,
+  value: '06/05/2020',
+  onChange: function onChange() {
+    var _console;
+
+    for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+      props[_key] = arguments[_key];
+    }
+
+    return (_console = console).log.apply(_console, ['<InputDate>::onBlur'].concat(props));
+  },
+  onError: function onError() {
+    var _console2;
+
+    for (var _len2 = arguments.length, props = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      props[_key2] = arguments[_key2];
+    }
+
+    return (_console2 = console).log.apply(_console2, ['<InputDate>::onError'].concat(props));
+  },
+  onEnter: function onEnter() {
+    var _console3;
+
+    for (var _len3 = arguments.length, props = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      props[_key3] = arguments[_key3];
+    }
+
+    return (_console3 = console).log.apply(_console3, ['<InputDate>::onEnter'].concat(props));
+  },
+  onLeave: function onLeave() {
+    var _console4;
+
+    for (var _len4 = arguments.length, props = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      props[_key4] = arguments[_key4];
+    }
+
+    return (_console4 = console).log.apply(_console4, ['<InputDate>::onLeave'].concat(props));
+  }
+};
+Story.argTypes = {};
+//# sourceMappingURL=InputDate.stories.js.map

package/build/components/InputDate/InputDate.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputDate.stories.js","names":["title","Story","props","storyName","args","disabled","error","format","hint","label","max","min","name","required","value","onChange","console","log","onError","onEnter","onLeave","argTypes"],"sources":["../../../src/components/InputDate/InputDate.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputDate } from './InputDate';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputDate {...props} />;\n\nStory.storyName = 'InputDate';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  format: 'DD/MM/YYYY',\n  hint: 'hint',\n  label: 'label',\n  max: '10/04/2080',\n  min: '10/04/1980',\n  name: 'name',\n  required: false,\n  value: '06/05/2020',\n  onChange: (...props) => console.log('<InputDate>::onBlur', ...props),\n  onError: (...props) => console.log('<InputDate>::onError', ...props),\n  onEnter: (...props) => console.log('<InputDate>::onEnter', ...props),\n  onLeave: (...props) => console.log('<InputDate>::onLeave', ...props),\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,oBAAD,EAAeA,KAAf,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,WAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,KADC;EAEXC,KAAK,EAAE,KAFI;EAGXC,MAAM,EAAE,YAHG;EAIXC,IAAI,EAAE,MAJK;EAKXC,KAAK,EAAE,OALI;EAMXC,GAAG,EAAE,YANM;EAOXC,GAAG,EAAE,YAPM;EAQXC,IAAI,EAAE,MARK;EASXC,QAAQ,EAAE,KATC;EAUXC,KAAK,EAAE,YAVI;EAWXC,QAAQ,EAAE;IAAA;;IAAA,kCAAIb,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAc,OAAO,EAACC,GAAR,kBAAY,qBAAZ,SAAsCf,KAAtC,EAAd;EAAA,CAXC;EAYXgB,OAAO,EAAE;IAAA;;IAAA,mCAAIhB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAc,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCf,KAAvC,EAAd;EAAA,CAZE;EAaXiB,OAAO,EAAE;IAAA;;IAAA,mCAAIjB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAc,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCf,KAAvC,EAAd;EAAA,CAbE;EAcXkB,OAAO,EAAE;IAAA;;IAAA,mCAAIlB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAc,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCf,KAAvC,EAAd;EAAA;AAdE,CAAb;AAiBAD,KAAK,CAACoB,QAAN,GAAiB,EAAjB"}

package/build/components/InputNumber/InputNumber.module.css

@@ -1,7 +1,3 @@
-:root {
-  --mirai-ui-input-number-value-width: var(--mirai-ui-space-XL);
-}
-
 .inputNumber {
   margin-bottom: var(--mirai-ui-input-text-padding-y);
 }

package/build/components/InputNumber/InputNumber.stories.js

@@ -0,0 +1,50 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Story = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _InputNumber = require("./InputNumber");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = {
+  title: 'Components'
+};
+exports.default = _default;
+
+var Story = function Story(props) {
+  return /*#__PURE__*/React.createElement(_InputNumber.InputNumber, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'InputNumber';
+Story.args = {
+  disabled: false,
+  hint: 'hint',
+  label: 'label',
+  max: 8,
+  min: 1,
+  name: 'name',
+  rounded: false,
+  step: 1,
+  value: 1,
+  onChange: function onChange() {
+    var _console;
+
+    for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+      props[_key] = arguments[_key];
+    }
+
+    return (_console = console).log.apply(_console, ['<InputNumber>::onChange'].concat(props));
+  }
+};
+Story.argTypes = {};
+//# sourceMappingURL=InputNumber.stories.js.map

package/build/components/InputNumber/InputNumber.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.stories.js","names":["title","Story","props","storyName","args","disabled","hint","label","max","min","name","rounded","step","value","onChange","console","log","argTypes"],"sources":["../../../src/components/InputNumber/InputNumber.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputNumber } from './InputNumber';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputNumber {...props} />;\n\nStory.storyName = 'InputNumber';\n\nStory.args = {\n  disabled: false,\n  hint: 'hint',\n  label: 'label',\n  max: 8,\n  min: 1,\n  name: 'name',\n  rounded: false,\n  step: 1,\n  value: 1,\n  onChange: (...props) => console.log('<InputNumber>::onChange', ...props),\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,wBAAD,EAAiBA,KAAjB,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,aAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,KADC;EAEXC,IAAI,EAAE,MAFK;EAGXC,KAAK,EAAE,OAHI;EAIXC,GAAG,EAAE,CAJM;EAKXC,GAAG,EAAE,CALM;EAMXC,IAAI,EAAE,MANK;EAOXC,OAAO,EAAE,KAPE;EAQXC,IAAI,EAAE,CARK;EASXC,KAAK,EAAE,CATI;EAUXC,QAAQ,EAAE;IAAA;;IAAA,kCAAIZ,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAa,OAAO,EAACC,GAAR,kBAAY,yBAAZ,SAA0Cd,KAA1C,EAAd;EAAA;AAVC,CAAb;AAaAD,KAAK,CAACgB,QAAN,GAAiB,EAAjB"}

package/build/components/InputOption/InputOption.module.css

@@ -1,9 +1,3 @@
-:root {
-  --mirai-ui-input-option-disabled: var(--mirai-ui-content-light);
-  --mirai-ui-input-option-label-margin: var(--mirai-ui-space-S);
-  --mirai-ui-input-option-padding-y: var(--mirai-ui-space-S);
-}
-
 .inputOption {
   align-items: center;
   display: flex;

package/build/components/InputOption/InputOption.stories.js

@@ -0,0 +1,58 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Story = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _InputOption = require("./InputOption");
+
+var _InputOption2 = require("./InputOption.constants");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = {
+  title: 'Components'
+};
+exports.default = _default;
+
+var Story = function Story(props) {
+  return /*#__PURE__*/React.createElement(_InputOption.InputOption, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'InputOption';
+Story.args = {
+  checked: true,
+  disabled: false,
+  label: 'label',
+  name: 'name',
+  reverse: false,
+  type: 'checkbox',
+  value: 'value',
+  onChange: function onChange() {
+    var _console;
+
+    for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+      props[_key] = arguments[_key];
+    }
+
+    return (_console = console).log.apply(_console, ['<InputOption>::onChange'].concat(props));
+  }
+};
+Story.argTypes = {
+  type: {
+    options: [_InputOption2.CHECKBOX, _InputOption2.RADIO, _InputOption2.SWITCH],
+    control: {
+      type: 'select'
+    },
+    defaultValue: _InputOption2.CHECKBOX
+  }
+};
+//# sourceMappingURL=InputOption.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputOption.stories.js","names":["title","Story","props","storyName","args","checked","disabled","label","name","reverse","type","value","onChange","console","log","argTypes","options","CHECKBOX","RADIO","SWITCH","control","defaultValue"],"sources":["../../../src/components/InputOption/InputOption.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputOption } from './InputOption';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputOption {...props} />;\n\nStory.storyName = 'InputOption';\n\nStory.args = {\n  checked: true,\n  disabled: false,\n  label: 'label',\n  name: 'name',\n  reverse: false,\n  type: 'checkbox',\n  value: 'value',\n  onChange: (...props) => console.log('<InputOption>::onChange', ...props),\n};\n\nStory.argTypes = {\n  type: {\n    options: [CHECKBOX, RADIO, SWITCH],\n    control: { type: 'select' },\n    defaultValue: CHECKBOX,\n  },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,wBAAD,EAAiBA,KAAjB,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,aAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,OAAO,EAAE,IADE;EAEXC,QAAQ,EAAE,KAFC;EAGXC,KAAK,EAAE,OAHI;EAIXC,IAAI,EAAE,MAJK;EAKXC,OAAO,EAAE,KALE;EAMXC,IAAI,EAAE,UANK;EAOXC,KAAK,EAAE,OAPI;EAQXC,QAAQ,EAAE;IAAA;;IAAA,kCAAIV,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAW,OAAO,EAACC,GAAR,kBAAY,yBAAZ,SAA0CZ,KAA1C,EAAd;EAAA;AARC,CAAb;AAWAD,KAAK,CAACc,QAAN,GAAiB;EACfL,IAAI,EAAE;IACJM,OAAO,EAAE,CAACC,sBAAD,EAAWC,mBAAX,EAAkBC,oBAAlB,CADL;IAEJC,OAAO,EAAE;MAAEV,IAAI,EAAE;IAAR,CAFL;IAGJW,YAAY,EAAEJ;EAHV;AADS,CAAjB"}