matsuri-ui 9.7.2-alpha.0

package/dist/cjs/Mobile/MobileHeader.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MobileHeader = void 0;
+
+var _Button = require("../Button");
+
+var _Icon = require("../Icon");
+
+var _react = require("@emotion/react");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "a8v4vi",
+  styles: "z-index:1;opacity:0"
+} : {
+  name: "4si7l7-MobileHeader",
+  styles: "z-index:1;opacity:0;label:MobileHeader;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Nb2JpbGUvTW9iaWxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRmlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Nb2JpbGUvTW9iaWxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIlxuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2sgfSBmcm9tIFwicmVhY3RcIlxuXG5leHBvcnQgaW50ZXJmYWNlIE1vYmlsZUhlYWRlclByb3BzIGV4dGVuZHMgT21pdDxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sIFwidGl0bGVcIiB8IFwiY29sb3JcIj4ge1xuICAgIC8qKlxuICAgICAqIOOCv+OCpOODiOODq+OCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgICAqL1xuICAgIHRpdGxlPzogUmVhY3QuUmVhY3ROb2RlXG4gICAgLyoqXG4gICAgICog5bem5YG044Gu44Oc44K/44Oz44GM5oq844GV44KM44Gf44Go44GN44Gu5oyZ5YuV44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAgICpcbiAgICAgKiDjgZPjga7lsZ7mgKfjgYzlrZjlnKjjgZfjgarjgYTloLTlkIjjgIHlt6blgbTjga7jg5zjgr/jg7Pjga/ooajnpLrjgZXjgozjgb7jgZvjgpPjgIJcbiAgICAgKi9cbiAgICBvblByZXY/OiAoZXZlbnQ6IFJlYWN0LlN5bnRoZXRpY0V2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4gdm9pZFxuICAgIC8qKlxuICAgICAqIOWPs+WBtOOBruODnOOCv+ODs+OBjOaKvOOBleOCjOOBn+OBqOOBjeOBruaMmeWLleOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgICAqXG4gICAgICog44GT44Gu5bGe5oCn44GM5a2Y5Zyo44GX44Gq44GE5aC05ZCI44CB5Y+z5YG044Gu44Oc44K/44Oz44Gv6KGo56S644GV44KM44G+44Gb44KT44CCXG4gICAgICovXG4gICAgb25OZXh0PzogKGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWRcbn1cblxuZXhwb3J0IGNvbnN0IE1vYmlsZUhlYWRlcjogUmVhY3QuRkM8TW9iaWxlSGVhZGVyUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgdGl0bGUsIG9uUHJldiwgb25OZXh0LCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG4gICAgY29uc3QgZGlzYWJsZWRQcmV2ID0gIW9uUHJldlxuICAgIGNvbnN0IGRpc2FibGVkTmV4dCA9ICFvbk5leHRcbiAgICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAob25QcmV2KSB7XG4gICAgICAgICAgICAgICAgb25QcmV2KGV2ZW50KVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbb25QcmV2XVxuICAgIClcbiAgICBjb25zdCBoYW5kbGVOZXh0ID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAob25OZXh0KSB7XG4gICAgICAgICAgICAgICAgb25OZXh0KGV2ZW50KVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbb25OZXh0XVxuICAgIClcbiAgICByZXR1cm4gKFxuICAgICAgICA8aGVhZGVyXG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZ31weCAke3RoZW1lLnNwYWNpbmcgKiAyfXB4O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVQcmV2fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXs8SWNvbi5BcnJvd0xlZnQgLz59XG4gICAgICAgICAgICAgICAgICAgIHJvdW5kZWRcbiAgICAgICAgICAgICAgICAgICAgY3NzPXtcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkUHJldlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXs8SWNvbi5BcnJvd1JpZ2h0IC8+fVxuICAgICAgICAgICAgICAgICAgICByb3VuZGVkXG4gICAgICAgICAgICAgICAgICAgIGNzcz17XG4gICAgICAgICAgICAgICAgICAgICAgICBkaXNhYmxlZE5leHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9oZWFkZXI+XG4gICAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "a8v4vi",
+  styles: "z-index:1;opacity:0"
+} : {
+  name: "4si7l7-MobileHeader",
+  styles: "z-index:1;opacity:0;label:MobileHeader;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Nb2JpbGUvTW9iaWxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRWlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Nb2JpbGUvTW9iaWxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIlxuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2sgfSBmcm9tIFwicmVhY3RcIlxuXG5leHBvcnQgaW50ZXJmYWNlIE1vYmlsZUhlYWRlclByb3BzIGV4dGVuZHMgT21pdDxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sIFwidGl0bGVcIiB8IFwiY29sb3JcIj4ge1xuICAgIC8qKlxuICAgICAqIOOCv+OCpOODiOODq+OCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgICAqL1xuICAgIHRpdGxlPzogUmVhY3QuUmVhY3ROb2RlXG4gICAgLyoqXG4gICAgICog5bem5YG044Gu44Oc44K/44Oz44GM5oq844GV44KM44Gf44Go44GN44Gu5oyZ5YuV44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAgICpcbiAgICAgKiDjgZPjga7lsZ7mgKfjgYzlrZjlnKjjgZfjgarjgYTloLTlkIjjgIHlt6blgbTjga7jg5zjgr/jg7Pjga/ooajnpLrjgZXjgozjgb7jgZvjgpPjgIJcbiAgICAgKi9cbiAgICBvblByZXY/OiAoZXZlbnQ6IFJlYWN0LlN5bnRoZXRpY0V2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4gdm9pZFxuICAgIC8qKlxuICAgICAqIOWPs+WBtOOBruODnOOCv+ODs+OBjOaKvOOBleOCjOOBn+OBqOOBjeOBruaMmeWLleOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgICAqXG4gICAgICog44GT44Gu5bGe5oCn44GM5a2Y5Zyo44GX44Gq44GE5aC05ZCI44CB5Y+z5YG044Gu44Oc44K/44Oz44Gv6KGo56S644GV44KM44G+44Gb44KT44CCXG4gICAgICovXG4gICAgb25OZXh0PzogKGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWRcbn1cblxuZXhwb3J0IGNvbnN0IE1vYmlsZUhlYWRlcjogUmVhY3QuRkM8TW9iaWxlSGVhZGVyUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgdGl0bGUsIG9uUHJldiwgb25OZXh0LCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG4gICAgY29uc3QgZGlzYWJsZWRQcmV2ID0gIW9uUHJldlxuICAgIGNvbnN0IGRpc2FibGVkTmV4dCA9ICFvbk5leHRcbiAgICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAob25QcmV2KSB7XG4gICAgICAgICAgICAgICAgb25QcmV2KGV2ZW50KVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbb25QcmV2XVxuICAgIClcbiAgICBjb25zdCBoYW5kbGVOZXh0ID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAob25OZXh0KSB7XG4gICAgICAgICAgICAgICAgb25OZXh0KGV2ZW50KVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbb25OZXh0XVxuICAgIClcbiAgICByZXR1cm4gKFxuICAgICAgICA8aGVhZGVyXG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZ31weCAke3RoZW1lLnNwYWNpbmcgKiAyfXB4O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVQcmV2fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXs8SWNvbi5BcnJvd0xlZnQgLz59XG4gICAgICAgICAgICAgICAgICAgIHJvdW5kZWRcbiAgICAgICAgICAgICAgICAgICAgY3NzPXtcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkUHJldlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXs8SWNvbi5BcnJvd1JpZ2h0IC8+fVxuICAgICAgICAgICAgICAgICAgICByb3VuZGVkXG4gICAgICAgICAgICAgICAgICAgIGNzcz17XG4gICAgICAgICAgICAgICAgICAgICAgICBkaXNhYmxlZE5leHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9oZWFkZXI+XG4gICAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "fsjpbh",
+  styles: "box-sizing:border-box;width:100%"
+} : {
+  name: "1bka3w0-MobileHeader",
+  styles: "box-sizing:border-box;width:100%;label:MobileHeader;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Nb2JpbGUvTW9iaWxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRG9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Nb2JpbGUvTW9iaWxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIlxuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2sgfSBmcm9tIFwicmVhY3RcIlxuXG5leHBvcnQgaW50ZXJmYWNlIE1vYmlsZUhlYWRlclByb3BzIGV4dGVuZHMgT21pdDxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sIFwidGl0bGVcIiB8IFwiY29sb3JcIj4ge1xuICAgIC8qKlxuICAgICAqIOOCv+OCpOODiOODq+OCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgICAqL1xuICAgIHRpdGxlPzogUmVhY3QuUmVhY3ROb2RlXG4gICAgLyoqXG4gICAgICog5bem5YG044Gu44Oc44K/44Oz44GM5oq844GV44KM44Gf44Go44GN44Gu5oyZ5YuV44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAgICpcbiAgICAgKiDjgZPjga7lsZ7mgKfjgYzlrZjlnKjjgZfjgarjgYTloLTlkIjjgIHlt6blgbTjga7jg5zjgr/jg7Pjga/ooajnpLrjgZXjgozjgb7jgZvjgpPjgIJcbiAgICAgKi9cbiAgICBvblByZXY/OiAoZXZlbnQ6IFJlYWN0LlN5bnRoZXRpY0V2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4gdm9pZFxuICAgIC8qKlxuICAgICAqIOWPs+WBtOOBruODnOOCv+ODs+OBjOaKvOOBleOCjOOBn+OBqOOBjeOBruaMmeWLleOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgICAqXG4gICAgICog44GT44Gu5bGe5oCn44GM5a2Y5Zyo44GX44Gq44GE5aC05ZCI44CB5Y+z5YG044Gu44Oc44K/44Oz44Gv6KGo56S644GV44KM44G+44Gb44KT44CCXG4gICAgICovXG4gICAgb25OZXh0PzogKGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWRcbn1cblxuZXhwb3J0IGNvbnN0IE1vYmlsZUhlYWRlcjogUmVhY3QuRkM8TW9iaWxlSGVhZGVyUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgdGl0bGUsIG9uUHJldiwgb25OZXh0LCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG4gICAgY29uc3QgZGlzYWJsZWRQcmV2ID0gIW9uUHJldlxuICAgIGNvbnN0IGRpc2FibGVkTmV4dCA9ICFvbk5leHRcbiAgICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAob25QcmV2KSB7XG4gICAgICAgICAgICAgICAgb25QcmV2KGV2ZW50KVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbb25QcmV2XVxuICAgIClcbiAgICBjb25zdCBoYW5kbGVOZXh0ID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAob25OZXh0KSB7XG4gICAgICAgICAgICAgICAgb25OZXh0KGV2ZW50KVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbb25OZXh0XVxuICAgIClcbiAgICByZXR1cm4gKFxuICAgICAgICA8aGVhZGVyXG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZ31weCAke3RoZW1lLnNwYWNpbmcgKiAyfXB4O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVQcmV2fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXs8SWNvbi5BcnJvd0xlZnQgLz59XG4gICAgICAgICAgICAgICAgICAgIHJvdW5kZWRcbiAgICAgICAgICAgICAgICAgICAgY3NzPXtcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkUHJldlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXs8SWNvbi5BcnJvd1JpZ2h0IC8+fVxuICAgICAgICAgICAgICAgICAgICByb3VuZGVkXG4gICAgICAgICAgICAgICAgICAgIGNzcz17XG4gICAgICAgICAgICAgICAgICAgICAgICBkaXNhYmxlZE5leHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9oZWFkZXI+XG4gICAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const MobileHeader = ({
+  children,
+  className,
+  title,
+  onPrev,
+  onNext,
+  ...props
+}) => {
+  const theme = (0, _theme.useTheme)();
+  const disabledPrev = !onPrev;
+  const disabledNext = !onNext;
+  const handlePrev = (0, _react2.useCallback)(event => {
+    if (onPrev) {
+      onPrev(event);
+    }
+  }, [onPrev]);
+  const handleNext = (0, _react2.useCallback)(event => {
+    if (onNext) {
+      onNext(event);
+    }
+  }, [onNext]);
+  return (0, _react.jsx)("header", _extends({
+    className: className,
+    css: _ref3
+  }, props), (0, _react.jsx)("div", {
+    css: /*#__PURE__*/(0, _react.css)("box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:", theme.spacing, "px ", theme.spacing * 2, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:MobileHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Nb2JpbGUvTW9iaWxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RHdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Nb2JpbGUvTW9iaWxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIlxuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2sgfSBmcm9tIFwicmVhY3RcIlxuXG5leHBvcnQgaW50ZXJmYWNlIE1vYmlsZUhlYWRlclByb3BzIGV4dGVuZHMgT21pdDxSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sIFwidGl0bGVcIiB8IFwiY29sb3JcIj4ge1xuICAgIC8qKlxuICAgICAqIOOCv+OCpOODiOODq+OCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgICAqL1xuICAgIHRpdGxlPzogUmVhY3QuUmVhY3ROb2RlXG4gICAgLyoqXG4gICAgICog5bem5YG044Gu44Oc44K/44Oz44GM5oq844GV44KM44Gf44Go44GN44Gu5oyZ5YuV44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAgICpcbiAgICAgKiDjgZPjga7lsZ7mgKfjgYzlrZjlnKjjgZfjgarjgYTloLTlkIjjgIHlt6blgbTjga7jg5zjgr/jg7Pjga/ooajnpLrjgZXjgozjgb7jgZvjgpPjgIJcbiAgICAgKi9cbiAgICBvblByZXY/OiAoZXZlbnQ6IFJlYWN0LlN5bnRoZXRpY0V2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4gdm9pZFxuICAgIC8qKlxuICAgICAqIOWPs+WBtOOBruODnOOCv+ODs+OBjOaKvOOBleOCjOOBn+OBqOOBjeOBruaMmeWLleOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgICAqXG4gICAgICog44GT44Gu5bGe5oCn44GM5a2Y5Zyo44GX44Gq44GE5aC05ZCI44CB5Y+z5YG044Gu44Oc44K/44Oz44Gv6KGo56S644GV44KM44G+44Gb44KT44CCXG4gICAgICovXG4gICAgb25OZXh0PzogKGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWRcbn1cblxuZXhwb3J0IGNvbnN0IE1vYmlsZUhlYWRlcjogUmVhY3QuRkM8TW9iaWxlSGVhZGVyUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgdGl0bGUsIG9uUHJldiwgb25OZXh0LCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG4gICAgY29uc3QgZGlzYWJsZWRQcmV2ID0gIW9uUHJldlxuICAgIGNvbnN0IGRpc2FibGVkTmV4dCA9ICFvbk5leHRcbiAgICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAob25QcmV2KSB7XG4gICAgICAgICAgICAgICAgb25QcmV2KGV2ZW50KVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbb25QcmV2XVxuICAgIClcbiAgICBjb25zdCBoYW5kbGVOZXh0ID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAob25OZXh0KSB7XG4gICAgICAgICAgICAgICAgb25OZXh0KGV2ZW50KVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbb25OZXh0XVxuICAgIClcbiAgICByZXR1cm4gKFxuICAgICAgICA8aGVhZGVyXG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZ31weCAke3RoZW1lLnNwYWNpbmcgKiAyfXB4O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVQcmV2fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXs8SWNvbi5BcnJvd0xlZnQgLz59XG4gICAgICAgICAgICAgICAgICAgIHJvdW5kZWRcbiAgICAgICAgICAgICAgICAgICAgY3NzPXtcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkUHJldlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgICAgICBpY29uPXs8SWNvbi5BcnJvd1JpZ2h0IC8+fVxuICAgICAgICAgICAgICAgICAgICByb3VuZGVkXG4gICAgICAgICAgICAgICAgICAgIGNzcz17XG4gICAgICAgICAgICAgICAgICAgICAgICBkaXNhYmxlZE5leHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9oZWFkZXI+XG4gICAgKVxufVxuIl19 */")
+  }, (0, _react.jsx)(_Button.Button, {
+    onClick: handlePrev,
+    icon: (0, _react.jsx)(_Icon.Icon.ArrowLeft, null),
+    rounded: true,
+    css: disabledPrev ? _ref2 : undefined
+  }), title, (0, _react.jsx)(_Button.Button, {
+    onClick: handleNext,
+    icon: (0, _react.jsx)(_Icon.Icon.ArrowRight, null),
+    rounded: true,
+    css: disabledNext ? _ref : undefined
+  })), children);
+};
+
+exports.MobileHeader = MobileHeader;
+//# sourceMappingURL=MobileHeader.js.map

package/dist/cjs/Mobile/MobileHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Mobile/MobileHeader.tsx"],"names":["MobileHeader","children","className","title","onPrev","onNext","props","theme","disabledPrev","disabledNext","handlePrev","event","handleNext","css","spacing","undefined"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAMA,YAAyC,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,SAAZ;AAAuBC,EAAAA,KAAvB;AAA8BC,EAAAA,MAA9B;AAAsCC,EAAAA,MAAtC;AAA8C,KAAGC;AAAjD,CAAD,KAA8D;AACnH,QAAMC,KAAK,GAAG,sBAAd;AACA,QAAMC,YAAY,GAAG,CAACJ,MAAtB;AACA,QAAMK,YAAY,GAAG,CAACJ,MAAtB;AACA,QAAMK,UAAU,GAAG,yBACdC,KAAD,IAAoD;AAChD,QAAIP,MAAJ,EAAY;AACRA,MAAAA,MAAM,CAACO,KAAD,CAAN;AACH;AACJ,GALc,EAMf,CAACP,MAAD,CANe,CAAnB;AAQA,QAAMQ,UAAU,GAAG,yBACdD,KAAD,IAAoD;AAChD,QAAIN,MAAJ,EAAY;AACRA,MAAAA,MAAM,CAACM,KAAD,CAAN;AACH;AACJ,GALc,EAMf,CAACN,MAAD,CANe,CAAnB;AAQA,SACI;AACI,IAAA,SAAS,EAAEH,SADf;AAEI,IAAA,GAAG;AAFP,KAMQI,KANR,GAQI;AACI,IAAA,GAAG,mBAAEO,UAAF,6GAMYN,KAAK,CAACO,OANlB,SAM+BP,KAAK,CAACO,OAAN,GAAgB,CAN/C;AADP,KAUI,gBAAC,cAAD;AACI,IAAA,OAAO,EAAEJ,UADb;AAEI,IAAA,IAAI,EAAE,gBAAC,UAAD,CAAM,SAAN,OAFV;AAGI,IAAA,OAAO,MAHX;AAII,IAAA,GAAG,EACCF,YAAY,WAKNO;AAVd,IAVJ,EAuBKZ,KAvBL,EAwBI,gBAAC,cAAD;AACI,IAAA,OAAO,EAAES,UADb;AAEI,IAAA,IAAI,EAAE,gBAAC,UAAD,CAAM,UAAN,OAFV;AAGI,IAAA,OAAO,MAHX;AAII,IAAA,GAAG,EACCH,YAAY,UAKNM;AAVd,IAxBJ,CARJ,EA8CKd,QA9CL,CADJ;AAkDH,CAtEM","sourcesContent":["import { Button } from \"../Button\"\nimport { Icon } from \"../Icon\"\nimport { css } from \"@emotion/react\"\nimport { useTheme } from \"../theme\"\nimport React, { useCallback } from \"react\"\n\nexport interface MobileHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\" | \"color\"> {\n    /**\n     * タイトルを指定します。\n     */\n    title?: React.ReactNode\n    /**\n     * 左側のボタンが押されたときの挙動を指定します。\n     *\n     * この属性が存在しない場合、左側のボタンは表示されません。\n     */\n    onPrev?: (event: React.SyntheticEvent<HTMLButtonElement>) => void\n    /**\n     * 右側のボタンが押されたときの挙動を指定します。\n     *\n     * この属性が存在しない場合、右側のボタンは表示されません。\n     */\n    onNext?: (event: React.SyntheticEvent<HTMLButtonElement>) => void\n}\n\nexport const MobileHeader: React.FC<MobileHeaderProps> = ({ children, className, title, onPrev, onNext, ...props }) => {\n    const theme = useTheme()\n    const disabledPrev = !onPrev\n    const disabledNext = !onNext\n    const handlePrev = useCallback(\n        (event: React.SyntheticEvent<HTMLButtonElement>) => {\n            if (onPrev) {\n                onPrev(event)\n            }\n        },\n        [onPrev]\n    )\n    const handleNext = useCallback(\n        (event: React.SyntheticEvent<HTMLButtonElement>) => {\n            if (onNext) {\n                onNext(event)\n            }\n        },\n        [onNext]\n    )\n    return (\n        <header\n            className={className}\n            css={css`\n                box-sizing: border-box;\n                width: 100%;\n            `}\n            {...props}\n        >\n            <div\n                css={css`\n                    box-sizing: border-box;\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-between;\n                    width: 100%;\n                    padding: ${theme.spacing}px ${theme.spacing * 2}px;\n                `}\n            >\n                <Button\n                    onClick={handlePrev}\n                    icon={<Icon.ArrowLeft />}\n                    rounded\n                    css={\n                        disabledPrev\n                            ? css`\n                                  z-index: 1;\n                                  opacity: 0;\n                              `\n                            : undefined\n                    }\n                />\n                {title}\n                <Button\n                    onClick={handleNext}\n                    icon={<Icon.ArrowRight />}\n                    rounded\n                    css={\n                        disabledNext\n                            ? css`\n                                  z-index: 1;\n                                  opacity: 0;\n                              `\n                            : undefined\n                    }\n                />\n            </div>\n            {children}\n        </header>\n    )\n}\n"],"file":"MobileHeader.js"}

package/dist/cjs/Mobile/MobilePage.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MobilePage = void 0;
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1c2aawz",
+  styles: "position:absolute;height:100%;width:100%;top:0;left:0"
+} : {
+  name: "mjcf2i-MobilePage",
+  styles: "position:absolute;height:100%;width:100%;top:0;left:0;label:MobilePage;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Nb2JpbGUvTW9iaWxlUGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JpQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvTW9iaWxlL01vYmlsZVBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCBSZWFjdCwgeyB1c2VMYXlvdXRFZmZlY3QgfSBmcm9tIFwicmVhY3RcIlxuXG5leHBvcnQgaW50ZXJmYWNlIE1vYmlsZVBhZ2VQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiB7fVxuXG5leHBvcnQgY29uc3QgTW9iaWxlUGFnZTogUmVhY3QuRkM8TW9iaWxlUGFnZVByb3BzPiA9ICh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5jc3NUZXh0ID0gYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgaGVpZ2h0OiAtbW96LWF2YWlsYWJsZTtcbiAgICAgICAgICAgIGhlaWdodDogLXdlYmtpdC1maWxsLWF2YWlsYWJsZTsgIFxuICAgICAgICAgICAgaGVpZ2h0OiBmaWxsLWF2YWlsYWJsZTtcbiAgICAgICAgYFxuICAgIH0sIFtdKVxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgICBsZWZ0OiAwXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const MobilePage = ({
+  children,
+  ...props
+}) => {
+  (0, _react2.useLayoutEffect)(() => {
+    document.body.style.cssText = `
+            height: 100%;
+            height: -moz-available;
+            height: -webkit-fill-available;  
+            height: fill-available;
+        `;
+  }, []);
+  return (0, _react.jsx)("div", _extends({
+    css: _ref
+  }, props), children);
+};
+
+exports.MobilePage = MobilePage;
+//# sourceMappingURL=MobilePage.js.map

package/dist/cjs/Mobile/MobilePage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Mobile/MobilePage.tsx"],"names":["MobilePage","children","props","document","body","style","cssText"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,UAAqC,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,KAA4B;AAC7E,+BAAgB,MAAM;AAClBC,IAAAA,QAAQ,CAACC,IAAT,CAAcC,KAAd,CAAoBC,OAApB,GAA+B;AACvC;AACA;AACA;AACA;AACA,SALQ;AAMH,GAPD,EAOG,EAPH;AAQA,SACI;AACI,IAAA,GAAG;AADP,KAQQJ,KARR,GAUKD,QAVL,CADJ;AAcH,CAvBM","sourcesContent":["import { css } from \"@emotion/react\"\nimport React, { useLayoutEffect } from \"react\"\n\nexport interface MobilePageProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const MobilePage: React.FC<MobilePageProps> = ({ children, ...props }) => {\n    useLayoutEffect(() => {\n        document.body.style.cssText = `\n            height: 100%;\n            height: -moz-available;\n            height: -webkit-fill-available;  \n            height: fill-available;\n        `\n    }, [])\n    return (\n        <div\n            css={css({\n                position: \"absolute\",\n                height: \"100%\",\n                width: \"100%\",\n                top: 0,\n                left: 0\n            })}\n            {...props}\n        >\n            {children}\n        </div>\n    )\n}\n"],"file":"MobilePage.js"}

package/dist/cjs/Mobile/index.js

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

package/dist/cjs/Mobile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Mobile/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./MobileHeader\"\nexport * from \"./MobilePage\"\nexport * from \"./useMobile\"\n"],"file":"index.js"}

package/dist/cjs/Mobile/useMobile.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMobile = void 0;
+
+var _react = require("react");
+
+var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const useMobile = () => {
+  (0, _react.useLayoutEffect)(() => {
+    document.body.style.cssText = `
+            height: 100%;
+            height: -moz-available;
+            height: -webkit-fill-available;  
+            height: fill-available;
+        `;
+  }, []);
+  const [header, setHeader] = (0, _react.useState)({
+    current: null
+  });
+  const headerRef = (0, _react.useCallback)(node => {
+    setHeader({
+      current: node
+    });
+  }, []);
+  const [headerHeight, setHeaderHeight] = (0, _react.useState)(0);
+  (0, _react.useEffect)(() => {
+    const element = header.current;
+    const resizeObserver = new _resizeObserverPolyfill.default(entries => {
+      if (!Array.isArray(entries)) {
+        return;
+      }
+
+      if (!entries.length) {
+        return;
+      }
+
+      setHeaderHeight(entries[0].contentRect.height);
+    });
+
+    if (element) {
+      resizeObserver.observe(element);
+    }
+
+    return () => {
+      if (element) {
+        resizeObserver.unobserve(element);
+      }
+    };
+  }, [header]);
+  const headerProps = {
+    ref: headerRef,
+    style: {
+      position: "fixed",
+      width: "100%",
+      zIndex: 99,
+      top: 0
+    }
+  };
+  const rootProps = {
+    style: {
+      position: "absolute",
+      height: "100%",
+      width: "100%",
+      top: 0,
+      left: 0
+    }
+  };
+  const [footer, setFooter] = (0, _react.useState)({
+    current: null
+  });
+  const footerRef = (0, _react.useCallback)(node => {
+    setFooter({
+      current: node
+    });
+  }, []);
+  const [footerHeight, setFooterHeight] = (0, _react.useState)(0);
+  (0, _react.useEffect)(() => {
+    const element = footer.current;
+    const resizeObserver = new _resizeObserverPolyfill.default(entries => {
+      if (!Array.isArray(entries)) {
+        return;
+      }
+
+      if (!entries.length) {
+        return;
+      }
+
+      setFooterHeight(entries[0].contentRect.height);
+    });
+
+    if (element) {
+      resizeObserver.observe(element);
+    }
+
+    return () => {
+      if (element) {
+        resizeObserver.unobserve(element);
+      }
+    };
+  }, [footer]);
+  const footerProps = {
+    ref: footerRef,
+    style: {
+      position: "fixed",
+      width: "100%",
+      zIndex: 99,
+      bottom: 0
+    }
+  };
+  const bodyProps = {
+    style: {
+      paddingTop: headerHeight,
+      paddingBottom: footerHeight
+    }
+  };
+  return {
+    rootProps,
+    headerProps,
+    footerProps,
+    bodyProps
+  };
+};
+
+exports.useMobile = useMobile;
+//# sourceMappingURL=useMobile.js.map

package/dist/cjs/Mobile/useMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Mobile/useMobile.ts"],"names":["useMobile","document","body","style","cssText","header","setHeader","current","headerRef","node","headerHeight","setHeaderHeight","element","resizeObserver","ResizeObserver","entries","Array","isArray","length","contentRect","height","observe","unobserve","headerProps","ref","position","width","zIndex","top","rootProps","left","footer","setFooter","footerRef","footerHeight","setFooterHeight","footerProps","bottom","bodyProps","paddingTop","paddingBottom"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,SAAS,GAAG,MAGlB;AACH,8BAAgB,MAAM;AAClBC,IAAAA,QAAQ,CAACC,IAAT,CAAcC,KAAd,CAAoBC,OAApB,GAA+B;AACvC;AACA;AACA;AACA;AACA,SALQ;AAMH,GAPD,EAOG,EAPH;AAQA,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,qBAA4C;AACpEC,IAAAA,OAAO,EAAE;AAD2D,GAA5C,CAA5B;AAGA,QAAMC,SAAS,GAAG,wBAAaC,IAAD,IAAyB;AACnDH,IAAAA,SAAS,CAAC;AAAEC,MAAAA,OAAO,EAAEE;AAAX,KAAD,CAAT;AACH,GAFiB,EAEf,EAFe,CAAlB;AAGA,QAAM,CAACC,YAAD,EAAeC,eAAf,IAAkC,qBAAS,CAAT,CAAxC;AACA,wBAAU,MAAM;AACZ,UAAMC,OAAuB,GAAGP,MAAM,CAACE,OAAvC;AACA,UAAMM,cAAc,GAAG,IAAIC,+BAAJ,CAAoBC,OAAD,IAAoC;AAC1E,UAAI,CAACC,KAAK,CAACC,OAAN,CAAcF,OAAd,CAAL,EAA6B;AACzB;AACH;;AACD,UAAI,CAACA,OAAO,CAACG,MAAb,EAAqB;AACjB;AACH;;AACDP,MAAAA,eAAe,CAACI,OAAO,CAAC,CAAD,CAAP,CAAWI,WAAX,CAAuBC,MAAxB,CAAf;AACH,KARsB,CAAvB;;AASA,QAAIR,OAAJ,EAAa;AACTC,MAAAA,cAAc,CAACQ,OAAf,CAAuBT,OAAvB;AACH;;AACD,WAAO,MAAM;AACT,UAAIA,OAAJ,EAAa;AACTC,QAAAA,cAAc,CAACS,SAAf,CAAyBV,OAAzB;AACH;AACJ,KAJD;AAKH,GAnBD,EAmBG,CAACP,MAAD,CAnBH;AAoBA,QAAMkB,WAAW,GAAG;AAChBC,IAAAA,GAAG,EAAEhB,SADW;AAEhBL,IAAAA,KAAK,EAAE;AACHsB,MAAAA,QAAQ,EAAE,OADP;AAEHC,MAAAA,KAAK,EAAE,MAFJ;AAGHC,MAAAA,MAAM,EAAE,EAHL;AAIHC,MAAAA,GAAG,EAAE;AAJF;AAFS,GAApB;AASA,QAAMC,SAAS,GAAG;AACd1B,IAAAA,KAAK,EAAE;AACHsB,MAAAA,QAAQ,EAAE,UADP;AAEHL,MAAAA,MAAM,EAAE,MAFL;AAGHM,MAAAA,KAAK,EAAE,MAHJ;AAIHE,MAAAA,GAAG,EAAE,CAJF;AAKHE,MAAAA,IAAI,EAAE;AALH;AADO,GAAlB;AASA,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,qBAA4C;AACpEzB,IAAAA,OAAO,EAAE;AAD2D,GAA5C,CAA5B;AAGA,QAAM0B,SAAS,GAAG,wBAAaxB,IAAD,IAAyB;AACnDuB,IAAAA,SAAS,CAAC;AAAEzB,MAAAA,OAAO,EAAEE;AAAX,KAAD,CAAT;AACH,GAFiB,EAEf,EAFe,CAAlB;AAGA,QAAM,CAACyB,YAAD,EAAeC,eAAf,IAAkC,qBAAS,CAAT,CAAxC;AACA,wBAAU,MAAM;AACZ,UAAMvB,OAAuB,GAAGmB,MAAM,CAACxB,OAAvC;AACA,UAAMM,cAAc,GAAG,IAAIC,+BAAJ,CAAoBC,OAAD,IAAoC;AAC1E,UAAI,CAACC,KAAK,CAACC,OAAN,CAAcF,OAAd,CAAL,EAA6B;AACzB;AACH;;AACD,UAAI,CAACA,OAAO,CAACG,MAAb,EAAqB;AACjB;AACH;;AACDiB,MAAAA,eAAe,CAACpB,OAAO,CAAC,CAAD,CAAP,CAAWI,WAAX,CAAuBC,MAAxB,CAAf;AACH,KARsB,CAAvB;;AASA,QAAIR,OAAJ,EAAa;AACTC,MAAAA,cAAc,CAACQ,OAAf,CAAuBT,OAAvB;AACH;;AACD,WAAO,MAAM;AACT,UAAIA,OAAJ,EAAa;AACTC,QAAAA,cAAc,CAACS,SAAf,CAAyBV,OAAzB;AACH;AACJ,KAJD;AAKH,GAnBD,EAmBG,CAACmB,MAAD,CAnBH;AAoBA,QAAMK,WAAW,GAAG;AAChBZ,IAAAA,GAAG,EAAES,SADW;AAEhB9B,IAAAA,KAAK,EAAE;AACHsB,MAAAA,QAAQ,EAAE,OADP;AAEHC,MAAAA,KAAK,EAAE,MAFJ;AAGHC,MAAAA,MAAM,EAAE,EAHL;AAIHU,MAAAA,MAAM,EAAE;AAJL;AAFS,GAApB;AAUA,QAAMC,SAAS,GAAG;AACdnC,IAAAA,KAAK,EAAE;AACHoC,MAAAA,UAAU,EAAE7B,YADT;AAEH8B,MAAAA,aAAa,EAAEN;AAFZ;AADO,GAAlB;AAMA,SAAO;AACHL,IAAAA,SADG;AAEHN,IAAAA,WAFG;AAGHa,IAAAA,WAHG;AAIHE,IAAAA;AAJG,GAAP;AAMH,CA1GM","sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useState } from \"react\"\nimport ResizeObserver from \"resize-observer-polyfill\"\n\nexport const useMobile = <\n    HeaderElement extends Element = HTMLElement,\n    FooterElement extends Element = HTMLElement\n>() => {\n    useLayoutEffect(() => {\n        document.body.style.cssText = `\n            height: 100%;\n            height: -moz-available;\n            height: -webkit-fill-available;  \n            height: fill-available;\n        `\n    }, [])\n    const [header, setHeader] = useState<{ current: HeaderElement | null }>({\n        current: null\n    })\n    const headerRef = useCallback((node: HeaderElement) => {\n        setHeader({ current: node })\n    }, [])\n    const [headerHeight, setHeaderHeight] = useState(0)\n    useEffect(() => {\n        const element: Element | null = header.current\n        const resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n            if (!Array.isArray(entries)) {\n                return\n            }\n            if (!entries.length) {\n                return\n            }\n            setHeaderHeight(entries[0].contentRect.height)\n        })\n        if (element) {\n            resizeObserver.observe(element)\n        }\n        return () => {\n            if (element) {\n                resizeObserver.unobserve(element)\n            }\n        }\n    }, [header])\n    const headerProps = {\n        ref: headerRef,\n        style: {\n            position: \"fixed\",\n            width: \"100%\",\n            zIndex: 99,\n            top: 0\n        } as const\n    }\n    const rootProps = {\n        style: {\n            position: \"absolute\",\n            height: \"100%\",\n            width: \"100%\",\n            top: 0,\n            left: 0\n        } as const\n    }\n    const [footer, setFooter] = useState<{ current: FooterElement | null }>({\n        current: null\n    })\n    const footerRef = useCallback((node: FooterElement) => {\n        setFooter({ current: node })\n    }, [])\n    const [footerHeight, setFooterHeight] = useState(0)\n    useEffect(() => {\n        const element: Element | null = footer.current\n        const resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n            if (!Array.isArray(entries)) {\n                return\n            }\n            if (!entries.length) {\n                return\n            }\n            setFooterHeight(entries[0].contentRect.height)\n        })\n        if (element) {\n            resizeObserver.observe(element)\n        }\n        return () => {\n            if (element) {\n                resizeObserver.unobserve(element)\n            }\n        }\n    }, [footer])\n    const footerProps = {\n        ref: footerRef,\n        style: {\n            position: \"fixed\",\n            width: \"100%\",\n            zIndex: 99,\n            bottom: 0\n        } as const\n    }\n\n    const bodyProps = {\n        style: {\n            paddingTop: headerHeight,\n            paddingBottom: footerHeight\n        }\n    }\n    return {\n        rootProps,\n        headerProps,\n        footerProps,\n        bodyProps\n    }\n}\n"],"file":"useMobile.js"}

package/dist/cjs/Modal/Modal.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Modal = void 0;
+
+var _ModalBackdrop = require("./ModalBackdrop");
+
+var _ModalBody = require("./ModalBody");
+
+var _ModalFooter = require("./ModalFooter");
+
+var _ModalHeader = require("./ModalHeader");
+
+var _ModalProvider = require("./ModalProvider");
+
+var _Paper = require("../Paper");
+
+var _Portal = require("../Portal");
+
+var _react = require("@emotion/react");
+
+var _useKeyboard = require("../hooks/useKeyboard");
+
+var _useOnClickOutside = require("../hooks/useOnClickOutside");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+
+const Container = ({
+  backdrop,
+  children
+}) => backdrop ? (0, _react.jsx)(_ModalBackdrop.ModalBackdrop, null, children) : (0, _react.jsx)(_react2.default.Fragment, null, children);
+
+const Modal = props => {
+  const {
+    open = true,
+    header,
+    body,
+    footer,
+    style,
+    className,
+    onClickOutside,
+    onEsc,
+    onEnter,
+    backdrop,
+    width,
+    maxWidth = 500,
+    ...others
+  } = props;
+  const ref = (0, _react2.useRef)(null);
+  (0, _useOnClickOutside.useOnClickOutside)(ref, onClickOutside);
+  (0, _useKeyboard.useKeyboard)("Escape", onEsc);
+  (0, _useKeyboard.useKeyboard)("Enter", onEnter);
+  const theme = (0, _theme.useTheme)();
+  return (0, _react.jsx)(_ModalProvider.ModalProvider, {
+    value: others
+  }, open ? (0, _react.jsx)(_Portal.Portal, null, (0, _react.jsx)(Container, {
+    backdrop: backdrop
+  }, (0, _react.jsx)(_Paper.Paper, {
+    ref: ref,
+    style: { ...style,
+      width,
+      maxWidth
+    },
+    className: className,
+    css: /*#__PURE__*/(0, _react.css)("z-index:", theme.zIndex.modal, ";display:flex;flex-direction:column;border:1px solid ", theme.palette.gray[300], ";border-radius:0.3em;" + (process.env.NODE_ENV === "production" ? "" : ";label:Modal;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Nb2RhbC9Nb2RhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUdvQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvTW9kYWwvTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTW9kYWxCYWNrZHJvcCB9IGZyb20gXCIuL01vZGFsQmFja2Ryb3BcIlxuaW1wb3J0IHsgTW9kYWxCb2R5IH0gZnJvbSBcIi4vTW9kYWxCb2R5XCJcbmltcG9ydCB7IE1vZGFsRm9vdGVyIH0gZnJvbSBcIi4vTW9kYWxGb290ZXJcIlxuaW1wb3J0IHsgTW9kYWxIZWFkZXIgfSBmcm9tIFwiLi9Nb2RhbEhlYWRlclwiXG5pbXBvcnQgeyBNb2RhbFByb3ZpZGVyIH0gZnJvbSBcIi4vTW9kYWxQcm92aWRlclwiXG5pbXBvcnQgeyBQYXBlciB9IGZyb20gXCIuLi9QYXBlclwiXG5pbXBvcnQgeyBQb3J0YWwgfSBmcm9tIFwiLi4vUG9ydGFsXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi9ob29rcy91c2VLZXlib2FyZFwiXG5pbXBvcnQgeyB1c2VPbkNsaWNrT3V0c2lkZSB9IGZyb20gXCIuLi9ob29rcy91c2VPbkNsaWNrT3V0c2lkZVwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbFByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgICAvKipcbiAgICAgKiBNb2RhbOOBrk1vZGFsSGVhZGVy44Gu5Y+z5YG044GuWOODnOOCv+ODs+OCkuaKvOOBmeOBqOeZuueBq+OBl+OBvuOBmeOAglxuICAgICAqXG4gICAgICog44GT44GuUHJvcOOCkuaMh+WumuOBl+OBquOBhOWgtOWQiOOAgU1vZGFsSGVhZGVy44Gu5Y+z5YG044GuWOODnOOCv+ODs+OBr+ihqOekuuOBleOCjOOBvuOBm+OCk+OAglxuICAgICAqXG4gICAgICovXG4gICAgb25DbG9zZT86ICgpID0+IHZvaWRcbiAgICAvKipcbiAgICAgKiBmYWxzZeOCkuaMh+WumuOBl+OBn+WgtOWQiOOAgU1vZGFs44Gv6KGo56S644GV44KM44G+44Gb44KT44CCXG4gICAgICpcbiAgICAgKiBAZGVmYXVsdCB0cnVlXG4gICAgICovXG4gICAgb3Blbj86IGJvb2xlYW5cbiAgICAvKipcbiAgICAgKiBNb2RhbOOBruWkluWBtOOCkuOCr+ODquODg+OCr+OBl+OBn+WgtOWQiOOAgeeZuueBq+OBl+OBvuOBmeOAglxuICAgICAqL1xuICAgIG9uQ2xpY2tPdXRzaWRlPzogKGV2ZW50OiBNb3VzZUV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZFxuICAgIC8qKlxuICAgICAqIEVzY2FwZUtleeOCkuaKvOOBl+OBn+WgtOWQiOOAgeeZuueBq+OBl+OBvuOBmeOAglxuICAgICAqL1xuICAgIG9uRXNjPzogKCkgPT4gdm9pZFxuICAgIC8qKlxuICAgICAqIEVudGVyS2V544KS5oq844GX44Gf5aC05ZCI44CB55m654Gr44GX44G+44GZ44CCXG4gICAgICovXG4gICAgb25FbnRlcj86ICgpID0+IHZvaWRcbiAgICAvKipcbiAgICAgKiDlhajnlLvpnaLooajnpLrjg6Ljg7zjg4njgavjgarjgorjgb7jgZnjgIJcbiAgICAgKi9cbiAgICBiYWNrZHJvcD86IGJvb2xlYW5cbiAgICAvKipcbiAgICAgKiBNb2RhbOS4iumDqOOBq+aMh+WumuOBleOCjOOBn+imgee0oOOCkuaMv+WFpeOBl+OBvuOBmeOAglxuICAgICAqL1xuICAgIGhlYWRlcj86IEpTWC5FbGVtZW50XG4gICAgLyoqXG4gICAgICogTW9kYWzjgavmjIflrprjgZXjgozjgZ/opoHntKDjgpLmjL/lhaXjgZfjgb7jgZnjgIJcbiAgICAgKi9cbiAgICBib2R5OiBKU1guRWxlbWVudFxuICAgIC8qKlxuICAgICAqIE1vZGFs5LiL6YOo44Gr5oyH5a6a44GV44KM44Gf6KaB57Sg44KS5oy/5YWl44GX44G+44GZ44CCXG4gICAgICovXG4gICAgZm9vdGVyPzogSlNYLkVsZW1lbnRcbiAgICAvKipcbiAgICAgKiBAZGVmYXVsdCB1bmRlZmluZWRcbiAgICAgKi9cbiAgICB3aWR0aD86IHN0cmluZyB8IG51bWJlclxuICAgIC8qKlxuICAgICAqIEBkZWZhdWx0IDUwMFxuICAgICAqL1xuICAgIG1heFdpZHRoPzogc3RyaW5nIHwgbnVtYmVyXG59XG5cbmNvbnN0IENvbnRhaW5lcjogUmVhY3QuRkM8eyBiYWNrZHJvcD86IGJvb2xlYW4gfT4gPSAoeyBiYWNrZHJvcCwgY2hpbGRyZW4gfSkgPT5cbiAgICBiYWNrZHJvcCA/IDxNb2RhbEJhY2tkcm9wPntjaGlsZHJlbn08L01vZGFsQmFja2Ryb3A+IDogPFJlYWN0LkZyYWdtZW50PntjaGlsZHJlbn08L1JlYWN0LkZyYWdtZW50PlxuXG5leHBvcnQgY29uc3QgTW9kYWw6IFJlYWN0LkZDPE1vZGFsUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgICBvcGVuID0gdHJ1ZSxcbiAgICAgICAgaGVhZGVyLFxuICAgICAgICBib2R5LFxuICAgICAgICBmb290ZXIsXG4gICAgICAgIHN0eWxlLFxuICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgIG9uQ2xpY2tPdXRzaWRlLFxuICAgICAgICBvbkVzYyxcbiAgICAgICAgb25FbnRlcixcbiAgICAgICAgYmFja2Ryb3AsXG4gICAgICAgIHdpZHRoLFxuICAgICAgICBtYXhXaWR0aCA9IDUwMCxcbiAgICAgICAgLi4ub3RoZXJzXG4gICAgfSA9IHByb3BzXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKG51bGwpXG4gICAgdXNlT25DbGlja091dHNpZGUocmVmLCBvbkNsaWNrT3V0c2lkZSlcbiAgICB1c2VLZXlib2FyZChcIkVzY2FwZVwiLCBvbkVzYylcbiAgICB1c2VLZXlib2FyZChcIkVudGVyXCIsIG9uRW50ZXIpXG5cbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgICByZXR1cm4gKFxuICAgICAgICA8TW9kYWxQcm92aWRlciB2YWx1ZT17b3RoZXJzfT5cbiAgICAgICAgICAgIHtvcGVuID8gKFxuICAgICAgICAgICAgICAgIDxQb3J0YWw+XG4gICAgICAgICAgICAgICAgICAgIDxDb250YWluZXIgYmFja2Ryb3A9e2JhY2tkcm9wfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxQYXBlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC4uLnN0eWxlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGhcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC5tb2RhbH07XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5WzMwMF19O1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwLjNlbTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtoZWFkZXIgPyA8TW9kYWxIZWFkZXI+e2hlYWRlcn08L01vZGFsSGVhZGVyPiA6IG51bGx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPE1vZGFsQm9keT57Ym9keX08L01vZGFsQm9keT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Zm9vdGVyID8gPE1vZGFsRm9vdGVyPntmb290ZXJ9PC9Nb2RhbEZvb3Rlcj4gOiBudWxsfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9QYXBlcj5cbiAgICAgICAgICAgICAgICAgICAgPC9Db250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9Qb3J0YWw+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9Nb2RhbFByb3ZpZGVyPlxuICAgIClcbn1cbiJdfQ== */")
+  }, header ? (0, _react.jsx)(_ModalHeader.ModalHeader, null, header) : null, (0, _react.jsx)(_ModalBody.ModalBody, null, body), footer ? (0, _react.jsx)(_ModalFooter.ModalFooter, null, footer) : null))) : null);
+};
+
+exports.Modal = Modal;
+//# sourceMappingURL=Modal.js.map

package/dist/cjs/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Modal/Modal.tsx"],"names":["Container","backdrop","children","Modal","props","open","header","body","footer","style","className","onClickOutside","onEsc","onEnter","width","maxWidth","others","ref","theme","css","zIndex","modal","palette","gray"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAsDA,MAAMA,SAA2C,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAAD,KAChDD,QAAQ,GAAG,gBAAC,4BAAD,QAAgBC,QAAhB,CAAH,GAA+C,gBAAC,eAAD,CAAO,QAAP,QAAiBA,QAAjB,CAD3D;;AAGO,MAAMC,KAA2B,GAAIC,KAAD,IAAW;AAClD,QAAM;AACFC,IAAAA,IAAI,GAAG,IADL;AAEFC,IAAAA,MAFE;AAGFC,IAAAA,IAHE;AAIFC,IAAAA,MAJE;AAKFC,IAAAA,KALE;AAMFC,IAAAA,SANE;AAOFC,IAAAA,cAPE;AAQFC,IAAAA,KARE;AASFC,IAAAA,OATE;AAUFZ,IAAAA,QAVE;AAWFa,IAAAA,KAXE;AAYFC,IAAAA,QAAQ,GAAG,GAZT;AAaF,OAAGC;AAbD,MAcFZ,KAdJ;AAeA,QAAMa,GAAG,GAAG,oBAAO,IAAP,CAAZ;AACA,4CAAkBA,GAAlB,EAAuBN,cAAvB;AACA,gCAAY,QAAZ,EAAsBC,KAAtB;AACA,gCAAY,OAAZ,EAAqBC,OAArB;AAEA,QAAMK,KAAK,GAAG,sBAAd;AACA,SACI,gBAAC,4BAAD;AAAe,IAAA,KAAK,EAAEF;AAAtB,KACKX,IAAI,GACD,gBAAC,cAAD,QACI,gBAAC,SAAD;AAAW,IAAA,QAAQ,EAAEJ;AAArB,KACI,gBAAC,YAAD;AACI,IAAA,GAAG,EAAEgB,GADT;AAEI,IAAA,KAAK,EAAE,EACH,GAAGR,KADA;AAEHK,MAAAA,KAFG;AAGHC,MAAAA;AAHG,KAFX;AAOI,IAAA,SAAS,EAAEL,SAPf;AAQI,IAAA,GAAG,mBAAES,UAAF,cACYD,KAAK,CAACE,MAAN,CAAaC,KADzB,2DAIqBH,KAAK,CAACI,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CAJrB;AARP,KAgBKjB,MAAM,GAAG,gBAAC,wBAAD,QAAcA,MAAd,CAAH,GAAyC,IAhBpD,EAiBI,gBAAC,oBAAD,QAAYC,IAAZ,CAjBJ,EAkBKC,MAAM,GAAG,gBAAC,wBAAD,QAAcA,MAAd,CAAH,GAAyC,IAlBpD,CADJ,CADJ,CADC,GAyBD,IA1BR,CADJ;AA8BH,CApDM","sourcesContent":["import { ModalBackdrop } from \"./ModalBackdrop\"\nimport { ModalBody } from \"./ModalBody\"\nimport { ModalFooter } from \"./ModalFooter\"\nimport { ModalHeader } from \"./ModalHeader\"\nimport { ModalProvider } from \"./ModalProvider\"\nimport { Paper } from \"../Paper\"\nimport { Portal } from \"../Portal\"\nimport { css } from \"@emotion/react\"\nimport { useKeyboard } from \"../hooks/useKeyboard\"\nimport { useOnClickOutside } from \"../hooks/useOnClickOutside\"\nimport { useTheme } from \"../theme\"\nimport React, { useRef } from \"react\"\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n    /**\n     * ModalのModalHeaderの右側のXボタンを押すと発火します。\n     *\n     * このPropを指定しない場合、ModalHeaderの右側のXボタンは表示されません。\n     *\n     */\n    onClose?: () => void\n    /**\n     * falseを指定した場合、Modalは表示されません。\n     *\n     * @default true\n     */\n    open?: boolean\n    /**\n     * Modalの外側をクリックした場合、発火します。\n     */\n    onClickOutside?: (event: MouseEvent | TouchEvent) => void\n    /**\n     * EscapeKeyを押した場合、発火します。\n     */\n    onEsc?: () => void\n    /**\n     * EnterKeyを押した場合、発火します。\n     */\n    onEnter?: () => void\n    /**\n     * 全画面表示モードになります。\n     */\n    backdrop?: boolean\n    /**\n     * Modal上部に指定された要素を挿入します。\n     */\n    header?: JSX.Element\n    /**\n     * Modalに指定された要素を挿入します。\n     */\n    body: JSX.Element\n    /**\n     * Modal下部に指定された要素を挿入します。\n     */\n    footer?: JSX.Element\n    /**\n     * @default undefined\n     */\n    width?: string | number\n    /**\n     * @default 500\n     */\n    maxWidth?: string | number\n}\n\nconst Container: React.FC<{ backdrop?: boolean }> = ({ backdrop, children }) =>\n    backdrop ? <ModalBackdrop>{children}</ModalBackdrop> : <React.Fragment>{children}</React.Fragment>\n\nexport const Modal: React.FC<ModalProps> = (props) => {\n    const {\n        open = true,\n        header,\n        body,\n        footer,\n        style,\n        className,\n        onClickOutside,\n        onEsc,\n        onEnter,\n        backdrop,\n        width,\n        maxWidth = 500,\n        ...others\n    } = props\n    const ref = useRef(null)\n    useOnClickOutside(ref, onClickOutside)\n    useKeyboard(\"Escape\", onEsc)\n    useKeyboard(\"Enter\", onEnter)\n\n    const theme = useTheme()\n    return (\n        <ModalProvider value={others}>\n            {open ? (\n                <Portal>\n                    <Container backdrop={backdrop}>\n                        <Paper\n                            ref={ref}\n                            style={{\n                                ...style,\n                                width,\n                                maxWidth\n                            }}\n                            className={className}\n                            css={css`\n                                z-index: ${theme.zIndex.modal};\n                                display: flex;\n                                flex-direction: column;\n                                border: 1px solid ${theme.palette.gray[300]};\n                                border-radius: 0.3em;\n                            `}\n                        >\n                            {header ? <ModalHeader>{header}</ModalHeader> : null}\n                            <ModalBody>{body}</ModalBody>\n                            {footer ? <ModalFooter>{footer}</ModalFooter> : null}\n                        </Paper>\n                    </Container>\n                </Portal>\n            ) : null}\n        </ModalProvider>\n    )\n}\n"],"file":"Modal.js"}

package/dist/cjs/Modal/ModalBackdrop.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalBackdrop = void 0;
+
+var _react = require("@emotion/react");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1yy98mb",
+  styles: "display:flex;max-height:90vh"
+} : {
+  name: "1me3ajd-ModalBackdrop",
+  styles: "display:flex;max-height:90vh;label:ModalBackdrop;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Nb2RhbC9Nb2RhbEJhY2tkcm9wLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ3dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Nb2RhbC9Nb2RhbEJhY2tkcm9wLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IGNvbnN0IE1vZGFsQmFja2Ryb3A6IFJlYWN0LkZDID0gKHsgY2hpbGRyZW4gfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgei1pbmRleDogMTAwMDtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICAgIG1hcmdpbjogMHB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuZ3JheVs5MDBdfTtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMC43O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICAgICAgbWF4LWhlaWdodDogOTB2aDtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const ModalBackdrop = ({
+  children
+}) => {
+  const theme = (0, _theme.useTheme)();
+  return (0, _react.jsx)("div", {
+    css: /*#__PURE__*/(0, _react.css)("position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;height:100%;margin:0px!important;&::before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:\"\";background-color:", theme.palette.gray[900], ";opacity:0.7;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalBackdrop;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Nb2RhbC9Nb2RhbEJhY2tkcm9wLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL01vZGFsL01vZGFsQmFja2Ryb3AudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuXG5leHBvcnQgY29uc3QgTW9kYWxCYWNrZHJvcDogUmVhY3QuRkMgPSAoeyBjaGlsZHJlbiB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICB6LWluZGV4OiAxMDAwO1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgICAgbWFyZ2luOiAwcHggIWltcG9ydGFudDtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5ncmF5WzkwMF19O1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwLjc7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgICAgICBtYXgtaGVpZ2h0OiA5MHZoO1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIClcbn1cbiJdfQ== */")
+  }, (0, _react.jsx)("div", {
+    css: _ref
+  }, children));
+};
+
+exports.ModalBackdrop = ModalBackdrop;
+//# sourceMappingURL=ModalBackdrop.js.map

package/dist/cjs/Modal/ModalBackdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Modal/ModalBackdrop.tsx"],"names":["ModalBackdrop","children","theme","css","palette","gray"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEO,MAAMA,aAAuB,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAkB;AACrD,QAAMC,KAAK,GAAG,sBAAd;AACA,SACI;AACI,IAAA,GAAG,mBAAEC,UAAF,oQAoByBD,KAAK,CAACE,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CApBzB;AADP,KA0BI;AACI,IAAA,GAAG;AADP,KAMKJ,QANL,CA1BJ,CADJ;AAqCH,CAvCM","sourcesContent":["import { css } from \"@emotion/react\"\nimport { useTheme } from \"../theme\"\nimport React from \"react\"\n\nexport const ModalBackdrop: React.FC = ({ children }) => {\n    const theme = useTheme()\n    return (\n        <div\n            css={css`\n                position: fixed;\n                top: 0;\n                right: 0;\n                bottom: 0;\n                left: 0;\n                z-index: 1000;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                height: 100%;\n                margin: 0px !important;\n                &::before {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    display: block;\n                    width: 100%;\n                    height: 100%;\n                    content: \"\";\n                    background-color: ${theme.palette.gray[900]};\n                    opacity: 0.7;\n                }\n            `}\n        >\n            <div\n                css={css`\n                    display: flex;\n                    max-height: 90vh;\n                `}\n            >\n                {children}\n            </div>\n        </div>\n    )\n}\n"],"file":"ModalBackdrop.js"}

package/dist/cjs/Modal/ModalBody.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalBody = void 0;
+
+var _react = require("@emotion/react");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ModalBody = ({
+  children
+}) => {
+  const theme = (0, _theme.useTheme)();
+  return (0, _react.jsx)("div", {
+    css: /*#__PURE__*/(0, _react.css)("flex:1;padding:", theme.spacing * 3, "px ", theme.spacing * 4, "px;overflow-y:scroll;" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalBody;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Nb2RhbC9Nb2RhbEJvZHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvTW9kYWwvTW9kYWxCb2R5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IGNvbnN0IE1vZGFsQm9keTogUmVhY3QuRkMgPSAoeyBjaGlsZHJlbiB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcgKiAzfXB4ICR7dGhlbWUuc3BhY2luZyAqIDR9cHg7XG4gICAgICAgICAgICAgICAgb3ZlcmZsb3cteTogc2Nyb2xsO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICApXG59XG4iXX0= */")
+  }, children);
+};
+
+exports.ModalBody = ModalBody;
+//# sourceMappingURL=ModalBody.js.map

package/dist/cjs/Modal/ModalBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Modal/ModalBody.tsx"],"names":["ModalBody","children","theme","css","spacing"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,SAAmB,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAkB;AACjD,QAAMC,KAAK,GAAG,sBAAd;AACA,SACI;AACI,IAAA,GAAG,mBAAEC,UAAF,qBAEYD,KAAK,CAACE,OAAN,GAAgB,CAF5B,SAEmCF,KAAK,CAACE,OAAN,GAAgB,CAFnD;AADP,KAOKH,QAPL,CADJ;AAWH,CAbM","sourcesContent":["import { css } from \"@emotion/react\"\nimport { useTheme } from \"../theme\"\nimport React from \"react\"\n\nexport const ModalBody: React.FC = ({ children }) => {\n    const theme = useTheme()\n    return (\n        <div\n            css={css`\n                flex: 1;\n                padding: ${theme.spacing * 3}px ${theme.spacing * 4}px;\n                overflow-y: scroll;\n            `}\n        >\n            {children}\n        </div>\n    )\n}\n"],"file":"ModalBody.js"}

package/dist/cjs/Modal/ModalContext.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalContext = void 0;
+
+var _react = require("react");
+
+const ModalContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.ModalContext = ModalContext;
+//# sourceMappingURL=ModalContext.js.map

package/dist/cjs/Modal/ModalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Modal/ModalContext.tsx"],"names":["ModalContext"],"mappings":";;;;;;;AACA;;AACO,MAAMA,YAAY,gBAAG,0BAAmC,EAAnC,CAArB","sourcesContent":["import { ModalProps } from \"./\"\nimport { createContext } from \"react\"\nexport const ModalContext = createContext<Partial<ModalProps>>({})\n"],"file":"ModalContext.js"}

package/dist/cjs/Modal/ModalFooter.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalFooter = void 0;
+
+var _react = require("@emotion/react");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ModalFooter = ({
+  children
+}) => {
+  const theme = (0, _theme.useTheme)();
+  return (0, _react.jsx)("footer", {
+    css: /*#__PURE__*/(0, _react.css)("padding:", theme.spacing * 2, "px ", theme.spacing * 4, "px;border-top:1px solid ", theme.palette.gray[300], ";border-bottom-right-radius:0.3em;border-bottom-left-radius:0.3em;" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalFooter;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Nb2RhbC9Nb2RhbEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Nb2RhbC9Nb2RhbEZvb3Rlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIlxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiXG5cbmV4cG9ydCBjb25zdCBNb2RhbEZvb3RlcjogUmVhY3QuRkMgPSAoeyBjaGlsZHJlbiB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGZvb3RlclxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nICogMn1weCAke3RoZW1lLnNwYWNpbmcgKiA0fXB4O1xuICAgICAgICAgICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3RoZW1lLnBhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMC4zZW07XG4gICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMC4zZW07XG4gICAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZm9vdGVyPlxuICAgIClcbn1cbiJdfQ== */")
+  }, children);
+};
+
+exports.ModalFooter = ModalFooter;
+//# sourceMappingURL=ModalFooter.js.map