webpackHotUpdate("static/development/pages/_app.js",{

/***/ "../../node_modules/@vitro/ui/src/app.tsx":
/*!*************************************************************************************!*\
  !*** /Users/morse/Documents/GitHub/react-comics/node_modules/@vitro/ui/src/app.tsx ***!
  \*************************************************************************************/
/*! exports provided: VitroApp */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"VitroApp\", function() { return VitroApp; });\n/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ \"../../node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ \"../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _chakra_ui_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @chakra-ui/core */ \"../../node_modules/@chakra-ui/core/dist/es/index.js\");\n/* harmony import */ var _emotion_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @emotion/core */ \"../../node_modules/@emotion/core/dist/core.browser.esm.js\");\n/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! next/router */ \"../../node_modules/next/dist/client/router.js\");\n/* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var nprogress__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! nprogress */ \"../../node_modules/nprogress/nprogress.js\");\n/* harmony import */ var nprogress__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(nprogress__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _css__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./css */ \"../../node_modules/@vitro/ui/src/css.ts\");\n/* harmony import */ var _stories_nav__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./stories_nav */ \"../../node_modules/@vitro/ui/src/stories_nav.tsx\");\n\n\n\nvar _jsxFileName = \"/Users/morse/Documents/GitHub/react-comics/node_modules/@vitro/ui/src/app.tsx\",\n    _this = undefined,\n    _s = $RefreshSig$();\n\n\nvar __jsx = react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement;\n// @jsx jsx\n\n\n\n\n\n\n_emotion_core__WEBPACK_IMPORTED_MODULE_4__[\"jsx\"];\nnext_router__WEBPACK_IMPORTED_MODULE_5__[\"Router\"].events.on('routeChangeStart', function (url) {\n  console.log(\"Loading: \".concat(url));\n  nprogress__WEBPACK_IMPORTED_MODULE_6___default.a.start();\n});\nnext_router__WEBPACK_IMPORTED_MODULE_5__[\"Router\"].events.on('routeChangeComplete', function () {\n  return nprogress__WEBPACK_IMPORTED_MODULE_6___default.a.done();\n});\nnext_router__WEBPACK_IMPORTED_MODULE_5__[\"Router\"].events.on('routeChangeError', function () {\n  return nprogress__WEBPACK_IMPORTED_MODULE_6___default.a.done();\n});\nvar PAGE_PADDING = '40px';\nfunction VitroApp(_ref) {\n  var storiesMap = _ref.storiesMap,\n      props = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(_ref, [\"storiesMap\"]);\n\n  var Component = props.Component,\n      pageProps = props.pageProps;\n  return Object(_emotion_core__WEBPACK_IMPORTED_MODULE_4__[\"jsx\"])(_chakra_ui_core__WEBPACK_IMPORTED_MODULE_3__[\"ColorModeProvider\"], {\n    value: \"light\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 32,\n      columnNumber: 9\n    }\n  }, Object(_emotion_core__WEBPACK_IMPORTED_MODULE_4__[\"jsx\"])(_chakra_ui_core__WEBPACK_IMPORTED_MODULE_3__[\"ThemeProvider\"], {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 34,\n      columnNumber: 13\n    }\n  }, Object(_emotion_core__WEBPACK_IMPORTED_MODULE_4__[\"jsx\"])(_chakra_ui_core__WEBPACK_IMPORTED_MODULE_3__[\"CSSReset\"], {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 35,\n      columnNumber: 17\n    }\n  }), Object(_emotion_core__WEBPACK_IMPORTED_MODULE_4__[\"jsx\"])(_emotion_core__WEBPACK_IMPORTED_MODULE_4__[\"Global\"], {\n    styles: _css__WEBPACK_IMPORTED_MODULE_7__[\"globalStyles\"],\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 36,\n      columnNumber: 17\n    }\n  }), Object(_emotion_core__WEBPACK_IMPORTED_MODULE_4__[\"jsx\"])(Content, {\n    storiesMap: storiesMap,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 17\n    }\n  }, Object(_emotion_core__WEBPACK_IMPORTED_MODULE_4__[\"jsx\"])(Component, Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, pageProps, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 38,\n      columnNumber: 21\n    }\n  })))));\n}\n_c = VitroApp;\n\nvar Content = function Content(_ref2) {\n  _s();\n\n  var storiesMap = _ref2.storiesMap,\n      children = _ref2.children;\n\n  var _useColorMode = Object(_chakra_ui_core__WEBPACK_IMPORTED_MODULE_3__[\"useColorMode\"])(),\n      colorMode = _useColorMode.colorMode;\n\n  return Object(_emotion_core__WEBPACK_IMPORTED_MODULE_4__[\"jsx\"])(_chakra_ui_core__WEBPACK_IMPORTED_MODULE_3__[\"Stack\"], {\n    position: \"relative\",\n    overflowX: \"hidden\",\n    minWidth: \"100vw\",\n    minHeight: \"100vh\",\n    bg: {\n      light: 'gray.100',\n      dark: 'gray.800'\n    }[colorMode],\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 9\n    }\n  }, Object(_emotion_core__WEBPACK_IMPORTED_MODULE_4__[\"jsx\"])(_chakra_ui_core__WEBPACK_IMPORTED_MODULE_3__[\"Box\"] // overflowY='auto'\n  , {\n    width: ['270px'],\n    position: \"fixed\" // pr={PAGE_PADDING}\n    ,\n    left: PAGE_PADDING,\n    top: \"0\",\n    pt: PAGE_PADDING,\n    bottom: \"0\" // overflowX='hidden'\n    ,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61,\n      columnNumber: 13\n    }\n  }, Object(_emotion_core__WEBPACK_IMPORTED_MODULE_4__[\"jsx\"])(_stories_nav__WEBPACK_IMPORTED_MODULE_8__[\"StoriesNav\"], {\n    storiesMap: storiesMap,\n    width: \"100%\",\n    fontWeight: \"500\",\n    display: ['none', null, null, 'flex'],\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 72,\n      columnNumber: 17\n    }\n  }), Object(_emotion_core__WEBPACK_IMPORTED_MODULE_4__[\"jsx\"])(_chakra_ui_core__WEBPACK_IMPORTED_MODULE_3__[\"Box\"], {\n    h: PAGE_PADDING,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 78,\n      columnNumber: 17\n    }\n  })), Object(_emotion_core__WEBPACK_IMPORTED_MODULE_4__[\"jsx\"])(_chakra_ui_core__WEBPACK_IMPORTED_MODULE_3__[\"Stack\"], {\n    position: \"absolute\",\n    height: \"content\",\n    right: \"0\",\n    top: \"0\",\n    bottom: \"0\",\n    left: [PAGE_PADDING, null, null, '350px'],\n    as: \"main\",\n    borderLeftWidth: ['0', null, null, '2px'],\n    pl: ['0', null, null, PAGE_PADDING],\n    pt: PAGE_PADDING,\n    pr: PAGE_PADDING,\n    pb: PAGE_PADDING // width='100%'\n    // overflowX='visible'\n    // zIndex={0}\n    ,\n    align: \"stretch\",\n    overflowY: \"scroll\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 80,\n      columnNumber: 13\n    }\n  }, children));\n};\n\n_s(Content, \"2Uu86IH3do63pkN3s1ysdRMmJuc=\", false, function () {\n  return [_chakra_ui_core__WEBPACK_IMPORTED_MODULE_3__[\"useColorMode\"]];\n});\n\n_c2 = Content;\n\nvar _c, _c2;\n\n$RefreshReg$(_c, \"VitroApp\");\n$RefreshReg$(_c2, \"Content\");//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64, \n//# sourceURL=webpack-internal:///../../node_modules/@vitro/ui/src/app.tsx\n");

/***/ })

})