@mirai/ui 1.0.12 → 1.0.13

package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap

@@ -0,0 +1,127 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`primitive:<Checkbox> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="checkbox mirai"
+  >
+    <input
+      class=""
+      name="name"
+      type="checkbox"
+      value=""
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Checkbox> prop:checked && disabled 1`] = `
+<DocumentFragment>
+  <div
+    class="checkbox"
+  >
+    <input
+      checked=""
+      class="checked"
+      disabled=""
+      name="name"
+      type="checkbox"
+      value=""
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Checkbox> prop:checked 1`] = `
+<DocumentFragment>
+  <div
+    class="checkbox"
+  >
+    <input
+      checked=""
+      class="checked"
+      name="name"
+      type="checkbox"
+      value=""
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Checkbox> prop:children 1`] = `
+<DocumentFragment>
+  <div
+    class="checkbox"
+  >
+    <input
+      class=""
+      name="name"
+      type="checkbox"
+      value=""
+    />
+    <div />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Checkbox> prop:disabled 1`] = `
+<DocumentFragment>
+  <div
+    class="checkbox"
+  >
+    <input
+      class=""
+      disabled=""
+      name="name"
+      type="checkbox"
+      value=""
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Checkbox> prop:value 1`] = `
+<DocumentFragment>
+  <div
+    class="checkbox"
+  >
+    <input
+      class=""
+      name="name"
+      type="checkbox"
+      value="value"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Checkbox> render 1`] = `
+<DocumentFragment>
+  <div
+    class="checkbox"
+  >
+    <input
+      class=""
+      name="name"
+      type="checkbox"
+      value=""
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Checkbox> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="checkbox"
+  >
+    <input
+      class=""
+      data-testid="mirai"
+      name="name"
+      type="checkbox"
+      value=""
+    />
+  </div>
+</DocumentFragment>
+`;

package/build/primitives/Checkbox/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Checkbox = require("./Checkbox");
+
+Object.keys(_Checkbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Checkbox[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

package/build/primitives/Icon/Icon.constants.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ICONS = void 0;
+
+var _fi = require("react-icons/fi");
+
+var ICONS = {
+  Empty: undefined,
+  // directions
+  Left: _fi.FiArrowLeft,
+  Right: _fi.FiArrowRight,
+  Up: _fi.FiArrowUp,
+  Down: _fi.FiArrowDown,
+  // Close
+  Close: _fi.FiX,
+  CloseArrow: _fi.FiChevronDown,
+  // Calc
+  Plus: _fi.FiPlus,
+  Minus: _fi.FiMinus,
+  // Eye
+  EyeOpen: _fi.FiEye,
+  EyeClose: _fi.FiEyeOff,
+  // Check
+  Check: _fi.FiCheck
+};
+exports.ICONS = ICONS;
+//# sourceMappingURL=Icon.constants.js.map

package/build/primitives/Icon/Icon.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.constants.js","names":["ICONS","Empty","undefined","Left","Right","Up","Down","Close","CloseArrow","Plus","Minus","EyeOpen","EyeClose","Check"],"sources":["../../../src/primitives/Icon/Icon.constants.js"],"sourcesContent":["import {\n  FiArrowUp as Up,\n  FiArrowDown as Down,\n  FiArrowLeft as Left,\n  FiArrowRight as Right,\n  FiChevronDown as CloseArrow,\n  FiX as Close,\n  FiEye as EyeOpen,\n  FiEyeOff as EyeClose,\n  FiPlus as Plus,\n  FiMinus as Minus,\n  FiCheck as Check,\n} from 'react-icons/fi';\n\nconst ICONS = {\n  Empty: undefined,\n  // directions\n  Left,\n  Right,\n  Up,\n  Down,\n  // Close\n  Close,\n  CloseArrow,\n  // Calc\n  Plus,\n  Minus,\n  // Eye\n  EyeOpen,\n  EyeClose,\n  // Check\n  Check,\n};\n\nexport { ICONS };\n"],"mappings":";;;;;;;AAAA;;AAcA,IAAMA,KAAK,GAAG;EACZC,KAAK,EAAEC,SADK;EAEZ;EACAC,IAAI,EAAJA,eAHY;EAIZC,KAAK,EAALA,gBAJY;EAKZC,EAAE,EAAFA,aALY;EAMZC,IAAI,EAAJA,eANY;EAOZ;EACAC,KAAK,EAALA,OARY;EASZC,UAAU,EAAVA,iBATY;EAUZ;EACAC,IAAI,EAAJA,UAXY;EAYZC,KAAK,EAALA,WAZY;EAaZ;EACAC,OAAO,EAAPA,SAdY;EAeZC,QAAQ,EAARA,YAfY;EAgBZ;EACAC,KAAK,EAALA;AAjBY,CAAd"}

package/build/primitives/Icon/Icon.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Icon = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _Icon = require("./Icon.constants");
+
+var _IconModule = _interopRequireDefault(require("./Icon.module.css"));
+
+var _excluded = ["name"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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; }
+
+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; }
+
+var Icon = function Icon(_ref) {
+  var name = _ref.name,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement('span', _objectSpread(_objectSpread({}, others), {}, {
+    className: (0, _helpers.styles)(_IconModule.default.icon, others.className)
+  }), _Icon.ICONS[name] ? /*#__PURE__*/_react.default.createElement(_Icon.ICONS[name]) : undefined);
+};
+
+exports.Icon = Icon;
+Icon.displayName = 'Primitive:Icon';
+Icon.propTypes = {
+  name: _propTypes.default.oneOf(Object.keys(_Icon.ICONS)).isRequired
+};
+//# sourceMappingURL=Icon.js.map

package/build/primitives/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","names":["Icon","name","others","React","createElement","className","style","icon","ICONS","undefined","displayName","propTypes","PropTypes","oneOf","Object","keys","isRequired"],"sources":["../../../src/primitives/Icon/Icon.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { ICONS } from './Icon.constants';\nimport style from './Icon.module.css';\n\nconst Icon = ({ name, ...others }) =>\n  React.createElement(\n    'span',\n    {\n      ...others,\n      className: styles(style.icon, others.className),\n    },\n    ICONS[name] ? React.createElement(ICONS[name]) : undefined,\n  );\n\nIcon.displayName = 'Primitive:Icon';\n\nIcon.propTypes = {\n  name: PropTypes.oneOf(Object.keys(ICONS)).isRequired,\n};\n\nexport { Icon };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,IAAYC,MAAZ;;EAAA,oBACXC,eAAMC,aAAN,CACE,MADF,kCAGOF,MAHP;IAIIG,SAAS,EAAE,qBAAOC,oBAAMC,IAAb,EAAmBL,MAAM,CAACG,SAA1B;EAJf,IAMEG,YAAMP,IAAN,iBAAcE,eAAMC,aAAN,CAAoBI,YAAMP,IAAN,CAApB,CAAd,GAAiDQ,SANnD,CADW;AAAA,CAAb;;;AAUAT,IAAI,CAACU,WAAL,GAAmB,gBAAnB;AAEAV,IAAI,CAACW,SAAL,GAAiB;EACfV,IAAI,EAAEW,mBAAUC,KAAV,CAAgBC,MAAM,CAACC,IAAP,CAAYP,WAAZ,CAAhB,EAAoCQ;AAD3B,CAAjB"}

package/build/primitives/Icon/Icon.module.css

@@ -0,0 +1,11 @@
+:root {
+  --mirai-ui-icon: var(--mirai-ui-font-size-paragraph);
+}
+
+.icon {
+  display: block;
+  line-height: var(--mirai-ui-icon);
+  height: var(--mirai-ui-icon);
+  width: var(--mirai-ui-icon);
+  font-size: var(--mirai-ui-icon);
+}

package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap

@@ -0,0 +1,133 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`primitive:<Icon> inherit:className 1`] = `
+<DocumentFragment>
+  <span
+    class="icon mirai"
+  >
+    <svg
+      fill="none"
+      height="1em"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <line
+        x1="19"
+        x2="5"
+        y1="12"
+        y2="12"
+      />
+      <polyline
+        points="12 19 5 12 12 5"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:name (invalid) 1`] = `
+<DocumentFragment>
+  <span
+    class="icon"
+  />
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> prop:name 1`] = `
+<DocumentFragment>
+  <span
+    class="icon"
+  >
+    <svg
+      fill="none"
+      height="1em"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <line
+        x1="18"
+        x2="6"
+        y1="6"
+        y2="18"
+      />
+      <line
+        x1="6"
+        x2="18"
+        y1="6"
+        y2="18"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> renders 1`] = `
+<DocumentFragment>
+  <span
+    class="icon"
+  >
+    <svg
+      fill="none"
+      height="1em"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <line
+        x1="19"
+        x2="5"
+        y1="12"
+        y2="12"
+      />
+      <polyline
+        points="12 19 5 12 12 5"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Icon> testID 1`] = `
+<DocumentFragment>
+  <span
+    class="icon"
+    data-testid="mirai"
+  >
+    <svg
+      fill="none"
+      height="1em"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <line
+        x1="19"
+        x2="5"
+        y1="12"
+        y2="12"
+      />
+      <polyline
+        points="12 19 5 12 12 5"
+      />
+    </svg>
+  </span>
+</DocumentFragment>
+`;

package/build/primitives/Icon/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  ICONS: true
+};
+Object.defineProperty(exports, "ICONS", {
+  enumerable: true,
+  get: function get() {
+    return _Icon2.ICONS;
+  }
+});
+
+var _Icon = require("./Icon");
+
+Object.keys(_Icon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Icon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Icon[key];
+    }
+  });
+});
+
+var _Icon2 = require("./Icon.constants");
+//# sourceMappingURL=index.js.map

package/build/primitives/Icon/index.js.map

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

package/build/primitives/Input/Input.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _helpers2 = require("./helpers");
+
+var _InputModule = _interopRequireDefault(require("./Input.module.css"));
+
+var _excluded = ["disabled", "multiLine", "type", "onChange", "onEnter", "onError", "onLeave"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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; }
+
+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; }
+
+var Input = function Input(_ref) {
+  var disabled = _ref.disabled,
+      multiLine = _ref.multiLine,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'text' : _ref$type,
+      onChange = _ref.onChange,
+      onEnter = _ref.onEnter,
+      onError = _ref.onError,
+      onLeave = _ref.onLeave,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var errors = (0, _helpers.getInputErrors)(_objectSpread(_objectSpread({}, others), {}, {
+    type: type
+  }));
+  if (errors && onError) onError(errors);
+
+  var handleChange = function handleChange() {
+    var next = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var event = arguments.length > 1 ? arguments[1] : undefined;
+    if (type === 'number' && isNaN(next)) return;
+    var value = (0, _helpers2.parseValue)(next, type, others);
+    onError && onError((0, _helpers.getInputErrors)(_objectSpread(_objectSpread({}, others), {}, {
+      type: type,
+      value: value
+    })));
+    onChange && onChange(value || '', event);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(multiLine ? 'textarea' : 'input', _objectSpread(_objectSpread({}, others), {}, {
+    disabled: disabled,
+    className: (0, _helpers.styles)(_InputModule.default.input, others.className),
+    type: type
+  }, !disabled ? {
+    onChange: function onChange(event) {
+      return handleChange(event.target.value, event);
+    },
+    onFocus: onEnter,
+    onBlur: onLeave
+  } : {}));
+};
+
+exports.Input = Input;
+Input.displayName = 'Primitive:Input';
+Input.propTypes = {
+  disabled: _propTypes.default.bool,
+  multiLine: _propTypes.default.bool,
+  name: _propTypes.default.string.isRequired,
+  type: _propTypes.default.string,
+  onChange: _propTypes.default.func,
+  onEnter: _propTypes.default.func,
+  onError: _propTypes.default.func,
+  onLeave: _propTypes.default.func
+};
+//# sourceMappingURL=Input.js.map

package/build/primitives/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","names":["Input","disabled","multiLine","type","onChange","onEnter","onError","onLeave","others","errors","handleChange","next","event","isNaN","value","React","createElement","className","style","input","target","onFocus","onBlur","displayName","propTypes","PropTypes","bool","name","string","isRequired","func"],"sources":["../../../src/primitives/Input/Input.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { parseValue } from './helpers';\nimport style from './Input.module.css';\n\nconst Input = ({ disabled, multiLine, type = 'text', onChange, onEnter, onError, onLeave, ...others }) => {\n  const errors = getInputErrors({ ...others, type });\n  if (errors && onError) onError(errors);\n\n  const handleChange = (next = '', event) => {\n    if (type === 'number' && isNaN(next)) return;\n    const value = parseValue(next, type, others);\n\n    onError && onError(getInputErrors({ ...others, type, value }));\n    onChange && onChange(value || '', event);\n  };\n\n  return React.createElement(multiLine ? 'textarea' : 'input', {\n    ...others,\n    disabled,\n    className: styles(style.input, others.className),\n    type,\n    ...(!disabled\n      ? {\n          onChange: (event) => handleChange(event.target.value, event),\n          onFocus: onEnter,\n          onBlur: onLeave,\n        }\n      : {}),\n  });\n};\nInput.displayName = 'Primitive:Input';\n\nInput.propTypes = {\n  disabled: PropTypes.bool,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  type: PropTypes.string,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { Input };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA4F;EAAA,IAAzFC,QAAyF,QAAzFA,QAAyF;EAAA,IAA/EC,SAA+E,QAA/EA,SAA+E;EAAA,qBAApEC,IAAoE;EAAA,IAApEA,IAAoE,0BAA7D,MAA6D;EAAA,IAArDC,QAAqD,QAArDA,QAAqD;EAAA,IAA3CC,OAA2C,QAA3CA,OAA2C;EAAA,IAAlCC,OAAkC,QAAlCA,OAAkC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;;EACxG,IAAMC,MAAM,GAAG,6DAAoBD,MAApB;IAA4BL,IAAI,EAAJA;EAA5B,GAAf;EACA,IAAIM,MAAM,IAAIH,OAAd,EAAuBA,OAAO,CAACG,MAAD,CAAP;;EAEvB,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAsB;IAAA,IAArBC,IAAqB,uEAAd,EAAc;IAAA,IAAVC,KAAU;IACzC,IAAIT,IAAI,KAAK,QAAT,IAAqBU,KAAK,CAACF,IAAD,CAA9B,EAAsC;IACtC,IAAMG,KAAK,GAAG,0BAAWH,IAAX,EAAiBR,IAAjB,EAAuBK,MAAvB,CAAd;IAEAF,OAAO,IAAIA,OAAO,CAAC,6DAAoBE,MAApB;MAA4BL,IAAI,EAAJA,IAA5B;MAAkCW,KAAK,EAALA;IAAlC,GAAD,CAAlB;IACAV,QAAQ,IAAIA,QAAQ,CAACU,KAAK,IAAI,EAAV,EAAcF,KAAd,CAApB;EACD,CAND;;EAQA,oBAAOG,eAAMC,aAAN,CAAoBd,SAAS,GAAG,UAAH,GAAgB,OAA7C,kCACFM,MADE;IAELP,QAAQ,EAARA,QAFK;IAGLgB,SAAS,EAAE,qBAAOC,qBAAMC,KAAb,EAAoBX,MAAM,CAACS,SAA3B,CAHN;IAILd,IAAI,EAAJA;EAJK,GAKD,CAACF,QAAD,GACA;IACEG,QAAQ,EAAE,kBAACQ,KAAD;MAAA,OAAWF,YAAY,CAACE,KAAK,CAACQ,MAAN,CAAaN,KAAd,EAAqBF,KAArB,CAAvB;IAAA,CADZ;IAEES,OAAO,EAAEhB,OAFX;IAGEiB,MAAM,EAAEf;EAHV,CADA,GAMA,EAXC,EAAP;AAaD,CAzBD;;;AA0BAP,KAAK,CAACuB,WAAN,GAAoB,iBAApB;AAEAvB,KAAK,CAACwB,SAAN,GAAkB;EAChBvB,QAAQ,EAAEwB,mBAAUC,IADJ;EAEhBxB,SAAS,EAAEuB,mBAAUC,IAFL;EAGhBC,IAAI,EAAEF,mBAAUG,MAAV,CAAiBC,UAHP;EAIhB1B,IAAI,EAAEsB,mBAAUG,MAJA;EAKhBxB,QAAQ,EAAEqB,mBAAUK,IALJ;EAMhBzB,OAAO,EAAEoB,mBAAUK,IANH;EAOhBxB,OAAO,EAAEmB,mBAAUK,IAPH;EAQhBvB,OAAO,EAAEkB,mBAAUK;AARH,CAAlB"}

package/build/primitives/Input/Input.module.css

@@ -0,0 +1,32 @@
+:root {
+  --mirai-ui-input-background: var(--mirai-ui-base);
+  --mirai-ui-input-color: var(--mirai-ui-content);
+  --mirai-ui-input-disabled: var(--mirai-ui-content-400);
+}
+
+.input {
+  background-color: var(--mirai-ui-input-background);
+  border: none;
+  box-sizing: border-box;
+  color: var(--mirai-ui-input-color);
+  direction: var(--mirai-ui-text-direction);
+  font-family: var(--mirai-ui-input-font);
+  font-size: var(--mirai-ui-input-font-size);
+  margin: 0;
+  outline: none;
+  text-align: var(--mirai-ui-text-align);
+  user-select: none;
+  width: 100%;
+
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+
+.input:disabled {
+  color: var(--mirai-ui-input-disabled);
+}
+
+.input::placeholder {
+  color: var(--mirai-ui-input-disabled);
+}

package/build/primitives/Input/__tests__/__snapshots__/Input.test.js.snap

@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`primitive:<Input> inherit:className 1`] = `
+<DocumentFragment>
+  <input
+    class="input mirai"
+    name="name"
+    type="text"
+  />
+</DocumentFragment>
+`;
+
+exports[`primitive:<Input> prop:disabled 1`] = `
+<DocumentFragment>
+  <input
+    class="input"
+    disabled=""
+    name="name"
+    type="text"
+  />
+</DocumentFragment>
+`;
+
+exports[`primitive:<Input> prop:multiLine 1`] = `
+<DocumentFragment>
+  <textarea
+    class="input"
+    name="name"
+    type="text"
+  />
+</DocumentFragment>
+`;
+
+exports[`primitive:<Input> prop:type 1`] = `
+<DocumentFragment>
+  <input
+    class="input"
+    name="name"
+    type="password"
+  />
+</DocumentFragment>
+`;
+
+exports[`primitive:<Input> prop:value 1`] = `
+<DocumentFragment>
+  <input
+    class="input"
+    name="name"
+    type="text"
+    value="value"
+  />
+</DocumentFragment>
+`;
+
+exports[`primitive:<Input> renders 1`] = `
+<DocumentFragment>
+  <input
+    class="input"
+    name="name"
+    type="text"
+  />
+</DocumentFragment>
+`;
+
+exports[`primitive:<Input> testID 1`] = `
+<DocumentFragment>
+  <input
+    class="input"
+    data-testid="mirai"
+    name="name"
+    type="text"
+  />
+</DocumentFragment>
+`;

package/build/primitives/Input/helpers/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _parseValue = require("./parseValue");
+
+Object.keys(_parseValue).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _parseValue[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _parseValue[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/primitives/Input/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/primitives/Input/helpers/index.js"],"sourcesContent":["export * from './parseValue';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/primitives/Input/helpers/parseValue.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseValue = void 0;
+
+var parseValue = function parseValue(value, type) {
+  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+      _ref$trimSpaces = _ref.trimSpaces,
+      trimSpaces = _ref$trimSpaces === void 0 ? false : _ref$trimSpaces;
+
+  return value && value.toString().trim().length > 0 ? type !== 'number' ? (trimSpaces ? value.trim() : value).toString() : !isNaN(value) ? parseFloat(value, 10) : undefined : undefined;
+};
+
+exports.parseValue = parseValue;
+//# sourceMappingURL=parseValue.js.map

package/build/primitives/Input/helpers/parseValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseValue.js","names":["parseValue","value","type","trimSpaces","toString","trim","length","isNaN","parseFloat","undefined"],"sources":["../../../../src/primitives/Input/helpers/parseValue.js"],"sourcesContent":["export const parseValue = (value, type, { trimSpaces = false } = {}) =>\n  value && value.toString().trim().length > 0\n    ? type !== 'number'\n      ? (trimSpaces ? value.trim() : value).toString()\n      : !isNaN(value)\n      ? parseFloat(value, 10)\n      : undefined\n    : undefined;\n"],"mappings":";;;;;;;AAAO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAQC,IAAR;EAAA,+EAAuC,EAAvC;EAAA,2BAAgBC,UAAhB;EAAA,IAAgBA,UAAhB,gCAA6B,KAA7B;;EAAA,OACxBF,KAAK,IAAIA,KAAK,CAACG,QAAN,GAAiBC,IAAjB,GAAwBC,MAAxB,GAAiC,CAA1C,GACIJ,IAAI,KAAK,QAAT,GACE,CAACC,UAAU,GAAGF,KAAK,CAACI,IAAN,EAAH,GAAkBJ,KAA7B,EAAoCG,QAApC,EADF,GAEE,CAACG,KAAK,CAACN,KAAD,CAAN,GACAO,UAAU,CAACP,KAAD,EAAQ,EAAR,CADV,GAEAQ,SALN,GAMIA,SAPoB;AAAA,CAAnB"}