@mirai/ui 1.0.0

package/build/primitives/Icon/Icon.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Icon = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _Icon = require("./Icon.constants");
+
+var _IconModule = _interopRequireDefault(require("./Icon.module.css"));
+
+var _excluded = ["name"];
+
+var Icon = function Icon(_ref) {
+  var name = _ref.name,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement('span', (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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';
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/primitives/Icon/Icon.jsx"],"names":["Icon","name","others","React","createElement","className","style","icon","ICONS","undefined","displayName"],"mappings":";;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,MAAYC,MAAZ;AAAA,sBACXC,eAAMC,aAAN,CACE,MADF,8DAGOF,MAHP;AAIIG,IAAAA,SAAS,EAAE,qBAAOC,oBAAMC,IAAb,EAAmBL,MAAM,CAACG,SAA1B;AAJf,MAMEG,YAAMP,IAAN,iBAAcE,eAAMC,aAAN,CAAoBI,YAAMP,IAAN,CAApB,CAAd,GAAiDQ,SANnD,CADW;AAAA,CAAb;;;AAUAT,IAAI,CAACU,WAAL,GAAmB,gBAAnB","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"],"file":"Icon.js"}

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,"sources":["../../../src/primitives/Icon/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA","sourcesContent":["export * from './Icon';\nexport { ICONS } from './Icon.constants';\n"],"file":"index.js"}

package/build/primitives/Input/Input.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+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"];
+
+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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var errors = (0, _helpers.getInputErrors)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, others), {}, {
+      type: type,
+      value: value
+    })));
+    onChange && onChange(value || '', event);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(multiLine ? 'textarea' : 'input', (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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';
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/primitives/Input/Input.jsx"],"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"],"mappings":";;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA4F;AAAA,MAAzFC,QAAyF,QAAzFA,QAAyF;AAAA,MAA/EC,SAA+E,QAA/EA,SAA+E;AAAA,uBAApEC,IAAoE;AAAA,MAApEA,IAAoE,0BAA7D,MAA6D;AAAA,MAArDC,QAAqD,QAArDA,QAAqD;AAAA,MAA3CC,OAA2C,QAA3CA,OAA2C;AAAA,MAAlCC,OAAkC,QAAlCA,OAAkC;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AAAA,MAAbC,MAAa;AACxG,MAAMC,MAAM,GAAG,yFAAoBD,MAApB;AAA4BL,IAAAA,IAAI,EAAJA;AAA5B,KAAf;AACA,MAAIM,MAAM,IAAIH,OAAd,EAAuBA,OAAO,CAACG,MAAD,CAAP;;AAEvB,MAAMC,YAAY,GAAG,SAAfA,YAAe,GAAsB;AAAA,QAArBC,IAAqB,uEAAd,EAAc;AAAA,QAAVC,KAAU;AACzC,QAAIT,IAAI,KAAK,QAAT,IAAqBU,KAAK,CAACF,IAAD,CAA9B,EAAsC;AACtC,QAAMG,KAAK,GAAG,0BAAWH,IAAX,EAAiBR,IAAjB,EAAuBK,MAAvB,CAAd;AAEAF,IAAAA,OAAO,IAAIA,OAAO,CAAC,yFAAoBE,MAApB;AAA4BL,MAAAA,IAAI,EAAJA,IAA5B;AAAkCW,MAAAA,KAAK,EAALA;AAAlC,OAAD,CAAlB;AACAV,IAAAA,QAAQ,IAAIA,QAAQ,CAACU,KAAK,IAAI,EAAV,EAAcF,KAAd,CAApB;AACD,GAND;;AAQA,sBAAOG,eAAMC,aAAN,CAAoBd,SAAS,GAAG,UAAH,GAAgB,OAA7C,8DACFM,MADE;AAELP,IAAAA,QAAQ,EAARA,QAFK;AAGLgB,IAAAA,SAAS,EAAE,qBAAOC,qBAAMC,KAAb,EAAoBX,MAAM,CAACS,SAA3B,CAHN;AAILd,IAAAA,IAAI,EAAJA;AAJK,KAKD,CAACF,QAAD,GACA;AACEG,IAAAA,QAAQ,EAAE,kBAACQ,KAAD;AAAA,aAAWF,YAAY,CAACE,KAAK,CAACQ,MAAN,CAAaN,KAAd,EAAqBF,KAArB,CAAvB;AAAA,KADZ;AAEES,IAAAA,OAAO,EAAEhB,OAFX;AAGEiB,IAAAA,MAAM,EAAEf;AAHV,GADA,GAMA,EAXC,EAAP;AAaD,CAzBD;;;AA0BAP,KAAK,CAACuB,WAAN,GAAoB,iBAApB","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"],"file":"Input.js"}

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

@@ -0,0 +1,25 @@
+:root {
+  --mirai-ui-input-font: var(--mirai-ui-font);
+  --mirai-ui-input-font-size: var(--mirai-ui-font-size-paragraph);
+}
+
+.input {
+  background-color: var(--mirai-ui-base);
+  border: none;
+  box-sizing: border-box;
+  color: var(--mirai-ui-content);
+  font-family: var(--mirai-ui-input-font);
+  font-size: var(--mirai-ui-input-font-size);
+  width: 100%;
+  margin: 0;
+  outline: none;
+  user-select: none;
+}
+
+.input:disabled {
+  color: var(--mirai-ui-lighten);
+}
+
+.input::placeholder {
+  color: var(--mirai-ui-lighten);
+}

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,"sources":["../../../../src/primitives/Input/helpers/index.js"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './parseValue';\n"],"file":"index.js"}

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,"sources":["../../../../src/primitives/Input/helpers/parseValue.js"],"names":["parseValue","value","type","trimSpaces","toString","trim","length","isNaN","parseFloat","undefined"],"mappings":";;;;;;;AAAO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAQC,IAAR;AAAA,iFAAuC,EAAvC;AAAA,6BAAgBC,UAAhB;AAAA,MAAgBA,UAAhB,gCAA6B,KAA7B;;AAAA,SACxBF,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","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"],"file":"parseValue.js"}

package/build/primitives/Input/index.js

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

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

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

package/build/primitives/Pressable/Pressable.constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KEY_ENTER = void 0;
+var KEY_ENTER = 13;
+exports.KEY_ENTER = KEY_ENTER;
+//# sourceMappingURL=Pressable.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/primitives/Pressable/Pressable.constants.js"],"names":["KEY_ENTER"],"mappings":";;;;;;AAAA,IAAMA,SAAS,GAAG,EAAlB","sourcesContent":["const KEY_ENTER = 13;\n\nexport { KEY_ENTER };\n"],"file":"Pressable.constants.js"}

package/build/primitives/Pressable/Pressable.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pressable = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _Pressable = require("./Pressable.constants");
+
+var _PressableModule = _interopRequireDefault(require("./Pressable.module.css"));
+
+var _excluded = ["children", "disabled", "tag", "onEnter", "onLeave", "onPress"];
+
+var Pressable = function Pressable(_ref) {
+  var children = _ref.children,
+      disabled = _ref.disabled,
+      _ref$tag = _ref.tag,
+      tag = _ref$tag === void 0 ? 'button' : _ref$tag,
+      onEnter = _ref.onEnter,
+      onLeave = _ref.onLeave,
+      _ref$onPress = _ref.onPress,
+      onPress = _ref$onPress === void 0 ? function () {} : _ref$onPress,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(tag, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, others), {}, {
+    disabled: disabled,
+    className: (0, _helpers.styles)(_PressableModule.default.pressable, disabled && _PressableModule.default.disabled, others.className)
+  }, !disabled ? {
+    onClick: onPress,
+    onKeyPress: function onKeyPress(_ref2) {
+      var keyCode = _ref2.keyCode;
+      return keyCode === _Pressable.KEY_ENTER ? onPress() : undefined;
+    },
+    onMouseEnter: onEnter,
+    onMouseLeave: onLeave
+  } : {}), children);
+};
+
+exports.Pressable = Pressable;
+Pressable.displayName = 'Primitive:Pressable';
+//# sourceMappingURL=Pressable.js.map

package/build/primitives/Pressable/Pressable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/primitives/Pressable/Pressable.jsx"],"names":["Pressable","children","disabled","tag","onEnter","onLeave","onPress","others","React","createElement","className","style","pressable","onClick","onKeyPress","keyCode","KEY_ENTER","undefined","onMouseEnter","onMouseLeave","displayName"],"mappings":";;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,QAAb,QAAaA,QAAb;AAAA,sBAAuBC,GAAvB;AAAA,MAAuBA,GAAvB,yBAA6B,QAA7B;AAAA,MAAuCC,OAAvC,QAAuCA,OAAvC;AAAA,MAAgDC,OAAhD,QAAgDA,OAAhD;AAAA,0BAAyDC,OAAzD;AAAA,MAAyDA,OAAzD,6BAAmE,YAAM,CAAE,CAA3E;AAAA,MAAgFC,MAAhF;AAAA,sBAChBC,eAAMC,aAAN,CACEN,GADF,8DAGOI,MAHP;AAIIL,IAAAA,QAAQ,EAARA,QAJJ;AAKIQ,IAAAA,SAAS,EAAE,qBAAOC,yBAAMC,SAAb,EAAwBV,QAAQ,IAAIS,yBAAMT,QAA1C,EAAoDK,MAAM,CAACG,SAA3D;AALf,KAMQ,CAACR,QAAD,GACA;AACEW,IAAAA,OAAO,EAAEP,OADX;AAEEQ,IAAAA,UAAU,EAAE;AAAA,UAAGC,OAAH,SAAGA,OAAH;AAAA,aAAkBA,OAAO,KAAKC,oBAAZ,GAAwBV,OAAO,EAA/B,GAAoCW,SAAtD;AAAA,KAFd;AAGEC,IAAAA,YAAY,EAAEd,OAHhB;AAIEe,IAAAA,YAAY,EAAEd;AAJhB,GADA,GAOA,EAbR,GAeEJ,QAfF,CADgB;AAAA,CAAlB;;;AAmBAD,SAAS,CAACoB,WAAV,GAAwB,qBAAxB","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { KEY_ENTER } from './Pressable.constants';\nimport style from './Pressable.module.css';\n\nconst Pressable = ({ children, disabled, tag = 'button', onEnter, onLeave, onPress = () => {}, ...others }) =>\n  React.createElement(\n    tag,\n    {\n      ...others,\n      disabled,\n      className: styles(style.pressable, disabled && style.disabled, others.className),\n      ...(!disabled\n        ? {\n            onClick: onPress,\n            onKeyPress: ({ keyCode }) => (keyCode === KEY_ENTER ? onPress() : undefined),\n            onMouseEnter: onEnter,\n            onMouseLeave: onLeave,\n          }\n        : {}),\n    },\n    children,\n  );\n\nPressable.displayName = 'Primitive:Pressable';\n\nPressable.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  disabled: PropTypes.bool,\n  tag: PropTypes.string,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n  onPress: PropTypes.func,\n};\n\nexport { Pressable };\n"],"file":"Pressable.js"}

package/build/primitives/Pressable/Pressable.module.css

@@ -0,0 +1,18 @@
+.pressable {
+  appearance: none;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+  display: inline-block;
+  height: fit-content;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  user-select: none;
+  width: fit-content;
+}
+
+.disabled {
+  cursor: unset;
+  outline: none;
+}

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

@@ -0,0 +1,53 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`primitive:<Pressable> inherit:className 1`] = `
+<DocumentFragment>
+  <button
+    class="pressable mirai"
+  >
+    children
+  </button>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Pressable> prop:disabled 1`] = `
+<DocumentFragment>
+  <button
+    class="pressable disabled"
+    disabled=""
+  >
+    children
+  </button>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Pressable> prop:tag 1`] = `
+<DocumentFragment>
+  <a
+    class="pressable"
+  >
+    children
+  </a>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Pressable> renders 1`] = `
+<DocumentFragment>
+  <button
+    class="pressable"
+  >
+    children
+  </button>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Pressable> testID 1`] = `
+<DocumentFragment>
+  <button
+    class="pressable"
+    data-testid="mirai"
+  >
+    children
+  </button>
+</DocumentFragment>
+`;

package/build/primitives/Pressable/index.js

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

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

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