npm - @dr.pogodin/react-utils - Versions diffs - 1.8.5 → 1.10.0 - Mend

@dr.pogodin/react-utils 1.8.5 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (142) hide show

package/build/development/web.bundle.js CHANGED Viewed

@@ -26,7 +26,7 @@ return /******/ (function() { // webpackBootstrap
   \******************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ Launch; }\n/* harmony export */ });\n/* harmony import */ var _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @dr.pogodin/react-global-state */ \"@dr.pogodin/react-global-state\");\n/* harmony import */ var _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ \"react-router-dom\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n// Initialization of client-side code.\n\n/* global document, window */\n\n\n\n/**\n * @category Utilities\n * @func client\n * @desc\n * ```js\n * import { client } from '@dr.pogodin/react-utils';\n * ```\n * Prepares and launches the app at client side.\n * @param {object} Application Root application component\n */\n\n\nfunction Launch(Application) {\n  react_dom__WEBPACK_IMPORTED_MODULE_1___default().hydrate( /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_0__.GlobalStateProvider, {\n    initialState: window.ISTATE,\n    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.BrowserRouter, {\n      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Application, {})\n    })\n  }), document.getElementById('react-view'));\n}\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/client/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ Launch; }\n/* harmony export */ });\n/* harmony import */ var _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @dr.pogodin/react-global-state */ \"@dr.pogodin/react-global-state\");\n/* harmony import */ var _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ \"react-router-dom\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n// Initialization of client-side code.\n\n/* global document, window */\n\n\n\n/**\n * Prepares and launches the app at client side.\n * @param {object} Application Root application component\n */\n\n\nfunction Launch(Application) {\n  react_dom__WEBPACK_IMPORTED_MODULE_1___default().hydrate( /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_0__.GlobalStateProvider, {\n    initialState: window.ISTATE,\n    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.BrowserRouter, {\n      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Application, {})\n    })\n  }), document.getElementById('react-view'));\n}\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/client/index.jsx?");
 /***/ }),
@@ -36,7 +36,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \**********************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("var __dirname = \"/\";\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"_\": function() { return /* reexport default from dynamic */ lodash__WEBPACK_IMPORTED_MODULE_2___default.a; },\n/* harmony export */   \"api\": function() { return /* reexport default from dynamic */ axios__WEBPACK_IMPORTED_MODULE_3___default.a; },\n/* harmony export */   \"PT\": function() { return /* reexport module object */ prop_types__WEBPACK_IMPORTED_MODULE_4__; },\n/* harmony export */   \"getGlobalState\": function() { return /* reexport safe */ _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5__.getGlobalState; },\n/* harmony export */   \"GlobalStateProvider\": function() { return /* reexport safe */ _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5__.GlobalStateProvider; },\n/* harmony export */   \"useAsyncCollection\": function() { return /* reexport safe */ _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5__.useAsyncCollection; },\n/* harmony export */   \"useAsyncData\": function() { return /* reexport safe */ _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5__.useAsyncData; },\n/* harmony export */   \"useGlobalState\": function() { return /* reexport safe */ _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5__.useGlobalState; },\n/* harmony export */   \"BaseModal\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.BaseModal; },\n/* harmony export */   \"Button\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.Button; },\n/* harmony export */   \"Checkbox\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.Checkbox; },\n/* harmony export */   \"CodeSplit\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.CodeSplit; },\n/* harmony export */   \"Dropdown\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.Dropdown; },\n/* harmony export */   \"Input\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.Input; },\n/* harmony export */   \"Link\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.Link; },\n/* harmony export */   \"MetaTags\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.MetaTags; },\n/* harmony export */   \"Modal\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.Modal; },\n/* harmony export */   \"NavLink\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.NavLink; },\n/* harmony export */   \"PageLayout\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.PageLayout; },\n/* harmony export */   \"ScalableRect\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.ScalableRect; },\n/* harmony export */   \"Throbber\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.Throbber; },\n/* harmony export */   \"WithTooltip\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.WithTooltip; },\n/* harmony export */   \"YouTubeVideo\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.YouTubeVideo; },\n/* harmony export */   \"client\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.client; },\n/* harmony export */   \"JU\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.JU; },\n/* harmony export */   \"ThemeProvider\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.ThemeProvider; },\n/* harmony export */   \"config\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.config; },\n/* harmony export */   \"isomorphy\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.isomorphy; },\n/* harmony export */   \"newBarrier\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.newBarrier; },\n/* harmony export */   \"themed\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.themed; },\n/* harmony export */   \"time\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.time; },\n/* harmony export */   \"url\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.url; },\n/* harmony export */   \"webpack\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.webpack; },\n/* harmony export */   \"withRetries\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.withRetries; },\n/* harmony export */   \"server\": function() { return /* binding */ server; }\n/* harmony export */ });\n/* harmony import */ var _styles_global_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./styles/global.scss */ \"./src/styles/global.scss\");\n/* harmony import */ var _shared_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./shared/utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ \"axios\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @dr.pogodin/react-global-state */ \"@dr.pogodin/react-global-state\");\n/* harmony import */ var _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _shared_components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./shared/components */ \"./src/shared/components/index.js\");\n\n\nvar server = null; // eslint-disable-line import/no-mutable-exports\n\nif (_shared_utils__WEBPACK_IMPORTED_MODULE_1__.isomorphy.IS_SERVER_SIDE) {\n  var path = _shared_utils__WEBPACK_IMPORTED_MODULE_1__.webpack.requireWeak('path');\n  server = _shared_utils__WEBPACK_IMPORTED_MODULE_1__.webpack.requireWeak(path.resolve(__dirname, './server'));\n}\n/**\n * @category Utilities\n * @module _\n * @desc\n * ```js\n * import { _ } from '@dr.pogodin/react-utils';\n * ```\n * `_` is just an alias for [lodash](https://lodash.com/docs) library,\n * which provides various generic JS helpers.\n */\n\n\n\n/**\n * @category Utilities\n * @module api\n * @desc\n * ```js\n * import { api } from '@dr.pogodin/react-utils';\n * ```\n * `api` is just an alias for [`axios`](https://www.npmjs.com/package/axios)\n * library, which provides a great HTTP(S) client.\n */\n\n\n/**\n * @category Utilities\n * @module PT\n * @desc\n * ```js\n * import { PT } from '@dr.pogodin/react-utils';\n * ```\n * `PT` (short for `prop-types`) is an alias for\n * [prop-types](https://www.npmjs.com/package/prop-types) library,\n * which facilitates runtime type checks for React.\n */\n\n\n\n/**\n * @category Utilities\n * @module ReactGlobalState\n * @desc\n * ```jsx\n * import {\n *   getGlobalState,\n *   GlobalStateProvider,\n *   useAsyncCollection,\n *   useAsyncData,\n *   useGlobalState,\n * } from '@dr.pogodin/react-utils';\n * ```\n * For convenience, `react-utils` re-exports components and hooks provided by\n * [react-global-state](https://dr.pogodin.studio/docs/react-global-state/index.html)\n * library, which  is a state of the art library for global state and\n * asynchronous data managment in React applications, powered by hooks and\n * Context API. It is simple, efficient, and with a full server-side rendering\n * (SSR) support.\n *\n * The standard {@link client} and {@link server} automatically wrap your\n * app into `<GlobalStateProvider>`, also `server` wires `react-global-state` to\n * SSR setup, and also exposes the actual incoming HTTP request object via SSR\n * context, to which it attaches it as `req` field.\n */\n\n\n\n\n\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/index.js?");
+eval("var __dirname = \"/\";\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"_\": function() { return /* reexport default from dynamic */ lodash__WEBPACK_IMPORTED_MODULE_2___default.a; },\n/* harmony export */   \"api\": function() { return /* reexport default from dynamic */ axios__WEBPACK_IMPORTED_MODULE_3___default.a; },\n/* harmony export */   \"PT\": function() { return /* reexport module object */ prop_types__WEBPACK_IMPORTED_MODULE_4__; },\n/* harmony export */   \"getGlobalState\": function() { return /* reexport safe */ _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5__.getGlobalState; },\n/* harmony export */   \"GlobalStateProvider\": function() { return /* reexport safe */ _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5__.GlobalStateProvider; },\n/* harmony export */   \"useAsyncCollection\": function() { return /* reexport safe */ _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5__.useAsyncCollection; },\n/* harmony export */   \"useAsyncData\": function() { return /* reexport safe */ _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5__.useAsyncData; },\n/* harmony export */   \"useGlobalState\": function() { return /* reexport safe */ _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5__.useGlobalState; },\n/* harmony export */   \"BaseModal\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.BaseModal; },\n/* harmony export */   \"Button\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.Button; },\n/* harmony export */   \"Checkbox\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.Checkbox; },\n/* harmony export */   \"CodeSplit\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.CodeSplit; },\n/* harmony export */   \"Dropdown\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.Dropdown; },\n/* harmony export */   \"Input\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.Input; },\n/* harmony export */   \"Link\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.Link; },\n/* harmony export */   \"MetaTags\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.MetaTags; },\n/* harmony export */   \"Modal\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.Modal; },\n/* harmony export */   \"NavLink\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.NavLink; },\n/* harmony export */   \"PageLayout\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.PageLayout; },\n/* harmony export */   \"ScalableRect\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.ScalableRect; },\n/* harmony export */   \"Throbber\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.Throbber; },\n/* harmony export */   \"WithTooltip\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.WithTooltip; },\n/* harmony export */   \"YouTubeVideo\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.YouTubeVideo; },\n/* harmony export */   \"client\": function() { return /* reexport safe */ _shared_components__WEBPACK_IMPORTED_MODULE_6__.client; },\n/* harmony export */   \"JU\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.JU; },\n/* harmony export */   \"ThemeProvider\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.ThemeProvider; },\n/* harmony export */   \"config\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.config; },\n/* harmony export */   \"isomorphy\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.isomorphy; },\n/* harmony export */   \"newBarrier\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.newBarrier; },\n/* harmony export */   \"themed\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.themed; },\n/* harmony export */   \"time\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.time; },\n/* harmony export */   \"url\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.url; },\n/* harmony export */   \"webpack\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.webpack; },\n/* harmony export */   \"withRetries\": function() { return /* reexport safe */ _shared_utils__WEBPACK_IMPORTED_MODULE_1__.withRetries; },\n/* harmony export */   \"server\": function() { return /* binding */ server; }\n/* harmony export */ });\n/* harmony import */ var _styles_global_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./styles/global.scss */ \"./src/styles/global.scss\");\n/* harmony import */ var _shared_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./shared/utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ \"axios\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @dr.pogodin/react-global-state */ \"@dr.pogodin/react-global-state\");\n/* harmony import */ var _dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_dr_pogodin_react_global_state__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _shared_components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./shared/components */ \"./src/shared/components/index.js\");\n\n\nvar server = null; // eslint-disable-line import/no-mutable-exports\n\nif (_shared_utils__WEBPACK_IMPORTED_MODULE_1__.isomorphy.IS_SERVER_SIDE) {\n  try {\n    var path = _shared_utils__WEBPACK_IMPORTED_MODULE_1__.webpack.requireWeak('path');\n    server = _shared_utils__WEBPACK_IMPORTED_MODULE_1__.webpack.requireWeak(path.resolve(__dirname, './server'));\n  } catch (error) {\n    server = null;\n  }\n}\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/index.js?");
 /***/ }),
@@ -46,7 +46,7 @@ eval("var __dirname = \"/\";\n__webpack_require__.r(__webpack_exports__);\n/* ha
   \************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Link */ \"./src/shared/components/Link.jsx\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style.scss */ \"./src/shared/components/Button/style.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n// The <Button> component implements a standard button / button-like link.\n\n\n\n\n\n\nfunction BaseButton(_ref) {\n  var active = _ref.active,\n      children = _ref.children,\n      disabled = _ref.disabled,\n      enforceA = _ref.enforceA,\n      onClick = _ref.onClick,\n      onMouseDown = _ref.onMouseDown,\n      openNewTab = _ref.openNewTab,\n      replace = _ref.replace,\n      theme = _ref.theme,\n      to = _ref.to;\n  var className = theme.button;\n  if (active && theme.active) className += \" \".concat(theme.active);\n\n  if (disabled) {\n    if (theme.disabled) className += \" \".concat(theme.disabled);\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(\"div\", {\n      className: className,\n      children: children\n    });\n  }\n\n  if (to) {\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n      className: className,\n      enforceA: enforceA,\n      onClick: onClick,\n      onMouseDown: onMouseDown,\n      openNewTab: openNewTab,\n      replace: replace,\n      to: to,\n      children: children\n    });\n  }\n\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(\"div\", {\n    className: className,\n    onClick: onClick,\n    onKeyPress: onClick,\n    onMouseDown: onMouseDown,\n    role: \"button\",\n    tabIndex: 0,\n    children: children\n  });\n}\n/**\n * @category Components\n * @typedef {object} ButtonTheme {@link Button} component theme: a map of CSS\n * class names to append to button elements:\n * @prop {string} [active] to the root element of active button.\n * @prop {string} [button] to the root element of any button.\n * @prop {string} [disabled] to the root element of disabled button.\n */\n\n\nvar ThemedButton = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.themed)('Button', ['active', 'button', 'disabled'], _style_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(BaseButton);\n/**\n * @category Components\n * @func Button\n * @desc\n * ```js\n * import { Button } from '@dr.pogodin/react-utils';\n * ```\n * Implements themeable buttons, and button-line links (elements which look\n * like buttons, but behave as links) in the same uniform manner.\n *\n * Under the hood, a `<Button>` instance is rendered as:\n * 1. `<div>` when the button is disabled. It helps to ensure exactly\n *    the same style of disabled buttons and button-like links.\n * 2. `<Link>` when `to` property is set.\n *    This takes care about internal and external links.\n * 3. `<div>` element, otherwise. `<Link>` component could also play the button\n *    role, but is more efficient to use `<div>` in this case.\n *\n * **Children:** Component children, if any, are rendered as button content.\n *\n * @param {object} [props] Component props.\n * @param {boolean} [props.active] Set `true` to render the button as\n * active, even if it is not active otherwise.\n * @param {boolean} [props.disabled] Set `true` to disable the button.\n * @param {boolean} [props.enforceA] When the button is rendered as `<Link>`\n * component, this prop enforces it to be rendered as a simple `<a>` element\n * (external link), rather than the React router's internal link.\n * See `<Link>` documentation to learn when links are rendered as `<a>`\n * by default.\n * @param {function} [props.onClick] Click event handler.\n * @param {function} [props.onMouseDown] Mouse down event handler.\n * @param {boolean} [props.openNewTab] Set `true` to open link in the new tab.\n * @param {boolean} [props.replace] When the button is rendered as\n * `<Link>`, and the target URL is internal, this property tells that\n * the new route should replace the last record in the browser's history,\n * rather than to be pushed as a new entry into the history stack.\n * @param {ButtonTheme} [props.theme] _Ad hoc_ button theme.\n * @param {object|string} [props.to] If specified, the button will be rendered\n * as `<Link>` (if not disabled), and it will point to the specified location\n * or URL.\n * @param {...any} [props....]\n * [Other properties of themeable components](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n *\n * @example\n * import React from 'react';\n * import { Button } from '@dr.pogodin/react-utils';\n *\n * export default function ButtonDemo() {\n *   return (\n *     <div>\n *       <Button onClick={() => alert('Button Clicked')}>Button</Button>\n *       <Button to=\"https://dr.pogodin.studio\" openNewTab>\n *         Button-Like Link\n *       </Button>\n *       <Button disabled>Disabled Button</Button>\n *       <Button active>Forced-Active Button</Button>\n *     </div>\n *   );\n * }\n */\n\nBaseButton.defaultProps = {\n  active: false,\n  children: undefined,\n  disabled: false,\n  enforceA: false,\n  onClick: undefined,\n  onMouseDown: undefined,\n  openNewTab: false,\n  replace: false,\n  to: undefined\n};\nBaseButton.propTypes = {\n  active: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),\n  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  enforceA: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  onClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),\n  onMouseDown: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),\n  openNewTab: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  replace: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  theme: ThemedButton.themeType.isRequired,\n  to: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().object), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedButton);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Button/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Link */ \"./src/shared/components/Link.jsx\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style.scss */ \"./src/shared/components/Button/style.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n// The <Button> component implements a standard button / button-like link.\n\n\n\n\n\n\nfunction BaseButton(_ref) {\n  var active = _ref.active,\n      children = _ref.children,\n      disabled = _ref.disabled,\n      enforceA = _ref.enforceA,\n      onClick = _ref.onClick,\n      onMouseDown = _ref.onMouseDown,\n      openNewTab = _ref.openNewTab,\n      replace = _ref.replace,\n      theme = _ref.theme,\n      to = _ref.to;\n  var className = theme.button;\n  if (active && theme.active) className += \" \".concat(theme.active);\n\n  if (disabled) {\n    if (theme.disabled) className += \" \".concat(theme.disabled);\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(\"div\", {\n      className: className,\n      children: children\n    });\n  }\n\n  if (to) {\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Link__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n      className: className,\n      enforceA: enforceA,\n      onClick: onClick,\n      onMouseDown: onMouseDown,\n      openNewTab: openNewTab,\n      replace: replace,\n      to: to,\n      children: children\n    });\n  }\n\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(\"div\", {\n    className: className,\n    onClick: onClick,\n    onKeyPress: onClick,\n    onMouseDown: onMouseDown,\n    role: \"button\",\n    tabIndex: 0,\n    children: children\n  });\n}\n/**\n * Button component theme: a map of CSS\n * class names to append to button elements:\n * @prop {string} [active] to the root element of active button.\n * @prop {string} [button] to the root element of any button.\n * @prop {string} [disabled] to the root element of disabled button.\n */\n\n\nvar ThemedButton = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.themed)('Button', ['active', 'button', 'disabled'], _style_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(BaseButton);\n/**\n * Implements themeable buttons, and button-line links (elements which look\n * like buttons, but behave as links) in the same uniform manner.\n * @param {object} [props] Component props.\n * @param {boolean} [props.active] Set `true` to render the button as\n * active, even if it is not active otherwise.\n * @param {boolean} [props.disabled] Set `true` to disable the button.\n * @param {boolean} [props.enforceA] When the button is rendered as `<Link>`\n * component, this prop enforces it to be rendered as a simple `<a>` element\n * (external link), rather than the React router's internal link.\n * See `<Link>` documentation to learn when links are rendered as `<a>`\n * by default.\n * @param {function} [props.onClick] Click event handler.\n * @param {function} [props.onMouseDown] Mouse down event handler.\n * @param {boolean} [props.openNewTab] Set `true` to open link in the new tab.\n * @param {boolean} [props.replace] When the button is rendered as\n * `<Link>`, and the target URL is internal, this property tells that\n * the new route should replace the last record in the browser's history,\n * rather than to be pushed as a new entry into the history stack.\n * @param {ButtonTheme} [props.theme] _Ad hoc_ button theme.\n * @param {object|string} [props.to] If specified, the button will be rendered\n * as `<Link>` (if not disabled), and it will point to the specified location\n * or URL.\n * @param {...any} [props....]\n * [Other properties of themeable components](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\n\nBaseButton.defaultProps = {\n  active: false,\n  children: undefined,\n  disabled: false,\n  enforceA: false,\n  onClick: undefined,\n  onMouseDown: undefined,\n  openNewTab: false,\n  replace: false,\n  to: undefined\n};\nBaseButton.propTypes = {\n  active: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),\n  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  enforceA: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  onClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),\n  onMouseDown: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),\n  openNewTab: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  replace: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  theme: ThemedButton.themeType.isRequired,\n  to: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().object), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedButton);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Button/index.jsx?");
 /***/ }),
@@ -56,7 +56,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var prop
   \**************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var _theme_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./theme.scss */ \"./src/shared/components/Checkbox/theme.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\n\n\nfunction Checkbox(_ref) {\n  var checked = _ref.checked,\n      label = _ref.label,\n      onChange = _ref.onChange,\n      theme = _ref.theme;\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(\"div\", {\n    className: theme.container,\n    children: [label === undefined ? null : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"p\", {\n      className: theme.label,\n      children: label\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"input\", {\n      checked: checked,\n      className: theme.checkbox,\n      onChange: onChange,\n      type: \"checkbox\"\n    })]\n  });\n}\n/**\n * @category Components\n * @typedef {object} CheckboxTheme {@link Checkbox} component theme: a map of\n * CSS classes to append to its elements:\n * @prop {string} [checkbox] to the underlying checkbox `<input>` element.\n * @prop {string} [container] to the root checkbox element.\n * @prop {string} [label] to the checkbox label element.\n */\n\n\nvar ThemedCheckbox = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.themed)('Checkbox', ['checkbox', 'container', 'label'], _theme_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(Checkbox);\n/**\n * @category Components\n * @func Checkbox\n * @desc\n * ```js\n * import { Checkbox } from '@dr.pogodin/react-utils';\n * ```\n * The `<Checkbox>` component implements themeable checkboxes.\n * @param {object} [props] Component properties.\n * @param {boolean} [props.checked] Checkbox value.\n * @param {string} [props.label] Checkbox label.\n * @param {function} [props.onChange] State change handler.\n * @param {CheckboxTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....]\n * [Other properties of themeable components](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties).\n */\n\nCheckbox.propTypes = {\n  checked: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),\n  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),\n  theme: ThemedCheckbox.themeType.isRequired\n};\nCheckbox.defaultProps = {\n  checked: undefined,\n  label: undefined,\n  onChange: undefined\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedCheckbox);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Checkbox/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var _theme_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./theme.scss */ \"./src/shared/components/Checkbox/theme.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\n\n\nfunction Checkbox(_ref) {\n  var checked = _ref.checked,\n      label = _ref.label,\n      onChange = _ref.onChange,\n      theme = _ref.theme;\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(\"div\", {\n    className: theme.container,\n    children: [label === undefined ? null : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"p\", {\n      className: theme.label,\n      children: label\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"input\", {\n      checked: checked,\n      className: theme.checkbox,\n      onChange: onChange,\n      type: \"checkbox\"\n    })]\n  });\n}\n/**\n * Checkbox component theme: a map of\n * CSS classes to append to its elements:\n * @prop {string} [checkbox] to the underlying checkbox `<input>` element.\n * @prop {string} [container] to the root checkbox element.\n * @prop {string} [label] to the checkbox label element.\n */\n\n\nvar ThemedCheckbox = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.themed)('Checkbox', ['checkbox', 'container', 'label'], _theme_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(Checkbox);\n/**\n * The `<Checkbox>` component implements themeable checkboxes.\n * @param {object} [props] Component properties.\n * @param {boolean} [props.checked] Checkbox value.\n * @param {string} [props.label] Checkbox label.\n * @param {function} [props.onChange] State change handler.\n * @param {CheckboxTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....]\n * [Other properties of themeable components](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties).\n */\n\nCheckbox.propTypes = {\n  checked: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),\n  label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),\n  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),\n  theme: ThemedCheckbox.themeType.isRequired\n};\nCheckbox.defaultProps = {\n  checked: undefined,\n  label: undefined,\n  onChange: undefined\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedCheckbox);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Checkbox/index.jsx?");
 /***/ }),
@@ -76,7 +76,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \**************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("var __dirname = \"/\";\n__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var _ClientSide__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ClientSide */ \"./src/shared/components/CodeSplit/ClientSide.jsx\");\n/**\n * @category Components\n * @func CodeSplit\n * @desc\n * ```js\n * import { CodeSplit } from '@dr.pogodin/react-utils';\n * ```\n * The `<CodeSplit>` component implements separation of an app part into\n * separate code & style chunks (thus, allowing to split compiled app bundle\n * into smaller lazy-loaded pieces).\n * @param {object} props Component properties.\n * @param {string} props.chunkName Unique chunk name.\n * @param {function} props.getComponentAsync Asynchronous function which\n * resolves to the component to render in place of the `<CodeSplit>`\n * (_i.e._ the component which we are splitting into a separate chunk),\n * and uses dynamic `import()` with Webpack's\n * [webpackChunkName](https://webpack.js.org/api/module-methods/#magic-comments) magic\n * comment stating the same chunk name, as was specified via the `chunkName`\n * property above.\n * @param {function} [props.getComponentServer] A synchronous version of\n * `getComponentAsync()` to be used during server-side rendering. If not\n * provided, the server-side code will fallback to the asynchronous\n * `getComponentAsync()`, which is sub-optimal. If provided, it will be called\n * with a special {@link resolveRequire} function passed in as the only\n * argument, which should be used to correctly resolve & require necessary\n * modules, without Webpack being able to detect it and thus bundle them\n * into client-side code (also see the example below).\n * @param {function} [props.placeholder] Placeholder React component to render\n * while the code for actual splitted component is being loaded.\n * @param {...any} [props....] Any other properties are passed as is into\n * the splitted component.\n * @example\n * // Assume <SampleComponent> is a React sub-tree we want to split into\n * // a stand-alone chunk. To achieve it, we use <CodeSplit> to declare\n * // an auxiliary <WrappedSampleComponent>, which we'll use everywhere\n * // in the code instead of <SampleComponent>. In result <SampleComponent>,\n * // and any other components in its sub-tree, not required directly in\n * // other chunks, will be placed into a dedicated chunk.\n *\n * // WrappedSampleComponent.jsx\n * import { CodeSplit, webpack } from '@dr.pogodin/react-utils';\n *\n * export default function WrappedSampleComponent(props) {\n *   return (\n *     <CodeSplit\n *       chunkName=\"sample-component\"\n *       getComponentAsync={\n *         // NOTE: Use the normal comment block opening and closing at\n *         // the next line instead of / * and * / (whitespaces between\n *         // start and slash had to be added due to limitations of our\n *         // documentation setup).\n *         () => import(/ * webpackChunkName: 'sample-component' * / 'path/to/SampleComponent')\n *       }\n *       getComponentServer={\n *         // NOTE: You cannot just use the standard require() here, as it would\n *         // cause Webpack to bundle in required module into the current chunk,\n *         // instead of the split one. Thus, this workaround.\n *         (resolveRequire) => resolveRequire(__dirname, 'path/to/SampleComponent');\n *       }\n *       placeholder={() => <div>Optional Placeholder</div>}\n *       {...props}\n *     />\n *   );\n * }\n */\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (_utils__WEBPACK_IMPORTED_MODULE_0__.isomorphy.IS_SERVER_SIDE ? _utils__WEBPACK_IMPORTED_MODULE_0__.webpack.requireWeak(\"\".concat(__dirname, \"/ServerSide\")) : _ClientSide__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/CodeSplit/index.js?");
+eval("var __dirname = \"/\";\n__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var _ClientSide__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ClientSide */ \"./src/shared/components/CodeSplit/ClientSide.jsx\");\n\n\nvar Component; // eslint-disable-line import/no-mutable-exports\n\ntry {\n  Component = _utils__WEBPACK_IMPORTED_MODULE_0__.isomorphy.IS_SERVER_SIDE && _utils__WEBPACK_IMPORTED_MODULE_0__.webpack.requireWeak(\"\".concat(__dirname, \"/ServerSide\"));\n} catch (error) {\n  Component = undefined;\n}\n\nif (!Component) Component = _ClientSide__WEBPACK_IMPORTED_MODULE_1__[\"default\"];\n/* harmony default export */ __webpack_exports__[\"default\"] = (Component);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/CodeSplit/index.js?");
 /***/ }),
@@ -86,7 +86,7 @@ eval("var __dirname = \"/\";\n__webpack_require__.r(__webpack_exports__);\n/* ha
   \**************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var _theme_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./theme.scss */ \"./src/shared/components/Dropdown/theme.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\n/**\n * @category Components\n * @typedef {object} DropdownOption Represents a single option inside\n * {@link Dropdown} component.\n * @prop {string} [name] Option name (displayed in UI). If not given,\n * the `value` is used as the name.\n * @prop {string} value Option value key (used inside the code).\n */\n\n/**\n * @category Components\n * @desc\n * ```js\n * import { Dropdown } from '@dr.pogodin/react-utils';\n * ```\n * Implements a themeable dropdown list. Internally it is rendered with help of\n * the standard HTML `<select>` element, thus the styling support is somewhat\n * limited.\n * @param {object} [props] Component properties.\n * @param {function} [props.filter] Options filter function. If provided, only\n * those elements of `options` list will be used by the dropdown, for which this\n * filter returns `true`.\n * @param {string} [props.label] Dropdown label.\n * @param {string} [props.onChange] Selection event handler.\n * @param {DropdownOption[]|string[]} [props.options=[]] Array of dropdown\n * options. For string elements the option value and name will be the same.\n * It is allowed to mix DropdownOption and string elements in the same option\n * list.\n * @param {DropdownTheme} [props.theme] _Ad hoc_ theme.\n * @param {string} [props.value] Currently selected value.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\n\n\n\n\nfunction Dropdown(_ref) {\n  var filter = _ref.filter,\n      label = _ref.label,\n      onChange = _ref.onChange,\n      options = _ref.options,\n      theme = _ref.theme,\n      value = _ref.value;\n  var optionArray = [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(\"option\", {\n    className: theme.hiddenOption,\n    children: \"\\u200C\"\n  }, \"__reactUtilsHiddenOption\")];\n\n  for (var i = 0; i < options.length; ++i) {\n    var op = options[i];\n\n    if (!filter || filter(op)) {\n      if ((0,lodash__WEBPACK_IMPORTED_MODULE_0__.isString)(op)) op = {\n        value: op\n      };\n      optionArray.push( /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(\"option\", {\n        className: theme.option,\n        value: op.value,\n        children: op.name === undefined ? op.value : op.name\n      }, op.value));\n    }\n  }\n\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(\"div\", {\n    className: theme.container,\n    children: [label === undefined ? null : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(\"p\", {\n      className: theme.label,\n      children: label\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(\"select\", {\n      className: theme.select,\n      onChange: onChange,\n      value: value,\n      children: optionArray\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(\"div\", {\n      className: theme.arrow,\n      children: \"\\u25BC\"\n    })]\n  });\n}\n/**\n * @category Components\n * @typedef {object} DropdownTheme {@link Dropdown} component theme.\n * @prop {string} [arrow] Class name for arrow element.\n * @prop {string} [container] Class name for the root dropdown element.\n * @prop {string} [hiddenOption] Class name for the \"hidden option\" element,\n * which is rendered when dropdown value is undefined.\n * @prop {string} [label] Class name for label element.\n * @prop {string} [option] Class name for each option item element.\n * @prop {string} [select] Class name for the underlying `<select>` element.\n */\n\n\nvar ThemedDropdown = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.themed)('Dropdown', ['arrow', 'container', 'hiddenOption', 'label', 'option', 'select'], _theme_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(Dropdown);\nDropdown.propTypes = {\n  filter: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),\n  label: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),\n  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),\n  options: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({\n    name: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),\n    value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string.isRequired)\n  }), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)]).isRequired),\n  theme: ThemedDropdown.themeType.isRequired,\n  value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)\n};\nDropdown.defaultProps = {\n  filter: undefined,\n  label: undefined,\n  onChange: undefined,\n  options: [],\n  value: undefined\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedDropdown);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Dropdown/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var _theme_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./theme.scss */ \"./src/shared/components/Dropdown/theme.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\n/**\n * Implements a themeable dropdown list. Internally it is rendered with help of\n * the standard HTML `<select>` element, thus the styling support is somewhat\n * limited.\n * @param {object} [props] Component properties.\n * @param {function} [props.filter] Options filter function. If provided, only\n * those elements of `options` list will be used by the dropdown, for which this\n * filter returns `true`.\n * @param {string} [props.label] Dropdown label.\n * @param {string} [props.onChange] Selection event handler.\n * @param {DropdownOption[]|string[]} [props.options=[]] Array of dropdown\n * options. For string elements the option value and name will be the same.\n * It is allowed to mix DropdownOption and string elements in the same option\n * list.\n * @param {DropdownTheme} [props.theme] _Ad hoc_ theme.\n * @param {string} [props.value] Currently selected value.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\n\n\n\n\nfunction Dropdown(_ref) {\n  var filter = _ref.filter,\n      label = _ref.label,\n      onChange = _ref.onChange,\n      options = _ref.options,\n      theme = _ref.theme,\n      value = _ref.value;\n  var optionArray = [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(\"option\", {\n    className: theme.hiddenOption,\n    children: \"\\u200C\"\n  }, \"__reactUtilsHiddenOption\")];\n\n  for (var i = 0; i < options.length; ++i) {\n    var op = options[i];\n\n    if (!filter || filter(op)) {\n      if ((0,lodash__WEBPACK_IMPORTED_MODULE_0__.isString)(op)) op = {\n        value: op\n      };\n      optionArray.push( /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(\"option\", {\n        className: theme.option,\n        value: op.value,\n        children: op.name === undefined ? op.value : op.name\n      }, op.value));\n    }\n  }\n\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(\"div\", {\n    className: theme.container,\n    children: [label === undefined ? null : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(\"p\", {\n      className: theme.label,\n      children: label\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(\"select\", {\n      className: theme.select,\n      onChange: onChange,\n      value: value,\n      children: optionArray\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(\"div\", {\n      className: theme.arrow,\n      children: \"\\u25BC\"\n    })]\n  });\n}\n\nvar ThemedDropdown = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.themed)('Dropdown', ['arrow', 'container', 'hiddenOption', 'label', 'option', 'select'], _theme_scss__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(Dropdown);\nDropdown.propTypes = {\n  filter: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),\n  label: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),\n  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),\n  options: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({\n    name: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),\n    value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string.isRequired)\n  }), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)]).isRequired),\n  theme: ThemedDropdown.themeType.isRequired,\n  value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)\n};\nDropdown.defaultProps = {\n  filter: undefined,\n  label: undefined,\n  onChange: undefined,\n  options: [],\n  value: undefined\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedDropdown);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Dropdown/index.jsx?");
 /***/ }),
@@ -96,7 +96,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var loda
   \*****************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ GenericLink; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"@babel/runtime/helpers/defineProperty\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ \"@babel/runtime/helpers/objectWithoutProperties\");\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style.scss */ \"./src/shared/components/GenericLink/style.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\nvar _excluded = [\"children\", \"className\", \"disabled\", \"enforceA\", \"keepScrollPosition\", \"onClick\", \"onMouseDown\", \"openNewTab\", \"replace\", \"routerLinkType\", \"to\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n/* global window */\n\n\n\n/**\n * @category Components\n * @func Link\n * @desc\n * ```js\n * import { Link } from '@dr.pogodin/react-utils';\n * ```\n * The `<Link>` component, and almost identical `<NavLink>` component, are\n * auxiliary wrappers around\n * [React Router](https://github.com/ReactTraining/react-router)'s\n * `<Link>` and `<NavLink>` components; they help to handle external and\n * internal links in uniform manner.\n *\n * The `<Link>` (`<NavLink>`) component is rendered as a simple `<a>` element\n * when:\n * 1. The link is absolute, i.e. starts with `http://` or `https://`.\n * 2. The link points to an anchor, i.e. starts with `#` symbol.\n * 3. The link should be opened in a new tab (`openNewTab` property).\n * 4. Explicitly opted by the `enforceA` property.\n *\n * Otherwise it is rendered as the usual React Router's `<Link>` (`<NavLink>`).\n * Also in this case links to the current page scroll the page to its top when\n * clicked.\n *\n * Both `<Link>` and `<NavLink>` support all properties of the underlying React\n * Router's components, along with some additional props:\n *\n * **Children:** Child components are rendered as link's content.\n *\n * @param {object} [props] Component properties.\n * @param {string} [props.className] CSS classes to apply to the link.\n * @param {boolean} [props.disabled] Disables the link.\n * @param {boolean} [props.enforceA] `true` enforces rendering of the link as\n * a simple `<a>` element.\n * @param {boolean} [props.keepScrollPosition] If `true`, and the link is\n * rendered as a React Router's component, it won't reset the viewport scrolling\n * position to the origin when clicked.\n * @param {function} [props.onClick] Event handler to trigger upon click.\n * @param {function} [props.onMouseDown] Event handler to trigger on MouseDown\n * event.\n * @param {boolean} [props.openNewTab] If `true` the link opens in a new tab.\n * @param {boolean} [props.replace] When `true`, the link will replace current\n * entry in the history stack instead of adding a new one.\n * @param {string} [props.to] Link URL.\n * @param {string} [props.activeClassName] **`<NavLink>`** only: CSS class(es)\n * to apply to rendered link when it is active.\n * @param {string} [props.activeStyle] **`<NavLink>`** only: CSS styles\n * to apply to the rendered link when it is active.\n * @param {boolean} [props.exact] **`<NavLink>`** only: if `true`, the active\n * class/style will only be applied if the location is matched exactly.\n * @param {function} [props.isActive] **`<NavLink>`** only: Add extra\n * logic for determining whether the link is active. This should be used if you\n * want to do more than verify that the link’s pathname matches the current URL\n * pathname.\n * @param {object} [props.location] **`<NavLink>`** only: `isActive` compares\n * current history location (usually the current browser URL). To compare to\n * a different location, a custom `location` can be passed.\n * @param {boolean} [props.strict] **`<NavLink>`** only: . When `true`, trailing\n * slash on a location’s pathname will be taken into consideration when\n * determining if the location matches the current URL. See the `<Route strict>`\n * documentation for more information.\n */\n\n\nfunction GenericLink(_ref) {\n  var children = _ref.children,\n      className = _ref.className,\n      disabled = _ref.disabled,\n      enforceA = _ref.enforceA,\n      keepScrollPosition = _ref.keepScrollPosition,\n      _onClick = _ref.onClick,\n      onMouseDown = _ref.onMouseDown,\n      openNewTab = _ref.openNewTab,\n      replace = _ref.replace,\n      routerLinkType = _ref.routerLinkType,\n      to = _ref.to,\n      rest = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_ref, _excluded);\n\n  /* Renders Link as <a> element if:\n   * - It is opted explicitely by `enforceA` prop;\n   * - It should be opened in a new tab;\n   * - It is an absolte URL (starts with http:// or https://);\n   * - It is anchor link (starts with #). */\n  if (disabled || enforceA || openNewTab || to.match(/^(#|(https?|mailto):)/)) {\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(\"a\", {\n      className: (className ? className + \" \" : \"\") + \"-dr-pogodin-react-utils___src-shared-components-GenericLink-style___link___1j1FQ2\",\n      disabled: disabled,\n      href: to,\n      onClick: disabled ? function (e) {\n        return e.preventDefault();\n      } : _onClick,\n      onMouseDown: disabled ? function (e) {\n        return e.preventDefault();\n      } : onMouseDown,\n      rel: \"noopener noreferrer\",\n      target: openNewTab ? '_blank' : '',\n      children: children\n    });\n  }\n  /* Otherwise we render the link as React Router's Link or NavLink element. */\n\n\n  return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_3__.createElement)(routerLinkType, _objectSpread({\n    className: className,\n    disabled: disabled,\n    onMouseDown: onMouseDown,\n    replace: replace,\n    to: to,\n    onClick: function onClick(e) {\n      // Executes the user-provided event handler, if any.\n      if (_onClick) _onClick(e); // By default, clicking the link scrolls the page to beginning.\n\n      if (!keepScrollPosition) window.scroll(0, 0);\n    }\n  }, rest), children);\n}\nGenericLink.defaultProps = {\n  children: null,\n  className: null,\n  disabled: false,\n  enforceA: false,\n  keepScrollPosition: false,\n  onClick: null,\n  onMouseDown: null,\n  openNewTab: false,\n  replace: false,\n  to: ''\n};\nGenericLink.propTypes = {\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  enforceA: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  keepScrollPosition: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  onClick: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  onMouseDown: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  openNewTab: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  replace: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  routerLinkType: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().elementType.isRequired),\n  to: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().object), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)])\n};\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/GenericLink/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ GenericLink; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"@babel/runtime/helpers/defineProperty\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ \"@babel/runtime/helpers/objectWithoutProperties\");\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style.scss */ \"./src/shared/components/GenericLink/style.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\nvar _excluded = [\"children\", \"className\", \"disabled\", \"enforceA\", \"keepScrollPosition\", \"onClick\", \"onMouseDown\", \"openNewTab\", \"replace\", \"routerLinkType\", \"to\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n/* global window */\n\n\n\n/**\n * The `<Link>` component, and almost identical `<NavLink>` component, are\n * auxiliary wrappers around\n * [React Router](https://github.com/ReactTraining/react-router)'s\n * `<Link>` and `<NavLink>` components; they help to handle external and\n * internal links in uniform manner.\n *\n * @param {object} [props] Component properties.\n * @param {string} [props.className] CSS classes to apply to the link.\n * @param {boolean} [props.disabled] Disables the link.\n * @param {boolean} [props.enforceA] `true` enforces rendering of the link as\n * a simple `<a>` element.\n * @param {boolean} [props.keepScrollPosition] If `true`, and the link is\n * rendered as a React Router's component, it won't reset the viewport scrolling\n * position to the origin when clicked.\n * @param {function} [props.onClick] Event handler to trigger upon click.\n * @param {function} [props.onMouseDown] Event handler to trigger on MouseDown\n * event.\n * @param {boolean} [props.openNewTab] If `true` the link opens in a new tab.\n * @param {boolean} [props.replace] When `true`, the link will replace current\n * entry in the history stack instead of adding a new one.\n * @param {string} [props.to] Link URL.\n * @param {string} [props.activeClassName] **`<NavLink>`** only: CSS class(es)\n * to apply to rendered link when it is active.\n * @param {string} [props.activeStyle] **`<NavLink>`** only: CSS styles\n * to apply to the rendered link when it is active.\n * @param {boolean} [props.exact] **`<NavLink>`** only: if `true`, the active\n * class/style will only be applied if the location is matched exactly.\n * @param {function} [props.isActive] **`<NavLink>`** only: Add extra\n * logic for determining whether the link is active. This should be used if you\n * want to do more than verify that the link’s pathname matches the current URL\n * pathname.\n * @param {object} [props.location] **`<NavLink>`** only: `isActive` compares\n * current history location (usually the current browser URL). To compare to\n * a different location, a custom `location` can be passed.\n * @param {boolean} [props.strict] **`<NavLink>`** only: . When `true`, trailing\n * slash on a location’s pathname will be taken into consideration when\n * determining if the location matches the current URL. See the `<Route strict>`\n * documentation for more information.\n */\n\n\nfunction GenericLink(_ref) {\n  var children = _ref.children,\n      className = _ref.className,\n      disabled = _ref.disabled,\n      enforceA = _ref.enforceA,\n      keepScrollPosition = _ref.keepScrollPosition,\n      _onClick = _ref.onClick,\n      onMouseDown = _ref.onMouseDown,\n      openNewTab = _ref.openNewTab,\n      replace = _ref.replace,\n      routerLinkType = _ref.routerLinkType,\n      to = _ref.to,\n      rest = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_ref, _excluded);\n\n  /* Renders Link as <a> element if:\n   * - It is opted explicitely by `enforceA` prop;\n   * - It should be opened in a new tab;\n   * - It is an absolte URL (starts with http:// or https://);\n   * - It is anchor link (starts with #). */\n  if (disabled || enforceA || openNewTab || to.match(/^(#|(https?|mailto):)/)) {\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(\"a\", {\n      className: (className ? className + \" \" : \"\") + \"-dr-pogodin-react-utils___src-shared-components-GenericLink-style___link___2InLXV\",\n      disabled: disabled,\n      href: to,\n      onClick: disabled ? function (e) {\n        return e.preventDefault();\n      } : _onClick,\n      onMouseDown: disabled ? function (e) {\n        return e.preventDefault();\n      } : onMouseDown,\n      rel: \"noopener noreferrer\",\n      target: openNewTab ? '_blank' : '',\n      children: children\n    });\n  }\n  /* Otherwise we render the link as React Router's Link or NavLink element. */\n\n\n  return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_3__.createElement)(routerLinkType, _objectSpread({\n    className: className,\n    disabled: disabled,\n    onMouseDown: onMouseDown,\n    replace: replace,\n    to: to,\n    onClick: function onClick(e) {\n      // Executes the user-provided event handler, if any.\n      if (_onClick) _onClick(e); // By default, clicking the link scrolls the page to beginning.\n\n      if (!keepScrollPosition) window.scroll(0, 0);\n    }\n  }, rest), children);\n}\nGenericLink.defaultProps = {\n  children: null,\n  className: null,\n  disabled: false,\n  enforceA: false,\n  keepScrollPosition: false,\n  onClick: null,\n  onMouseDown: null,\n  openNewTab: false,\n  replace: false,\n  to: ''\n};\nGenericLink.propTypes = {\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  enforceA: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  keepScrollPosition: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  onClick: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  onMouseDown: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),\n  openNewTab: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  replace: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),\n  routerLinkType: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().elementType.isRequired),\n  to: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().object), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)])\n};\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/GenericLink/index.jsx?");
 /***/ }),
@@ -106,7 +106,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \***********************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"@babel/runtime/helpers/defineProperty\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ \"@babel/runtime/helpers/objectWithoutProperties\");\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var _theme_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./theme.scss */ \"./src/shared/components/Input/theme.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\nvar _excluded = [\"label\", \"theme\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n\n\n\n/**\n * @category Components\n * @desc\n * ```js\n * import { Input } from '@dr.pogodin/react-utils';\n * ```\n * Themeable input field, based on the standard HTML `<input>` element.\n * @param {object} [props]\n * @param {string} [props.label] Input label.\n * @param {InputTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....] [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n * @param {...any} [props....] Any other properties are passed to the underlying\n * `<input>` element.\n */\n\n\n\n\nfunction Input(_ref) {\n  var label = _ref.label,\n      theme = _ref.theme,\n      rest = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_ref, _excluded);\n\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(\"div\", {\n    className: theme.container,\n    children: [label === undefined ? null : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(\"p\", {\n      className: theme.label,\n      children: label\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(\"input\", _objectSpread({\n      className: theme.input\n    }, rest))]\n  });\n}\n/**\n * @category Components\n * @typedef {object} InputTheme {@link Input} component theme.\n * @prop {string} [container] Class name for root component element.\n * @prop {string} [input] Class name for the underlying HTML `<input>` element.\n * @prop {string} [label] Class name for label element.\n */\n\n\nvar ThemedInput = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.themed)('Input', ['container', 'input', 'label'], _theme_scss__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(Input);\nInput.propTypes = {\n  label: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  theme: ThemedInput.themeType.isRequired\n};\nInput.defaultProps = {\n  label: undefined\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedInput);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Input/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"@babel/runtime/helpers/defineProperty\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ \"@babel/runtime/helpers/objectWithoutProperties\");\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var _theme_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./theme.scss */ \"./src/shared/components/Input/theme.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\nvar _excluded = [\"label\", \"theme\"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n\n\n\n/**\n * Themeable input field, based on the standard HTML `<input>` element.\n * @param {object} [props]\n * @param {string} [props.label] Input label.\n * @param {InputTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....] [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n * @param {...any} [props....] Any other properties are passed to the underlying\n * `<input>` element.\n */\n\n\n\n\nfunction Input(_ref) {\n  var label = _ref.label,\n      theme = _ref.theme,\n      rest = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_ref, _excluded);\n\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(\"div\", {\n    className: theme.container,\n    children: [label === undefined ? null : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(\"p\", {\n      className: theme.label,\n      children: label\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(\"input\", _objectSpread({\n      className: theme.input\n    }, rest))]\n  });\n}\n\nvar ThemedInput = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.themed)('Input', ['container', 'input', 'label'], _theme_scss__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(Input);\nInput.propTypes = {\n  label: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),\n  theme: ThemedInput.themeType.isRequired\n};\nInput.defaultProps = {\n  label: undefined\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedInput);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Input/index.jsx?");
 /***/ }),
@@ -126,7 +126,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \********************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ MetaTags; }\n/* harmony export */ });\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_helmet__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-helmet */ \"react-helmet\");\n/* harmony import */ var react_helmet__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_helmet__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\n\n\nvar Context = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)();\n/**\n * @category Components\n * @func MetaTags\n * @desc\n * ```js\n * import { MetaTags } from '@dr.pogodin/react-utils';\n * ```\n * The `<MetaTags>` component is an auxiliary wrapper around `react-helmet`,\n * which helps to inject meta tags (page title, a brief content description,\n * and social media thumbnails) into generated pages.\n *\n * When `<MetaTags>` are nested within the app's component tree, meta tags\n * content injected by components encountered down the tree overrides tags\n * injected by previously encountered `<MetaTags>` components.\n *\n * **Children:** `<MetaTags>` children, if any, are rendered at the component's\n * location. The context passes down all meta tag properties of parent\n * `<MetaTag>` instances. These properties can fetched within children\n * hierarchy in the following way, thus facilitating tags modification by\n * children:\n * ```jsx\n * import { useContext } from 'react';\n * import { MetaTags } from '@dr.pogodin/react-utils';\n * export default function SampleComponent() {\n *   const { title, description, ...rest } = useContext(MetaTags.Context);\n *   // Do something with these props here, e.g. prefix the page title with\n *   // the component name:\n *   return (\n *     <MetaTags title={`Sample component - ${title}`} />\n *   );\n * }\n * ```\n * @param {object} [props]\n * @param {string} [props.description] Page description to use in\n * the `description` meta tag, and as a default description of Open Graph Tags.\n * @param {string} [props.image] The absolute URL of thumbnail image to use\n * in Open Graph Tags (`twitter:image`, and `og:image`). By default these tags\n * are not injected.\n *\n * **BEWARE:** It must be a complete, absolute URL, including the correct\n * website domain and HTTP schema.\n *\n * @param {string} [props.siteName]: The site name to use in `twitter:site`,\n * and `og:sitename` tags. By default these tags are not injected.\n *\n * @param {string} [props.socialDescription] The site description to use in\n * `twitter:description` and `og:description` meta tags. By default the value of\n * `description` prop is used.\n * @param {string} [props.socialTitle] The page title to use in\n * `twitter:title`, `og:title`, and `og:image:alt` tags. By default the value of\n * `title` prop is used. Also the `og:image:alt` tag is only injected if `image`\n * prop is present.\n *\n * @param {string} props.title: The page name to use in the `<title>` tag.\n * It is also used as the default value of `socialTitle` prop.\n *\n * @param {string} [props.url] The page URL to use in `og:url` tag.\n * By default the tag is not injected.\n *\n * @example\n * // Top-level app component.\n * import { MetaTags } from '@dr.pogodin/react-utils';\n * export default function ApplicationRoot() {\n *   return (\n *     <>\n *       <MetaTags\n *         title=\"Sample website title\"\n *         description=\"Just the minimal example of MetaTags usage\"\n *       >\n *       // The actual application content here.\n *       </>\n *   );\n * }\n */\n\nfunction MetaTags(_ref) {\n  var children = _ref.children,\n      description = _ref.description,\n      image = _ref.image,\n      siteName = _ref.siteName,\n      socialDescription = _ref.socialDescription,\n      socialTitle = _ref.socialTitle,\n      title = _ref.title,\n      url = _ref.url;\n  var socTitle = socialTitle || title;\n  var socDesc = socialDescription || description;\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {\n    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_helmet__WEBPACK_IMPORTED_MODULE_2__.Helmet, {\n      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"title\", {\n        children: title\n      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"description\",\n        content: description\n      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"twitter:card\",\n        content: \"summary_large_image\"\n      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"twitter:title\",\n        content: socTitle\n      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"twitter:description\",\n        content: socDesc\n      }), image ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"twitter:image\",\n        content: image\n      }) : null, siteName ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"twitter:site\",\n        content: \"@\".concat(siteName)\n      }) : null, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"og:title\",\n        content: socTitle\n      }), image ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"og:image\",\n        content: image\n      }) : null, image ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"og:image:alt\",\n        content: socTitle\n      }) : null, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"og:description\",\n        content: socDesc\n      }), siteName ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"og:sitename\",\n        content: siteName\n      }) : null, url ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"og:url\",\n        content: url\n      }) : null]\n    }), children ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Context.Provider, {\n      value: {\n        description: description,\n        image: image,\n        siteName: siteName,\n        socialDescription: socialDescription,\n        socialTitle: socialTitle,\n        title: title,\n        url: url\n      },\n      children: children\n    }) : null]\n  });\n}\nMetaTags.Context = Context;\nMetaTags.defaultProps = {\n  children: null,\n  image: null,\n  siteName: null,\n  socialDescription: null,\n  socialTitle: null,\n  url: null\n};\nMetaTags.propTypes = {\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),\n  description: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string.isRequired),\n  image: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),\n  siteName: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),\n  socialDescription: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),\n  socialTitle: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),\n  title: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string.isRequired),\n  url: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)\n};\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/MetaTags.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ MetaTags; }\n/* harmony export */ });\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_helmet__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-helmet */ \"react-helmet\");\n/* harmony import */ var react_helmet__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_helmet__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\n\n\nvar Context = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)();\n/**\n * The `<MetaTags>` component is an auxiliary wrapper around `react-helmet`,\n * which helps to inject meta tags (page title, a brief content description,\n * and social media thumbnails) into generated pages.\n *\n * When `<MetaTags>` are nested within the app's component tree, meta tags\n * content injected by components encountered down the tree overrides tags\n * injected by previously encountered `<MetaTags>` components.\n *\n * **Children:** `<MetaTags>` children, if any, are rendered at the component's\n * location. The context passes down all meta tag properties of parent\n * `<MetaTag>` instances. These properties can fetched within children\n * hierarchy in the following way, thus facilitating tags modification by\n * children:\n * ```jsx\n * import { useContext } from 'react';\n * import { MetaTags } from '@dr.pogodin/react-utils';\n * export default function SampleComponent() {\n *   const { title, description, ...rest } = useContext(MetaTags.Context);\n *   // Do something with these props here, e.g. prefix the page title with\n *   // the component name:\n *   return (\n *     <MetaTags title={`Sample component - ${title}`} />\n *   );\n * }\n * ```\n * @param {object} [props]\n * @param {string} [props.description] Page description to use in\n * the `description` meta tag, and as a default description of Open Graph Tags.\n * @param {string} [props.image] The absolute URL of thumbnail image to use\n * in Open Graph Tags (`twitter:image`, and `og:image`). By default these tags\n * are not injected.\n *\n * **BEWARE:** It must be a complete, absolute URL, including the correct\n * website domain and HTTP schema.\n *\n * @param {string} [props.siteName]: The site name to use in `twitter:site`,\n * and `og:sitename` tags. By default these tags are not injected.\n *\n * @param {string} [props.socialDescription] The site description to use in\n * `twitter:description` and `og:description` meta tags. By default the value of\n * `description` prop is used.\n * @param {string} [props.socialTitle] The page title to use in\n * `twitter:title`, `og:title`, and `og:image:alt` tags. By default the value of\n * `title` prop is used. Also the `og:image:alt` tag is only injected if `image`\n * prop is present.\n *\n * @param {string} props.title: The page name to use in the `<title>` tag.\n * It is also used as the default value of `socialTitle` prop.\n *\n * @param {string} [props.url] The page URL to use in `og:url` tag.\n * By default the tag is not injected.\n */\n\nfunction MetaTags(_ref) {\n  var children = _ref.children,\n      description = _ref.description,\n      image = _ref.image,\n      siteName = _ref.siteName,\n      socialDescription = _ref.socialDescription,\n      socialTitle = _ref.socialTitle,\n      title = _ref.title,\n      url = _ref.url;\n  var socTitle = socialTitle || title;\n  var socDesc = socialDescription || description;\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {\n    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_helmet__WEBPACK_IMPORTED_MODULE_2__.Helmet, {\n      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"title\", {\n        children: title\n      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"description\",\n        content: description\n      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"twitter:card\",\n        content: \"summary_large_image\"\n      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"twitter:title\",\n        content: socTitle\n      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"twitter:description\",\n        content: socDesc\n      }), image ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"twitter:image\",\n        content: image\n      }) : null, siteName ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"twitter:site\",\n        content: \"@\".concat(siteName)\n      }) : null, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"og:title\",\n        content: socTitle\n      }), image ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"og:image\",\n        content: image\n      }) : null, image ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"og:image:alt\",\n        content: socTitle\n      }) : null, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"og:description\",\n        content: socDesc\n      }), siteName ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"og:sitename\",\n        content: siteName\n      }) : null, url ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"meta\", {\n        name: \"og:url\",\n        content: url\n      }) : null]\n    }), children ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Context.Provider, {\n      value: {\n        description: description,\n        image: image,\n        siteName: siteName,\n        socialDescription: socialDescription,\n        socialTitle: socialTitle,\n        title: title,\n        url: url\n      },\n      children: children\n    }) : null]\n  });\n}\nMetaTags.Context = Context;\nMetaTags.defaultProps = {\n  children: null,\n  image: null,\n  siteName: null,\n  socialDescription: null,\n  socialTitle: null,\n  url: null\n};\nMetaTags.propTypes = {\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),\n  description: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string.isRequired),\n  image: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),\n  siteName: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),\n  socialDescription: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),\n  socialTitle: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),\n  title: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string.isRequired),\n  url: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)\n};\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/MetaTags.jsx?");
 /***/ }),
@@ -136,7 +136,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \***********************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"BaseModal\": function() { return /* binding */ BaseModal; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @dr.pogodin/react-themes */ \"@dr.pogodin/react-themes\");\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _base_theme_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./base-theme.scss */ \"./src/shared/components/Modal/base-theme.scss\");\n/* harmony import */ var _styles_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./styles.scss */ \"./src/shared/components/Modal/styles.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n/* global document */\n\n\n\n\n\n\n\n/**\n * @category Components\n * @func Modal\n * @desc\n * ```jsx\n * import { BaseModal, Modal } from '@dr.pogodin/react-utils';\n * ```\n * The `<Modal>` component implements a simple themeable modal window, wrapped\n * into the default theme. `<BaseModal>` exposes the base non-themed component.\n * **Children:** Component children are rendered as the modal content.\n * @param {object} props Component properties.\n * @param {function} [props.onCancel] The callback to trigger when user\n * clicks outside the modal, or presses Escape. It is expected to hide the\n * modal.\n * @param {ModalTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n * @example\n * import React, { useState } from 'react';\n * import { Button, Modal } from '@dr.pogodin/react-utils';\n *\n * export default function ModalDemo() {\n *   const [visible, setVisible] = useState(false);\n *   return (\n *     <div>\n *       <Button onClick={() => setVisible(true)}>Show Modal</Button>\n *       {\n *         visible ? (\n *           <Modal onCancel={() => setVisible(false)}>\n *             This is a simple modal. Click outside, or press Escape to close\n *             it.\n *           </Modal>\n *         ) : null\n *       }\n *     </div>\n *   );\n * }\n */\n\n\n\n\n\nfunction BaseModal(_ref) {\n  var children = _ref.children,\n      onCancel = _ref.onCancel,\n      theme = _ref.theme;\n  var containerRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var overlayRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(),\n      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),\n      portal = _useState2[0],\n      setPortal = _useState2[1];\n\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    var p = document.createElement('div');\n    document.body.classList.add('scrolling-disabled-by-modal');\n    document.body.appendChild(p);\n    setPortal(p);\n    return function () {\n      document.body.classList.remove('scrolling-disabled-by-modal');\n      document.body.removeChild(p);\n    };\n  }, []);\n  var focusLast = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n      onFocus: function onFocus() {\n        var elems = containerRef.current.querySelectorAll('*');\n\n        for (var i = elems.length - 1; i >= 0; --i) {\n          elems[i].focus();\n          if (document.activeElement === elems[i]) return;\n        }\n\n        overlayRef.current.focus();\n      }\n      /* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n      ,\n      tabIndex: \"0\"\n      /* eslint-enable jsx-a11y/no-noninteractive-tabindex */\n\n    });\n  }, []);\n  return portal ? /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_3___default().createPortal( /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.Fragment, {\n    children: [focusLast, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n      \"aria-label\": \"Cancel\",\n      className: theme.overlay,\n      onClick: function onClick() {\n        return onCancel();\n      },\n      onKeyDown: function onKeyDown(e) {\n        if (e.key === 'Escape') onCancel();\n      },\n      ref: function ref(node) {\n        if (node && node !== overlayRef.current) {\n          overlayRef.current = node;\n          node.focus();\n        }\n      },\n      role: \"button\",\n      tabIndex: \"0\"\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n      \"aria-modal\": \"true\",\n      className: theme.container,\n      onWheel: function onWheel(event) {\n        return event.stopPropagation();\n      },\n      ref: containerRef,\n      role: \"dialog\",\n      children: children\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n      onFocus: function onFocus() {\n        overlayRef.current.focus();\n      }\n      /* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n      ,\n      tabIndex: \"0\"\n      /* eslint-enable jsx-a11y/no-noninteractive-tabindex */\n\n    }), focusLast]\n  }), portal) : null;\n}\n/**\n * @category Components\n * @typedef {object} ModalTheme {@link Modal} component theme.\n * @prop {string} [container] Class for modal container.\n * @prop {string} [overlay] Class for modal overlay (the background closing\n * the page underneath the modal).\n */\n\n\nvar ThemedModal = _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_5___default()('Modal', ['container', 'overlay'], _base_theme_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(BaseModal);\nBaseModal.propTypes = {\n  onCancel: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().node),\n  theme: ThemedModal.themeType.isRequired\n};\nBaseModal.defaultProps = {\n  onCancel: lodash__WEBPACK_IMPORTED_MODULE_1__.noop,\n  children: null\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedModal);\n/* Non-themed version of the Modal. */\n\n\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"BaseModal\": function() { return /* binding */ BaseModal; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @dr.pogodin/react-themes */ \"@dr.pogodin/react-themes\");\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _base_theme_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./base-theme.scss */ \"./src/shared/components/Modal/base-theme.scss\");\n/* harmony import */ var _styles_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./styles.scss */ \"./src/shared/components/Modal/styles.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n/* global document */\n\n\n\n\n\n\n\n/**\n * The `<Modal>` component implements a simple themeable modal window, wrapped\n * into the default theme. `<BaseModal>` exposes the base non-themed component.\n * **Children:** Component children are rendered as the modal content.\n * @param {object} props Component properties.\n * @param {function} [props.onCancel] The callback to trigger when user\n * clicks outside the modal, or presses Escape. It is expected to hide the\n * modal.\n * @param {ModalTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\n\n\n\n\n\nfunction BaseModal(_ref) {\n  var children = _ref.children,\n      onCancel = _ref.onCancel,\n      theme = _ref.theme;\n  var containerRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var overlayRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(),\n      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),\n      portal = _useState2[0],\n      setPortal = _useState2[1];\n\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    var p = document.createElement('div');\n    document.body.classList.add('scrolling-disabled-by-modal');\n    document.body.appendChild(p);\n    setPortal(p);\n    return function () {\n      document.body.classList.remove('scrolling-disabled-by-modal');\n      document.body.removeChild(p);\n    };\n  }, []);\n  var focusLast = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n      onFocus: function onFocus() {\n        var elems = containerRef.current.querySelectorAll('*');\n\n        for (var i = elems.length - 1; i >= 0; --i) {\n          elems[i].focus();\n          if (document.activeElement === elems[i]) return;\n        }\n\n        overlayRef.current.focus();\n      }\n      /* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n      ,\n      tabIndex: \"0\"\n      /* eslint-enable jsx-a11y/no-noninteractive-tabindex */\n\n    });\n  }, []);\n  return portal ? /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_3___default().createPortal( /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.Fragment, {\n    children: [focusLast, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n      \"aria-label\": \"Cancel\",\n      className: theme.overlay,\n      onClick: function onClick() {\n        return onCancel();\n      },\n      onKeyDown: function onKeyDown(e) {\n        if (e.key === 'Escape') onCancel();\n      },\n      ref: function ref(node) {\n        if (node && node !== overlayRef.current) {\n          overlayRef.current = node;\n          node.focus();\n        }\n      },\n      role: \"button\",\n      tabIndex: \"0\"\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n      \"aria-modal\": \"true\",\n      className: theme.container,\n      onWheel: function onWheel(event) {\n        return event.stopPropagation();\n      },\n      ref: containerRef,\n      role: \"dialog\",\n      children: children\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n      onFocus: function onFocus() {\n        overlayRef.current.focus();\n      }\n      /* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n      ,\n      tabIndex: \"0\"\n      /* eslint-enable jsx-a11y/no-noninteractive-tabindex */\n\n    }), focusLast]\n  }), portal) : null;\n}\n\nvar ThemedModal = _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_5___default()('Modal', ['container', 'overlay'], _base_theme_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(BaseModal);\nBaseModal.propTypes = {\n  onCancel: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().node),\n  theme: ThemedModal.themeType.isRequired\n};\nBaseModal.defaultProps = {\n  onCancel: lodash__WEBPACK_IMPORTED_MODULE_1__.noop,\n  children: null\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedModal);\n/* Non-themed version of the Modal. */\n\n\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/index.jsx?");
 /***/ }),
@@ -146,7 +146,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*******************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ NavLink; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"@babel/runtime/helpers/defineProperty\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-router-dom */ \"react-router-dom\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _GenericLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./GenericLink */ \"./src/shared/components/GenericLink/index.jsx\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n\n\n/**\n * @category Components\n * @func NavLink\n * @desc\n * ```js\n * import { NavLink } from '@dr.pogodin/react-utils';\n * ```\n * See {@link Link} documentation.\n * @param {object} [props] Component properties.\n */\n\n\nfunction NavLink(props) {\n  /* eslint-disable react/jsx-props-no-spreading */\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_GenericLink__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _objectSpread(_objectSpread({}, props), {}, {\n    routerLinkType: react_router_dom__WEBPACK_IMPORTED_MODULE_1__.NavLink\n  }));\n  /* eslint-enable react/jsx-props-no-spreading */\n}\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/NavLink.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ NavLink; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"@babel/runtime/helpers/defineProperty\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-router-dom */ \"react-router-dom\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _GenericLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./GenericLink */ \"./src/shared/components/GenericLink/index.jsx\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n\n\n\nfunction NavLink(props) {\n  /* eslint-disable react/jsx-props-no-spreading */\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_GenericLink__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _objectSpread(_objectSpread({}, props), {}, {\n    routerLinkType: react_router_dom__WEBPACK_IMPORTED_MODULE_1__.NavLink\n  }));\n  /* eslint-enable react/jsx-props-no-spreading */\n}\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/NavLink.jsx?");
 /***/ }),
@@ -156,7 +156,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \****************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var _base_theme_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./base-theme.scss */ \"./src/shared/components/PageLayout/base-theme.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n/**\n * @category Components\n * @func PageLayout\n * @desc\n * ```jsx\n * import { PageLayout } from '@dr.pogodin/react-utils';\n * export default PageLayoutDemo() {\n *   return (\n *     <PageLayout>\n *       Page content.\n *     </PageLayout>\n *   );\n * }\n * ```\n * Simple and themeable page layout. It keeps the main content centered in\n * a column of limited width, which fills entire viewport on small screens\n * (under `$screen-md = 1024px` size). At larger screens the column keeps\n * `$screen-md` size, and it is centered at the page, surrounded by side\n * panels, where additional content can be displayed.\n *\n * **Children:** Component children are rendered as the content of main panel.\n * @param {object} [props] Component properties.\n * @param {Node} [props.leftSidePanelContent] The content for left side panel.\n * @param {Node} [props.rightSidePanelContent] The content for right side panel.\n * @param {PageLayoutTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\n\n\n\n\nfunction PageLayout(_ref) {\n  var children = _ref.children,\n      leftSidePanelContent = _ref.leftSidePanelContent,\n      rightSidePanelContent = _ref.rightSidePanelContent,\n      theme = _ref.theme;\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(\"div\", {\n    className: theme.container,\n    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"div\", {\n      className: [theme.sidePanel, theme.leftSidePanel].join(' '),\n      children: leftSidePanelContent\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"div\", {\n      className: theme.mainPanel,\n      children: children\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"div\", {\n      className: [theme.sidePanel, theme.rightSidePanel].join(' '),\n      children: rightSidePanelContent\n    })]\n  });\n}\n/**\n * @category Components\n * @typedef {object} PageLayoutTheme {@link PageLayout} component theme.\n * @prop {string} [container] Class for the root container of page layout.\n * @prop {string} [mainPanel] Class for the main content panel.\n * @prop {string} [sidePanel] Class for each side panel.\n * @prop {string} [leftSidePanel] Class for the left side panel (in addition to\n * `.sidePanel`, if also provided).\n * @prop {string} [rightSidePanel] Class for the right side panel (in addition\n * to `.sidePanel`, if also provided).\n */\n\n\nvar ThemedPageLayout = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.themed)('PageLayout', ['container', 'leftSidePanel', 'mainPanel', 'rightSidePanel', 'sidePanel'], _base_theme_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(PageLayout);\nPageLayout.propTypes = {\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),\n  leftSidePanelContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),\n  rightSidePanelContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),\n  theme: ThemedPageLayout.themeType.isRequired\n};\nPageLayout.defaultProps = {\n  children: null,\n  leftSidePanelContent: null,\n  rightSidePanelContent: null\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedPageLayout);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/PageLayout/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var _base_theme_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./base-theme.scss */ \"./src/shared/components/PageLayout/base-theme.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n/**\n * Simple and themeable page layout. It keeps the main content centered in\n * a column of limited width, which fills entire viewport on small screens\n * (under `$screen-md = 1024px` size). At larger screens the column keeps\n * `$screen-md` size, and it is centered at the page, surrounded by side\n * panels, where additional content can be displayed.\n *\n * **Children:** Component children are rendered as the content of main panel.\n * @param {object} [props] Component properties.\n * @param {Node} [props.leftSidePanelContent] The content for left side panel.\n * @param {Node} [props.rightSidePanelContent] The content for right side panel.\n * @param {PageLayoutTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\n\n\n\n\nfunction PageLayout(_ref) {\n  var children = _ref.children,\n      leftSidePanelContent = _ref.leftSidePanelContent,\n      rightSidePanelContent = _ref.rightSidePanelContent,\n      theme = _ref.theme;\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(\"div\", {\n    className: theme.container,\n    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"div\", {\n      className: [theme.sidePanel, theme.leftSidePanel].join(' '),\n      children: leftSidePanelContent\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"div\", {\n      className: theme.mainPanel,\n      children: children\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"div\", {\n      className: [theme.sidePanel, theme.rightSidePanel].join(' '),\n      children: rightSidePanelContent\n    })]\n  });\n}\n\nvar ThemedPageLayout = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.themed)('PageLayout', ['container', 'leftSidePanel', 'mainPanel', 'rightSidePanel', 'sidePanel'], _base_theme_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(PageLayout);\nPageLayout.propTypes = {\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),\n  leftSidePanelContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),\n  rightSidePanelContent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),\n  theme: ThemedPageLayout.themeType.isRequired\n};\nPageLayout.defaultProps = {\n  children: null,\n  leftSidePanelContent: null,\n  rightSidePanelContent: null\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedPageLayout);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/PageLayout/index.jsx?");
 /***/ }),
@@ -166,7 +166,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var prop
   \******************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ ScalableRect; }\n/* harmony export */ });\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./style.scss */ \"./src/shared/components/ScalableRect/style.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n/**\n * @category Components\n * @func ScalableRect\n * @desc\n * ```js\n * import { ScalableRect } from '@dr.pogodin/react-utils';\n * ```\n * The `<ScalableRect>` component implements container keeping given aspect\n * ratio, while its width is altered.\n *\n * **Children:** Component children are rendered as the component's content.\n * @param {object} props\n * @param {string} [props.className] CSS class for component container.\n * @param {string} [props.ratio=1:1] Ratio of the rendered rectangle sides,\n * in `W:H` form.\n */\n\n\nfunction ScalableRect(_ref) {\n  var children = _ref.children,\n      className = _ref.className,\n      ratio = _ref.ratio;\n  var aux = ratio.split(':');\n  var paddingBottom = \"\".concat(100 * aux[1] / aux[0], \"%\");\n  /* NOTE: In case the following code looks strange to you, mind that we want to\n   * allow the user to set custom styles on this component. If user passes in a\n   * \"className\" prop (possibly \"styleName\", but that one is converted to\n   * \"className\" by Babel just before being passed into this component), it\n   * should not interfere with the sizing behavior, thus we need an extra <div>\n   * level in this component; however, if user does not need a custom styling,\n   * we can save one level of HTML code, so we do it. */\n\n  var rect = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(\"div\", {\n    style: {\n      paddingBottom: paddingBottom\n    },\n    className: \"-dr-pogodin-react-utils___src-shared-components-ScalableRect-style___container___32tbH2\",\n    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(\"div\", {\n      className: \"-dr-pogodin-react-utils___src-shared-components-ScalableRect-style___wrapper___23rk-B\",\n      children: children\n    })\n  });\n\n  return className ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(\"div\", {\n    className: className,\n    children: rect\n  }) : rect;\n}\nScalableRect.defaultProps = {\n  children: null,\n  className: null,\n  ratio: '1:1'\n};\nScalableRect.propTypes = {\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),\n  ratio: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)\n};\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/ScalableRect/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* binding */ ScalableRect; }\n/* harmony export */ });\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./style.scss */ \"./src/shared/components/ScalableRect/style.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n/**\n * The `<ScalableRect>` component implements container keeping given aspect\n * ratio, while its width is altered.\n *\n * **Children:** Component children are rendered as the component's content.\n * @param {object} props\n * @param {string} [props.className] CSS class for component container.\n * @param {string} [props.ratio=1:1] Ratio of the rendered rectangle sides,\n * in `W:H` form.\n */\n\n\nfunction ScalableRect(_ref) {\n  var children = _ref.children,\n      className = _ref.className,\n      ratio = _ref.ratio;\n  var aux = ratio.split(':');\n  var paddingBottom = \"\".concat(100 * aux[1] / aux[0], \"%\");\n  /* NOTE: In case the following code looks strange to you, mind that we want to\n   * allow the user to set custom styles on this component. If user passes in a\n   * \"className\" prop (possibly \"styleName\", but that one is converted to\n   * \"className\" by Babel just before being passed into this component), it\n   * should not interfere with the sizing behavior, thus we need an extra <div>\n   * level in this component; however, if user does not need a custom styling,\n   * we can save one level of HTML code, so we do it. */\n\n  var rect = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(\"div\", {\n    style: {\n      paddingBottom: paddingBottom\n    },\n    className: \"-dr-pogodin-react-utils___src-shared-components-ScalableRect-style___container___3XzGXs\",\n    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(\"div\", {\n      className: \"-dr-pogodin-react-utils___src-shared-components-ScalableRect-style___wrapper___1vMblT\",\n      children: children\n    })\n  });\n\n  return className ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(\"div\", {\n    className: className,\n    children: rect\n  }) : rect;\n}\nScalableRect.defaultProps = {\n  children: null,\n  className: null,\n  ratio: '1:1'\n};\nScalableRect.propTypes = {\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),\n  className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),\n  ratio: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)\n};\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/ScalableRect/index.jsx?");
 /***/ }),
@@ -176,7 +176,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \**************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @dr.pogodin/react-themes */ \"@dr.pogodin/react-themes\");\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _theme_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./theme.scss */ \"./src/shared/components/Throbber/theme.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n/**\n * @category Components\n * @func Throbber\n * @desc\n * ```jsx\n * import { Throbber } from '@dr.pogodin/react-utils';\n * ```\n * Throbber is an \"action in progress\" indicator, which renders\n * three bouncing circles as a simple pending activity indicator,\n * and can be further themed to a certain degree.\n * @param {object} [props] Component properties.\n * @param {ThrobberTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\n\n\n\n\nfunction Throbber(_ref) {\n  var theme = _ref.theme;\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(\"div\", {\n    className: (theme.container ? theme.container + \" \" : \"\") + \"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___container___1aJSBX\",\n    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"div\", {\n      className: (theme.circle ? theme.circle + \" \" : \"\") + \"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___circle___2c_4lS\"\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"div\", {\n      className: (theme.circle ? theme.circle + \" \" : \"\") + \"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___circle___2c_4lS\"\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"div\", {\n      className: (theme.circle ? theme.circle + \" \" : \"\") + \"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___circle___2c_4lS\"\n    })]\n  });\n}\n\nThrobber.defaultProps = {\n  theme: {}\n};\nThrobber.propTypes = {\n  theme: prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({\n    container: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),\n    circle: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)\n  })\n};\n/**\n * @category Components\n * @typedef {object} ThrobberTheme {@link Throbber} theme.\n * @prop {string} [container] Class name to add to the throbber container.\n * @prop {string} [circle] Class name to add to each throbber circle.\n */\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1___default()('Throbber', ['circle', 'container'], _theme_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(Throbber));\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Throbber/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @dr.pogodin/react-themes */ \"@dr.pogodin/react-themes\");\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _theme_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./theme.scss */ \"./src/shared/components/Throbber/theme.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n/**\n * Throbber is an \"action in progress\" indicator, which renders\n * three bouncing circles as a simple pending activity indicator,\n * and can be further themed to a certain degree.\n * @param {object} [props] Component properties.\n * @param {ThrobberTheme} [props.theme] _Ad hoc_ theme.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\n\n\n\n\nfunction Throbber(_ref) {\n  var theme = _ref.theme;\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(\"div\", {\n    className: (theme.container ? theme.container + \" \" : \"\") + \"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___container___YlvKSG\",\n    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"div\", {\n      className: (theme.circle ? theme.circle + \" \" : \"\") + \"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___circle___QhSt1A\"\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"div\", {\n      className: (theme.circle ? theme.circle + \" \" : \"\") + \"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___circle___QhSt1A\"\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(\"div\", {\n      className: (theme.circle ? theme.circle + \" \" : \"\") + \"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___circle___QhSt1A\"\n    })]\n  });\n}\n\nThrobber.defaultProps = {\n  theme: {}\n};\nThrobber.propTypes = {\n  theme: prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({\n    container: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),\n    circle: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)\n  })\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_1___default()('Throbber', ['circle', 'container'], _theme_scss__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(Throbber));\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Throbber/index.jsx?");
 /***/ }),
@@ -196,7 +196,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*****************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Tooltip */ \"./src/shared/components/WithTooltip/Tooltip.jsx\");\n/* harmony import */ var _default_theme_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./default-theme.scss */ \"./src/shared/components/WithTooltip/default-theme.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n/* global window */\n\n\n\n\n\n/**\n * @category Components\n * @func WithTooltip\n * @desc\n * ```js\n * import { WithTooltip } from '@dr.pogodin/react-utils';\n * ```\n * Implements a simple to use and themeable tooltip component, _e.g._\n * ```js\n * <WithTooltip tip=\"This is example tooltip.\">\n *   <p>Hover to see the tooltip.</p>\n * </WithTooltip>\n * ```\n * **Children:** Children are rendered in the place of `<WithTooltip>`,\n * and when hovered the tooltip is shown. By default the wrapper itself is\n * `<div>` block with `display: inline-block`.\n * @param {object} props Component properties.\n * @param {React.node} props.tip &ndash; Anything React is able to render,\n * _e.g._ a tooltip text. This will be the tooltip content.\n * @param {WithTooltipTheme} props.theme _Ad hoc_ theme.\n */\n\n\n\n\nfunction Wrapper(_ref) {\n  var children = _ref.children,\n      placement = _ref.placement,\n      tip = _ref.tip,\n      theme = _ref.theme;\n  var tooltipRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false),\n      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),\n      showTooltip = _useState2[0],\n      setShowTooltip = _useState2[1];\n\n  var updatePortalPosition = function updatePortalPosition(cursorX, cursorY) {\n    if (!showTooltip) setShowTooltip(true);else {\n      var wrapperRect = wrapperRef.current.getBoundingClientRect();\n\n      if (cursorX < wrapperRect.left || cursorX > wrapperRect.right || cursorY < wrapperRect.top || cursorY > wrapperRect.bottom) {\n        setShowTooltip(false);\n      } else if (tooltipRef.current) {\n        tooltipRef.current.pointTo(cursorX + window.pageXOffset, cursorY + window.pageYOffset, placement, wrapperRef.current);\n      }\n    }\n  };\n\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    if (showTooltip && tip !== null) {\n      var listener = function listener() {\n        return setShowTooltip(false);\n      };\n\n      window.addEventListener('scroll', listener);\n      return function () {\n        return window.removeEventListener('scroll', listener);\n      };\n    }\n\n    return undefined;\n  }, [showTooltip, tip]);\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(\"div\", {\n    className: theme.wrapper,\n    onMouseLeave: function onMouseLeave() {\n      return setShowTooltip(false);\n    },\n    onMouseMove: function onMouseMove(e) {\n      return updatePortalPosition(e.clientX, e.clientY);\n    },\n    ref: wrapperRef,\n    children: [showTooltip && tip !== null ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Tooltip__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n      ref: tooltipRef,\n      theme: theme,\n      children: tip\n    }) : null, children]\n  });\n}\n\nvar ThemedWrapper = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.themed)('WithTooltip', ['appearance', 'arrow', 'container', 'content', 'wrapper'], _default_theme_scss__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(Wrapper);\nThemedWrapper.PLACEMENTS = _Tooltip__WEBPACK_IMPORTED_MODULE_4__.PLACEMENTS;\nWrapper.propTypes = {\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),\n  placement: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(Object.values(_Tooltip__WEBPACK_IMPORTED_MODULE_4__.PLACEMENTS)),\n  theme: ThemedWrapper.themeType.isRequired,\n  tip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node)\n};\nWrapper.defaultProps = {\n  children: null,\n  placement: _Tooltip__WEBPACK_IMPORTED_MODULE_4__.PLACEMENTS.ABOVE_CURSOR,\n  tip: null\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedWrapper);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/WithTooltip/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils */ \"./src/shared/utils/index.js\");\n/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Tooltip */ \"./src/shared/components/WithTooltip/Tooltip.jsx\");\n/* harmony import */ var _default_theme_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./default-theme.scss */ \"./src/shared/components/WithTooltip/default-theme.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n/* global window */\n\n\n\n\n\n/**\n * Implements a simple to use and themeable tooltip component, _e.g._\n * ```js\n * <WithTooltip tip=\"This is example tooltip.\">\n *   <p>Hover to see the tooltip.</p>\n * </WithTooltip>\n * ```\n * **Children:** Children are rendered in the place of `<WithTooltip>`,\n * and when hovered the tooltip is shown. By default the wrapper itself is\n * `<div>` block with `display: inline-block`.\n * @param {object} props Component properties.\n * @param {React.node} props.tip &ndash; Anything React is able to render,\n * _e.g._ a tooltip text. This will be the tooltip content.\n * @param {WithTooltipTheme} props.theme _Ad hoc_ theme.\n */\n\n\n\n\nfunction Wrapper(_ref) {\n  var children = _ref.children,\n      placement = _ref.placement,\n      tip = _ref.tip,\n      theme = _ref.theme;\n  var tooltipRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n  var wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false),\n      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),\n      showTooltip = _useState2[0],\n      setShowTooltip = _useState2[1];\n\n  var updatePortalPosition = function updatePortalPosition(cursorX, cursorY) {\n    if (!showTooltip) setShowTooltip(true);else {\n      var wrapperRect = wrapperRef.current.getBoundingClientRect();\n\n      if (cursorX < wrapperRect.left || cursorX > wrapperRect.right || cursorY < wrapperRect.top || cursorY > wrapperRect.bottom) {\n        setShowTooltip(false);\n      } else if (tooltipRef.current) {\n        tooltipRef.current.pointTo(cursorX + window.pageXOffset, cursorY + window.pageYOffset, placement, wrapperRef.current);\n      }\n    }\n  };\n\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    if (showTooltip && tip !== null) {\n      var listener = function listener() {\n        return setShowTooltip(false);\n      };\n\n      window.addEventListener('scroll', listener);\n      return function () {\n        return window.removeEventListener('scroll', listener);\n      };\n    }\n\n    return undefined;\n  }, [showTooltip, tip]);\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(\"div\", {\n    className: theme.wrapper,\n    onMouseLeave: function onMouseLeave() {\n      return setShowTooltip(false);\n    },\n    onMouseMove: function onMouseMove(e) {\n      return updatePortalPosition(e.clientX, e.clientY);\n    },\n    ref: wrapperRef,\n    children: [showTooltip && tip !== null ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Tooltip__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n      ref: tooltipRef,\n      theme: theme,\n      children: tip\n    }) : null, children]\n  });\n}\n\nvar ThemedWrapper = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.themed)('WithTooltip', ['appearance', 'arrow', 'container', 'content', 'wrapper'], _default_theme_scss__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(Wrapper);\nThemedWrapper.PLACEMENTS = _Tooltip__WEBPACK_IMPORTED_MODULE_4__.PLACEMENTS;\nWrapper.propTypes = {\n  children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),\n  placement: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(Object.values(_Tooltip__WEBPACK_IMPORTED_MODULE_4__.PLACEMENTS)),\n  theme: ThemedWrapper.themeType.isRequired,\n  tip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node)\n};\nWrapper.defaultProps = {\n  children: null,\n  placement: _Tooltip__WEBPACK_IMPORTED_MODULE_4__.PLACEMENTS.ABOVE_CURSOR,\n  tip: null\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedWrapper);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/WithTooltip/index.jsx?");
 /***/ }),
@@ -206,7 +206,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
   \******************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var qs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! qs */ \"qs\");\n/* harmony import */ var qs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(qs__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _ScalableRect__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ScalableRect */ \"./src/shared/components/ScalableRect/index.jsx\");\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dr.pogodin/react-themes */ \"@dr.pogodin/react-themes\");\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _Throbber__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Throbber */ \"./src/shared/components/Throbber/index.jsx\");\n/* harmony import */ var _base_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./base.scss */ \"./src/shared/components/YouTubeVideo/base.scss\");\n/* harmony import */ var _throbber_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./throbber.scss */ \"./src/shared/components/YouTubeVideo/throbber.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\n\n\n\n\n/**\n * @category Components\n * @func YouTubeVideo\n * @desc\n * ```js\n * import { YouTubeVideo } from '@dr.pogodin/react-utils';\n * ```\n * A component for embeding a YouTube video.\n * @param {object} [props] Component properties.\n * @param {boolean} [props.autoplay] If `true` the video will start to play\n * automatically once loaded.\n * @param {string} [props.src] URL of the video to play. Can be in any of\n * the following formats, and keeps any additional query parameters understood\n * by the YouTube IFrame player:\n * - `https://www.youtube.com/watch?v=NdF6Rmt6Ado`\n * - `https://youtu.be/NdF6Rmt6Ado`\n * - `https://www.youtube.com/embed/NdF6Rmt6Ado`\n * @param {YouTubeVideoTheme} [props.theme] _Ad hoc_ theme.\n * @param {string} [props.title] The `title` attribute to add to the player\n * IFrame.\n */\n\n\n\n\nfunction YouTubeVideo(_ref) {\n  var autoplay = _ref.autoplay,\n      src = _ref.src,\n      theme = _ref.theme,\n      title = _ref.title;\n\n  var _src$split = src.split('?'),\n      _src$split2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_src$split, 2),\n      url = _src$split2[0],\n      query = _src$split2[1];\n\n  query = query ? qs__WEBPACK_IMPORTED_MODULE_2___default().parse(query) : {};\n  var videoId = query.v || url.match(/\\/([a-zA-Z0-9-_]*)$/)[1];\n  url = \"https://www.youtube.com/embed/\".concat(videoId);\n  delete query.v;\n  query.autoplay = autoplay ? 1 : 0;\n  url += \"?\".concat(qs__WEBPACK_IMPORTED_MODULE_2___default().stringify(query)); // TODO: https://developers.google.com/youtube/player_parameters\n  // More query parameters can be exposed via the component props.\n\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_ScalableRect__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    className: theme.container,\n    ratio: \"16:9\",\n    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_Throbber__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n      theme: _throbber_scss__WEBPACK_IMPORTED_MODULE_7__[\"default\"]\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"iframe\", {\n      allow: \"autoplay\",\n      allowFullScreen: true,\n      className: theme.video,\n      src: url,\n      title: title\n    })]\n  });\n}\n\nvar ThemedYouTubeVideo = _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_4___default()('YouTubeVideo', ['container', 'video'], _base_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(YouTubeVideo);\nYouTubeVideo.propTypes = {\n  autoplay: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),\n  src: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string.isRequired),\n  theme: ThemedYouTubeVideo.themeType.isRequired,\n  title: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)\n};\nYouTubeVideo.defaultProps = {\n  autoplay: false,\n  title: ''\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedYouTubeVideo);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var qs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! qs */ \"qs\");\n/* harmony import */ var qs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(qs__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _ScalableRect__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ScalableRect */ \"./src/shared/components/ScalableRect/index.jsx\");\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @dr.pogodin/react-themes */ \"@dr.pogodin/react-themes\");\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _Throbber__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Throbber */ \"./src/shared/components/Throbber/index.jsx\");\n/* harmony import */ var _base_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./base.scss */ \"./src/shared/components/YouTubeVideo/base.scss\");\n/* harmony import */ var _throbber_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./throbber.scss */ \"./src/shared/components/YouTubeVideo/throbber.scss\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\n\n\n\n\n/**\n * A component for embeding a YouTube video.\n * @param {object} [props] Component properties.\n * @param {boolean} [props.autoplay] If `true` the video will start to play\n * automatically once loaded.\n * @param {string} [props.src] URL of the video to play. Can be in any of\n * the following formats, and keeps any additional query parameters understood\n * by the YouTube IFrame player:\n * - `https://www.youtube.com/watch?v=NdF6Rmt6Ado`\n * - `https://youtu.be/NdF6Rmt6Ado`\n * - `https://www.youtube.com/embed/NdF6Rmt6Ado`\n * @param {YouTubeVideoTheme} [props.theme] _Ad hoc_ theme.\n * @param {string} [props.title] The `title` attribute to add to the player\n * IFrame.\n */\n\n\n\n\nfunction YouTubeVideo(_ref) {\n  var autoplay = _ref.autoplay,\n      src = _ref.src,\n      theme = _ref.theme,\n      title = _ref.title;\n\n  var _src$split = src.split('?'),\n      _src$split2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_src$split, 2),\n      url = _src$split2[0],\n      query = _src$split2[1];\n\n  query = query ? qs__WEBPACK_IMPORTED_MODULE_2___default().parse(query) : {};\n  var videoId = query.v || url.match(/\\/([a-zA-Z0-9-_]*)$/)[1];\n  url = \"https://www.youtube.com/embed/\".concat(videoId);\n  delete query.v;\n  query.autoplay = autoplay ? 1 : 0;\n  url += \"?\".concat(qs__WEBPACK_IMPORTED_MODULE_2___default().stringify(query)); // TODO: https://developers.google.com/youtube/player_parameters\n  // More query parameters can be exposed via the component props.\n\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_ScalableRect__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    className: theme.container,\n    ratio: \"16:9\",\n    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_Throbber__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n      theme: _throbber_scss__WEBPACK_IMPORTED_MODULE_7__[\"default\"]\n    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"iframe\", {\n      allow: \"autoplay\",\n      allowFullScreen: true,\n      className: theme.video,\n      src: url,\n      title: title\n    })]\n  });\n}\n\nvar ThemedYouTubeVideo = _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_4___default()('YouTubeVideo', ['container', 'video'], _base_scss__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(YouTubeVideo);\nYouTubeVideo.propTypes = {\n  autoplay: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),\n  src: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string.isRequired),\n  theme: ThemedYouTubeVideo.themeType.isRequired,\n  title: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)\n};\nYouTubeVideo.defaultProps = {\n  autoplay: false,\n  title: ''\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ThemedYouTubeVideo);\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/index.jsx?");
 /***/ }),
@@ -216,7 +216,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _bab
   \****************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Button\": function() { return /* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; },\n/* harmony export */   \"Checkbox\": function() { return /* reexport safe */ _Checkbox__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */   \"CodeSplit\": function() { return /* reexport safe */ _CodeSplit__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   \"client\": function() { return /* reexport safe */ _client__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   \"Dropdown\": function() { return /* reexport safe */ _Dropdown__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */   \"Input\": function() { return /* reexport safe */ _Input__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; },\n/* harmony export */   \"Link\": function() { return /* reexport safe */ _Link__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; },\n/* harmony export */   \"PageLayout\": function() { return /* reexport safe */ _PageLayout__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; },\n/* harmony export */   \"MetaTags\": function() { return /* reexport safe */ _MetaTags__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; },\n/* harmony export */   \"Modal\": function() { return /* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; },\n/* harmony export */   \"BaseModal\": function() { return /* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_9__.BaseModal; },\n/* harmony export */   \"NavLink\": function() { return /* reexport safe */ _NavLink__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; },\n/* harmony export */   \"ScalableRect\": function() { return /* reexport safe */ _ScalableRect__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; },\n/* harmony export */   \"Throbber\": function() { return /* reexport safe */ _Throbber__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; },\n/* harmony export */   \"WithTooltip\": function() { return /* reexport safe */ _WithTooltip__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; },\n/* harmony export */   \"YouTubeVideo\": function() { return /* reexport safe */ _YouTubeVideo__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Button */ \"./src/shared/components/Button/index.jsx\");\n/* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Checkbox */ \"./src/shared/components/Checkbox/index.jsx\");\n/* harmony import */ var _CodeSplit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./CodeSplit */ \"./src/shared/components/CodeSplit/index.js\");\n/* harmony import */ var _client__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../client */ \"./src/client/index.jsx\");\n/* harmony import */ var _Dropdown__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Dropdown */ \"./src/shared/components/Dropdown/index.jsx\");\n/* harmony import */ var _Input__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Input */ \"./src/shared/components/Input/index.jsx\");\n/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Link */ \"./src/shared/components/Link.jsx\");\n/* harmony import */ var _PageLayout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./PageLayout */ \"./src/shared/components/PageLayout/index.jsx\");\n/* harmony import */ var _MetaTags__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./MetaTags */ \"./src/shared/components/MetaTags.jsx\");\n/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Modal */ \"./src/shared/components/Modal/index.jsx\");\n/* harmony import */ var _NavLink__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./NavLink */ \"./src/shared/components/NavLink.jsx\");\n/* harmony import */ var _ScalableRect__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ScalableRect */ \"./src/shared/components/ScalableRect/index.jsx\");\n/* harmony import */ var _Throbber__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Throbber */ \"./src/shared/components/Throbber/index.jsx\");\n/* harmony import */ var _WithTooltip__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./WithTooltip */ \"./src/shared/components/WithTooltip/index.jsx\");\n/* harmony import */ var _YouTubeVideo__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./YouTubeVideo */ \"./src/shared/components/YouTubeVideo/index.jsx\");\n/**\n * Just an aggregation of all exported components into a single module.\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"Button\": function() { return /* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; },\n/* harmony export */   \"Checkbox\": function() { return /* reexport safe */ _Checkbox__WEBPACK_IMPORTED_MODULE_1__[\"default\"]; },\n/* harmony export */   \"client\": function() { return /* reexport safe */ _client__WEBPACK_IMPORTED_MODULE_2__[\"default\"]; },\n/* harmony export */   \"CodeSplit\": function() { return /* reexport safe */ _CodeSplit__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   \"Dropdown\": function() { return /* reexport safe */ _Dropdown__WEBPACK_IMPORTED_MODULE_4__[\"default\"]; },\n/* harmony export */   \"Input\": function() { return /* reexport safe */ _Input__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; },\n/* harmony export */   \"Link\": function() { return /* reexport safe */ _Link__WEBPACK_IMPORTED_MODULE_6__[\"default\"]; },\n/* harmony export */   \"PageLayout\": function() { return /* reexport safe */ _PageLayout__WEBPACK_IMPORTED_MODULE_7__[\"default\"]; },\n/* harmony export */   \"MetaTags\": function() { return /* reexport safe */ _MetaTags__WEBPACK_IMPORTED_MODULE_8__[\"default\"]; },\n/* harmony export */   \"Modal\": function() { return /* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_9__[\"default\"]; },\n/* harmony export */   \"BaseModal\": function() { return /* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_9__.BaseModal; },\n/* harmony export */   \"NavLink\": function() { return /* reexport safe */ _NavLink__WEBPACK_IMPORTED_MODULE_10__[\"default\"]; },\n/* harmony export */   \"ScalableRect\": function() { return /* reexport safe */ _ScalableRect__WEBPACK_IMPORTED_MODULE_11__[\"default\"]; },\n/* harmony export */   \"Throbber\": function() { return /* reexport safe */ _Throbber__WEBPACK_IMPORTED_MODULE_12__[\"default\"]; },\n/* harmony export */   \"WithTooltip\": function() { return /* reexport safe */ _WithTooltip__WEBPACK_IMPORTED_MODULE_13__[\"default\"]; },\n/* harmony export */   \"YouTubeVideo\": function() { return /* reexport safe */ _YouTubeVideo__WEBPACK_IMPORTED_MODULE_14__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Button */ \"./src/shared/components/Button/index.jsx\");\n/* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Checkbox */ \"./src/shared/components/Checkbox/index.jsx\");\n/* harmony import */ var _client__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../client */ \"./src/client/index.jsx\");\n/* harmony import */ var _CodeSplit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./CodeSplit */ \"./src/shared/components/CodeSplit/index.js\");\n/* harmony import */ var _Dropdown__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Dropdown */ \"./src/shared/components/Dropdown/index.jsx\");\n/* harmony import */ var _Input__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Input */ \"./src/shared/components/Input/index.jsx\");\n/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Link */ \"./src/shared/components/Link.jsx\");\n/* harmony import */ var _PageLayout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./PageLayout */ \"./src/shared/components/PageLayout/index.jsx\");\n/* harmony import */ var _MetaTags__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./MetaTags */ \"./src/shared/components/MetaTags.jsx\");\n/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Modal */ \"./src/shared/components/Modal/index.jsx\");\n/* harmony import */ var _NavLink__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./NavLink */ \"./src/shared/components/NavLink.jsx\");\n/* harmony import */ var _ScalableRect__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ScalableRect */ \"./src/shared/components/ScalableRect/index.jsx\");\n/* harmony import */ var _Throbber__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Throbber */ \"./src/shared/components/Throbber/index.jsx\");\n/* harmony import */ var _WithTooltip__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./WithTooltip */ \"./src/shared/components/WithTooltip/index.jsx\");\n/* harmony import */ var _YouTubeVideo__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./YouTubeVideo */ \"./src/shared/components/YouTubeVideo/index.jsx\");\n/**\n * Just an aggregation of all exported components into a single module.\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/index.js?");
 /***/ }),
@@ -226,7 +226,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _isomorphy__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isomorphy */ \"./src/shared/utils/isomorphy.js\");\n/* harmony import */ var _webpack__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./webpack */ \"./src/shared/utils/webpack.js\");\n/**\n * @category Utilities\n * @module config\n * @desc\n * ```js\n * import { config } from '@dr.pogodin/react-utils';\n * ```\n * This module provides isomorphic application configuration, based on\n * [**node-config**](https://github.com/lorenwest/node-config) library.\n * At the server-side it works just as `config` library import,\n * at the client it is made available in the same format via\n * injection into HTML template during the server-side rendering.\n *\n * There are two nuances when imported at the client side:\n * - Any configurations under `SECRET` key at the top level of config won't\n *   be present (they are automatically stripped out by the server-side\n *   renderer, thus providing a configuration segment where server-side\n *   only secrets may be added).\n * - Some extra fields are added to the config by **react-utils** library\n *   itself, to facilitate some other functionalities.\n */\n\n/* global window */\n\n\n/* eslint-disable global-require */\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (_isomorphy__WEBPACK_IMPORTED_MODULE_0__.IS_CLIENT_SIDE ? window.CONFIG : (0,_webpack__WEBPACK_IMPORTED_MODULE_1__.requireWeak)('config'));\n/* eslint-enable global-require */\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/utils/config.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _isomorphy__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./isomorphy */ \"./src/shared/utils/isomorphy.js\");\n/* harmony import */ var _webpack__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./webpack */ \"./src/shared/utils/webpack.js\");\n/* global window */\n\n\n/* eslint-disable global-require */\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (_isomorphy__WEBPACK_IMPORTED_MODULE_0__.IS_CLIENT_SIDE ? window.CONFIG : (0,_webpack__WEBPACK_IMPORTED_MODULE_1__.requireWeak)('config'));\n/* eslint-enable global-require */\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/utils/config.js?");
 /***/ }),
@@ -236,7 +236,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _iso
   \***********************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("var __dirname = \"/\";\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"withRetries\": function() { return /* binding */ withRetries; },\n/* harmony export */   \"config\": function() { return /* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   \"isomorphy\": function() { return /* reexport module object */ _isomorphy__WEBPACK_IMPORTED_MODULE_4__; },\n/* harmony export */   \"JU\": function() { return /* binding */ JU; },\n/* harmony export */   \"newBarrier\": function() { return /* binding */ newBarrier; },\n/* harmony export */   \"themed\": function() { return /* reexport default from dynamic */ _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2___default.a; },\n/* harmony export */   \"ThemeProvider\": function() { return /* reexport safe */ _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2__.ThemeProvider; },\n/* harmony export */   \"time\": function() { return /* reexport safe */ _time__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; },\n/* harmony export */   \"url\": function() { return /* reexport module object */ _url__WEBPACK_IMPORTED_MODULE_6__; },\n/* harmony export */   \"webpack\": function() { return /* reexport module object */ _webpack__WEBPACK_IMPORTED_MODULE_7__; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"@babel/runtime/helpers/asyncToGenerator\");\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"@babel/runtime/regenerator\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @dr.pogodin/react-themes */ \"@dr.pogodin/react-themes\");\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./config */ \"./src/shared/utils/config.js\");\n/* harmony import */ var _isomorphy__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./isomorphy */ \"./src/shared/utils/isomorphy.js\");\n/* harmony import */ var _time__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./time */ \"./src/shared/utils/time.js\");\n/* harmony import */ var _url__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./url */ \"./src/shared/utils/url.js\");\n/* harmony import */ var _webpack__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./webpack */ \"./src/shared/utils/webpack.js\");\n\n\n\n/**\n * @category Utilities\n * @module themed\n * @desc\n * ```js\n * import { themed, ThemeProvider } from '@dr.pogodin/react-utils';\n * ```\n * Encapsulates\n * [`dr.pogodin/react-themes`](https://www.npmjs.com/package/@dr.pogodin/react-themes)\n * library for React component styling with theme composition. For convenience,\n * the aliases are provided for react themes exports. They work the same as\n * specified in the `react-themes` documentation, and `react-utils`\n * configration is fully compliant with expected CSS Modules setup.\n * | Export from `react-utils` | Original export from `react-themes`    |\n * | ------------------------- | -------------------------------------- |\n * | `themed`                  | _default export_ (component decorator) |\n * | `themed.COMPOSE`          | `COMPOSE`                              |\n * | `themed.PRIORITY`         | `PRIORITY`                             |\n * | `ThemeProvider`           | `ThemeProvider`                        |\n */\n\n\n\n\n\n\n(_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2___default().COMPOSE) = _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2__.COMPOSE;\n(_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2___default().PRIORITY) = _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2__.PRIORITY;\nvar JU = null; // eslint-disable-line import/no-mutable-exports\n\nif (_isomorphy__WEBPACK_IMPORTED_MODULE_4__.IS_SERVER_SIDE && (process.env.NODE_CONFIG_ENV || \"development\") !== 'production') {\n  /* eslint-disable global-require */\n  var path = _webpack__WEBPACK_IMPORTED_MODULE_7__.requireWeak('path');\n  JU = _webpack__WEBPACK_IMPORTED_MODULE_7__.requireWeak(path.resolve(__dirname, './jest'));\n  /* eslint-enable global-require */\n}\n/**\n * @category Utilities\n * @func newBarrier\n * @global\n * @desc\n * ```js\n * import { newBarrier } from '@dr.pogodin/react-utils';\n * ```\n * Creates a new async barrier: a Promise instance with its resolve method\n * attached as `.resolve` field.\n * @return {Promise}\n * @example\n * import { newBarrier } from '@dr.pogodin/react-utils';\n * (async () => {\n *   const barrier = newBarrier();\n *   setTimeout(() => barrier.resolve(), 5000);\n *   await barrier;\n *   console.log('This will be printed only after the timeout fires.');\n * })();\n */\n\n\nfunction newBarrier() {\n  var resolve;\n  var promise = new Promise(function (res) {\n    resolve = res;\n  });\n  promise.resolve = resolve;\n  return promise;\n}\n/**\n * @category Utilities\n * @global\n * @func withRetries\n * @desc\n * ```js\n * import { withRetries } from '@dr.pogodin/react-utils';\n * ```\n * Attempts to perform given asynchronous `action` up to `maxRetries` times,\n * with the given `interval` between attempts. If any attempt is successful,\n * the result is returned immediately, with no further attempts done;\n * otherwise, if all attempts fail, the result Promise rejects after the last\n * attempt.\n * @param {function} action\n * @param {number} [maxRetries=5] Optional. Maximum number of retries. Defaults\n *  to 5 attempts.\n * @param {number} [interval=1000] Optional. Interval between retries [ms].\n *  Defaults to 1 second.\n * @return {Promise} Resolves to the result of successful operation, or\n *  rejects with the error from the latst failed attempt.\n * @example\n * import { withRetries } from '@dr.pogodin/react-utils';\n *\n * let firstCall = true;\n *\n * function sampleAction() {\n *   if (!firstCall) return 'success';\n *   firstCall = false;\n *   throw Error('The first call to this method fails');\n * }\n *\n * withRetries(sampleAction).then(console.log);\n * // It will print 'success' after one second, once the second attempt\n * // is performed.\n */\n\n\nfunction withRetries(_x) {\n  return _withRetries.apply(this, arguments);\n}\n\nfunction _withRetries() {\n  _withRetries = _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0___default()( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().mark(function _callee(action) {\n    var maxRetries,\n        interval,\n        n,\n        _args = arguments;\n    return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().wrap(function _callee$(_context) {\n      while (1) {\n        switch (_context.prev = _context.next) {\n          case 0:\n            maxRetries = _args.length > 1 && _args[1] !== undefined ? _args[1] : 5;\n            interval = _args.length > 2 && _args[2] !== undefined ? _args[2] : 1000;\n            n = 1;\n\n          case 3:\n            _context.prev = 3;\n            _context.next = 6;\n            return action();\n\n          case 6:\n            return _context.abrupt(\"return\", _context.sent);\n\n          case 9:\n            _context.prev = 9;\n            _context.t0 = _context[\"catch\"](3);\n\n            if (!(n < maxRetries)) {\n              _context.next = 16;\n              break;\n            }\n\n            _context.next = 14;\n            return _time__WEBPACK_IMPORTED_MODULE_5__[\"default\"].timer(interval);\n\n          case 14:\n            _context.next = 17;\n            break;\n\n          case 16:\n            throw _context.t0;\n\n          case 17:\n            ++n;\n            _context.next = 3;\n            break;\n\n          case 20:\n          case \"end\":\n            return _context.stop();\n        }\n      }\n    }, _callee, null, [[3, 9]]);\n  }));\n  return _withRetries.apply(this, arguments);\n}\n\n\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/utils/index.js?");
+eval("var __dirname = \"/\";\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"withRetries\": function() { return /* binding */ withRetries; },\n/* harmony export */   \"config\": function() { return /* reexport safe */ _config__WEBPACK_IMPORTED_MODULE_3__[\"default\"]; },\n/* harmony export */   \"isomorphy\": function() { return /* reexport module object */ _isomorphy__WEBPACK_IMPORTED_MODULE_4__; },\n/* harmony export */   \"JU\": function() { return /* binding */ JU; },\n/* harmony export */   \"newBarrier\": function() { return /* binding */ newBarrier; },\n/* harmony export */   \"themed\": function() { return /* reexport default from dynamic */ _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2___default.a; },\n/* harmony export */   \"ThemeProvider\": function() { return /* reexport safe */ _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2__.ThemeProvider; },\n/* harmony export */   \"time\": function() { return /* reexport safe */ _time__WEBPACK_IMPORTED_MODULE_5__[\"default\"]; },\n/* harmony export */   \"url\": function() { return /* reexport module object */ _url__WEBPACK_IMPORTED_MODULE_6__; },\n/* harmony export */   \"webpack\": function() { return /* reexport module object */ _webpack__WEBPACK_IMPORTED_MODULE_7__; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"@babel/runtime/helpers/asyncToGenerator\");\n/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/regenerator */ \"@babel/runtime/regenerator\");\n/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @dr.pogodin/react-themes */ \"@dr.pogodin/react-themes\");\n/* harmony import */ var _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./config */ \"./src/shared/utils/config.js\");\n/* harmony import */ var _isomorphy__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./isomorphy */ \"./src/shared/utils/isomorphy.js\");\n/* harmony import */ var _time__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./time */ \"./src/shared/utils/time.js\");\n/* harmony import */ var _url__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./url */ \"./src/shared/utils/url.js\");\n/* harmony import */ var _webpack__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./webpack */ \"./src/shared/utils/webpack.js\");\n\n\n\n\n\n\n\n\n(_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2___default().COMPOSE) = _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2__.COMPOSE;\n(_dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2___default().PRIORITY) = _dr_pogodin_react_themes__WEBPACK_IMPORTED_MODULE_2__.PRIORITY;\nvar JU = null; // eslint-disable-line import/no-mutable-exports\n\nif (_isomorphy__WEBPACK_IMPORTED_MODULE_4__.IS_SERVER_SIDE && (process.env.NODE_CONFIG_ENV || \"development\") !== 'production') {\n  /* eslint-disable global-require */\n  var path = _webpack__WEBPACK_IMPORTED_MODULE_7__.requireWeak('path');\n  JU = _webpack__WEBPACK_IMPORTED_MODULE_7__.requireWeak(path.resolve(__dirname, './jest'));\n  /* eslint-enable global-require */\n}\n/**\n * @category Utilities\n * @func newBarrier\n * @global\n * @desc\n * ```js\n * import { newBarrier } from '@dr.pogodin/react-utils';\n * ```\n * Creates a new async barrier: a Promise instance with its resolve method\n * attached as `.resolve` field.\n * @return {Promise}\n * @example\n * import { newBarrier } from '@dr.pogodin/react-utils';\n * (async () => {\n *   const barrier = newBarrier();\n *   setTimeout(() => barrier.resolve(), 5000);\n *   await barrier;\n *   console.log('This will be printed only after the timeout fires.');\n * })();\n */\n\n\nfunction newBarrier() {\n  var resolve;\n  var promise = new Promise(function (res) {\n    resolve = res;\n  });\n  promise.resolve = resolve;\n  return promise;\n}\n/**\n * @category Utilities\n * @global\n * @func withRetries\n * @desc\n * ```js\n * import { withRetries } from '@dr.pogodin/react-utils';\n * ```\n * Attempts to perform given asynchronous `action` up to `maxRetries` times,\n * with the given `interval` between attempts. If any attempt is successful,\n * the result is returned immediately, with no further attempts done;\n * otherwise, if all attempts fail, the result Promise rejects after the last\n * attempt.\n * @param {function} action\n * @param {number} [maxRetries=5] Optional. Maximum number of retries. Defaults\n *  to 5 attempts.\n * @param {number} [interval=1000] Optional. Interval between retries [ms].\n *  Defaults to 1 second.\n * @return {Promise} Resolves to the result of successful operation, or\n *  rejects with the error from the latst failed attempt.\n * @example\n * import { withRetries } from '@dr.pogodin/react-utils';\n *\n * let firstCall = true;\n *\n * function sampleAction() {\n *   if (!firstCall) return 'success';\n *   firstCall = false;\n *   throw Error('The first call to this method fails');\n * }\n *\n * withRetries(sampleAction).then(console.log);\n * // It will print 'success' after one second, once the second attempt\n * // is performed.\n */\n\n\nfunction withRetries(_x) {\n  return _withRetries.apply(this, arguments);\n}\n\nfunction _withRetries() {\n  _withRetries = _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0___default()( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().mark(function _callee(action) {\n    var maxRetries,\n        interval,\n        n,\n        _args = arguments;\n    return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().wrap(function _callee$(_context) {\n      while (1) {\n        switch (_context.prev = _context.next) {\n          case 0:\n            maxRetries = _args.length > 1 && _args[1] !== undefined ? _args[1] : 5;\n            interval = _args.length > 2 && _args[2] !== undefined ? _args[2] : 1000;\n            n = 1;\n\n          case 3:\n            _context.prev = 3;\n            _context.next = 6;\n            return action();\n\n          case 6:\n            return _context.abrupt(\"return\", _context.sent);\n\n          case 9:\n            _context.prev = 9;\n            _context.t0 = _context[\"catch\"](3);\n\n            if (!(n < maxRetries)) {\n              _context.next = 16;\n              break;\n            }\n\n            _context.next = 14;\n            return _time__WEBPACK_IMPORTED_MODULE_5__[\"default\"].timer(interval);\n\n          case 14:\n            _context.next = 17;\n            break;\n\n          case 16:\n            throw _context.t0;\n\n          case 17:\n            ++n;\n            _context.next = 3;\n            break;\n\n          case 20:\n          case \"end\":\n            return _context.stop();\n        }\n      }\n    }, _callee, null, [[3, 9]]);\n  }));\n  return _withRetries.apply(this, arguments);\n}\n\n\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/utils/index.js?");
 /***/ }),
@@ -246,7 +246,7 @@ eval("var __dirname = \"/\";\n__webpack_require__.r(__webpack_exports__);\n/* ha
   \***************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"IS_CLIENT_SIDE\": function() { return /* binding */ IS_CLIENT_SIDE; },\n/* harmony export */   \"IS_SERVER_SIDE\": function() { return /* binding */ IS_SERVER_SIDE; },\n/* harmony export */   \"isDevBuild\": function() { return /* binding */ isDevBuild; },\n/* harmony export */   \"isProdBuild\": function() { return /* binding */ isProdBuild; },\n/* harmony export */   \"getBuildInfo\": function() { return /* binding */ getBuildInfo; },\n/* harmony export */   \"buildTimestamp\": function() { return /* binding */ buildTimestamp; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ \"@babel/runtime/helpers/typeof\");\n/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__);\n\n\n/**\n * @category Utilities\n * @module isomorphy\n * @desc\n * ```js\n * import { isomorphy } from '@dr.pogodin/react-utils';\n * ```\n * Collection of helpers for dealing with isomorphic aspects of code\n * (mostly environment checks: client- or server-side, development or\n * production, _etc._).\n *\n * **Beware:** This module relies on Babel and Webpack configurations provided\n * by `react-utils` library being used by the host code, along with provided\n * methods for server creation and client-side app initialization. It won't\n * work correctly with a different app setup.\n */\n\n/* global window */\n\n/**\n * ```js\n * import { isomorphy } from '@dr.pogodin/react-utils';\n * const { IS_CLIENT_SIDE } = isomorphy;\n * ```\n * `true` within client-side environment (browser), `false` at server-side.\n */\nvar IS_CLIENT_SIDE = (typeof process === \"undefined\" ? \"undefined\" : _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default()(process)) !== 'object' || !process.versions || !process.versions.node;\n/**\n * ```js\n * import { isomorphy } from '@dr.pogodin/react-utils';\n * const { IS_SERVER_SIDE } = isomorphy;\n * ```\n * `true` within the server-side environment (node), `false` at client-side.\n */\n\nvar IS_SERVER_SIDE = !IS_CLIENT_SIDE;\n/**\n * @ignore\n * @return {string} Code mode: \"development\" or \"production\".\n */\n\nfunction getMode() {\n  return \"development\";\n}\n/**\n * ```js\n * import { isomorphy } from '@dr.pogodin/react-utils';\n * const { isDevBuild } = isomorphy;\n * ```\n * Returns `true` if development version of the code is running;\n * `false` otherwise.\n * @return {boolean}\n */\n\n\nfunction isDevBuild() {\n  return getMode() === 'development';\n}\n/**\n * ```js\n * import { isomorphy } from '@dr.pogodin/react-utils';\n * const { isProdBuild } = isomorphy;\n * ```\n * Returns `true` if production build of the code is running;\n * `false` otherwise.\n * @return {boolean}\n */\n\nfunction isProdBuild() {\n  return getMode() === 'production';\n}\n/**\n * ```js\n * import { isomorphy } from '@dr.pogodin/react-utils';\n * const { getBuildInfo } = isomorphy;\n * ```\n * Returns build info object.\n * @returns {object}\n */\n\nfunction getBuildInfo() {\n  return (IS_CLIENT_SIDE ? window : __webpack_require__.g).TRU_BUILD_INFO;\n}\n/**\n * ```js\n * import { isomorphy } from '@dr.pogodin/react-utils';\n * const { buildTimestamp } = isomorphy;\n * ```\n * Returns build timestamp of the front-end JS bundle.\n * @return {string} ISO date/time string.\n */\n\nfunction buildTimestamp() {\n  return getBuildInfo().timestamp;\n}\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/utils/isomorphy.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"IS_CLIENT_SIDE\": function() { return /* binding */ IS_CLIENT_SIDE; },\n/* harmony export */   \"IS_SERVER_SIDE\": function() { return /* binding */ IS_SERVER_SIDE; },\n/* harmony export */   \"isDevBuild\": function() { return /* binding */ isDevBuild; },\n/* harmony export */   \"isProdBuild\": function() { return /* binding */ isProdBuild; },\n/* harmony export */   \"getBuildInfo\": function() { return /* binding */ getBuildInfo; },\n/* harmony export */   \"buildTimestamp\": function() { return /* binding */ buildTimestamp; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ \"@babel/runtime/helpers/typeof\");\n/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__);\n\n\n/* global window */\n\n/**\n * `true` within client-side environment (browser), `false` at server-side.\n */\nvar IS_CLIENT_SIDE = (typeof process === \"undefined\" ? \"undefined\" : _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default()(process)) !== 'object' || !process.versions || !process.versions.node;\n/**\n * `true` within the server-side environment (node), `false` at client-side.\n */\n\nvar IS_SERVER_SIDE = !IS_CLIENT_SIDE;\n/**\n * @ignore\n * @return {string} Code mode: \"development\" or \"production\".\n */\n\nfunction getMode() {\n  return \"development\";\n}\n/**\n * Returns `true` if development version of the code is running;\n * `false` otherwise.\n * @return {boolean}\n */\n\n\nfunction isDevBuild() {\n  return getMode() === 'development';\n}\n/**\n * Returns `true` if production build of the code is running;\n * `false` otherwise.\n * @return {boolean}\n */\n\nfunction isProdBuild() {\n  return getMode() === 'production';\n}\n/**\n * Returns build info object.\n * @returns {object}\n */\n\nfunction getBuildInfo() {\n  return (IS_CLIENT_SIDE ? window : __webpack_require__.g).TRU_BUILD_INFO;\n}\n/**\n * Returns build timestamp of the front-end JS bundle.\n * @return {string} ISO date/time string.\n */\n\nfunction buildTimestamp() {\n  return getBuildInfo().timestamp;\n}\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/utils/isomorphy.js?");
 /***/ }),
@@ -276,7 +276,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"requireWeak\": function() { return /* binding */ requireWeak; },\n/* harmony export */   \"resolveWeak\": function() { return /* binding */ resolveWeak; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ \"@babel/runtime/helpers/objectWithoutProperties\");\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__);\n\n\nvar _excluded = [\"default\"];\n\n/**\n * @category Utilities\n * @module webpack\n * @desc\n * ```js\n * import { webpack } from '@dr.pogodin/react-utils';\n * ```\n * Webpack-related utilities.\n */\n\n/**\n * ```js\n * import { webpack } from '@dr.pogodin/react-utils';\n * const { requireWeak } = webpack;\n * ```\n * Requires the specified module without including it into the bundle during\n * Webpack build. This function should be executed only server-side.\n *\n * WARNING: Beware to pass in relative paths: they will be resolved relative\n * to the library distribution function, this is not what you want in most of\n * cases. To convert a relative path to the absolute one, do in the caller code\n * ```\n * import path from 'path';\n * const p = path.resolve(__dirname, './relative/path');\n * const module = requireWeak(p);\n * ```\n * In case you use an absolute path that relies on Babel module resolver,\n * pass it through resolveWeak function below.\n *\n * @param {string} modulePath\n * @return {object} Required module.\n */\nfunction requireWeak(modulePath) {\n  /* eslint-disable no-eval */\n  var _eval = eval('require')(modulePath),\n      def = _eval.default,\n      named = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_eval, _excluded);\n  /* eslint-enable no-eval */\n\n\n  if (!def) return named;\n  Object.entries(named).forEach(function (_ref) {\n    var _ref2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_ref, 2),\n        key = _ref2[0],\n        value = _ref2[1];\n\n    if (def[key]) throw Error('Conflict between default and named exports');\n    def[key] = value;\n  });\n  return def;\n}\n/**\n * ```js\n * import { webpack } from '@dr.pogodin/react-utils';\n * const { resolveWeak } = webpack;\n * ```\n * Resolves specified module path with help of Babel's module resolver.\n * Yes, the function itself just returns its argument to the caller, but Babel\n * is configured to resolve the first argument of resolveWeak(..) function, thus\n * the result will be the resolved path.\n * @param {string} modulePath\n * @return {string} Absolute or relative path to the module.\n */\n\nfunction resolveWeak(modulePath) {\n  return modulePath;\n}\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/utils/webpack.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"requireWeak\": function() { return /* binding */ requireWeak; },\n/* harmony export */   \"resolveWeak\": function() { return /* binding */ resolveWeak; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ \"@babel/runtime/helpers/objectWithoutProperties\");\n/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__);\n\n\nvar _excluded = [\"default\"];\n\n/**\n * @category Utilities\n * @module webpack\n * @desc\n * ```js\n * import { webpack } from '@dr.pogodin/react-utils';\n * ```\n * Webpack-related utilities.\n */\n\n/**\n * ```js\n * import { webpack } from '@dr.pogodin/react-utils';\n * const { requireWeak } = webpack;\n * ```\n * Requires the specified module without including it into the bundle during\n * Webpack build. This function should be executed only server-side.\n *\n * WARNING: Beware to pass in relative paths: they will be resolved relative\n * to the library distribution function, this is not what you want in most of\n * cases. To convert a relative path to the absolute one, do in the caller code\n * ```\n * import path from 'path';\n * const p = path.resolve(__dirname, './relative/path');\n * const module = requireWeak(p);\n * ```\n * In case you use an absolute path that relies on Babel module resolver,\n * pass it through resolveWeak function below.\n *\n * @param {string} modulePath\n * @return {object} Required module.\n */\nfunction requireWeak(modulePath) {\n  /* eslint-disable no-eval */\n  var _eval = eval('require')(modulePath),\n      def = _eval.default,\n      named = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_eval, _excluded);\n  /* eslint-enable no-eval */\n\n\n  if (!def) return named;\n  Object.entries(named).forEach(function (_ref) {\n    var _ref2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_ref, 2),\n        key = _ref2[0],\n        value = _ref2[1];\n\n    if (def[key]) throw Error('Conflict between default and named exports');\n    def[key] = value;\n  });\n  return def;\n}\n/**\n * Resolves specified module path with help of Babel's module resolver.\n * Yes, the function itself just returns its argument to the caller, but Babel\n * is configured to resolve the first argument of resolveWeak(..) function, thus\n * the result will be the resolved path.\n * @param {string} modulePath\n * @return {string} Absolute or relative path to the module.\n */\n\nfunction resolveWeak(modulePath) {\n  return modulePath;\n}\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/utils/webpack.js?");
 /***/ }),
@@ -286,7 +286,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"context\":\"-dr-pogodin-react-utils___src-shared-components-Button-style___context___1orYrC\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-Button-style___ad___14A3nZ\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-Button-style___hoc___5EzTm9\",\"button\":\"-dr-pogodin-react-utils___src-shared-components-Button-style___button___3-kJlZ\",\"active\":\"-dr-pogodin-react-utils___src-shared-components-Button-style___active___3UaAP4\",\"disabled\":\"-dr-pogodin-react-utils___src-shared-components-Button-style___disabled___JnSSAY\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Button/style.scss?");
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"context\":\"-dr-pogodin-react-utils___src-shared-components-Button-style___context___33qmle\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-Button-style___ad___JqF7SX\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-Button-style___hoc___6uVxU-\",\"button\":\"-dr-pogodin-react-utils___src-shared-components-Button-style___button___2629gm\",\"active\":\"-dr-pogodin-react-utils___src-shared-components-Button-style___active___2qX90D\",\"disabled\":\"-dr-pogodin-react-utils___src-shared-components-Button-style___disabled___24vuTm\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Button/style.scss?");
 /***/ }),
@@ -296,7 +296,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
   \***************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"checkbox\":\"-dr-pogodin-react-utils___src-shared-components-Checkbox-theme___checkbox___TKBJM0\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-Checkbox-theme___context___Eo3d0U\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-Checkbox-theme___ad___1zOOw4\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-Checkbox-theme___hoc___Db_vtL\",\"container\":\"-dr-pogodin-react-utils___src-shared-components-Checkbox-theme___container___265CXn\",\"label\":\"-dr-pogodin-react-utils___src-shared-components-Checkbox-theme___label___2_7qW7\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Checkbox/theme.scss?");
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"checkbox\":\"-dr-pogodin-react-utils___src-shared-components-Checkbox-theme___checkbox___1OUp4C\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-Checkbox-theme___context___3elv1W\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-Checkbox-theme___ad___38el0G\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-Checkbox-theme___hoc___285jVN\",\"container\":\"-dr-pogodin-react-utils___src-shared-components-Checkbox-theme___container___32kN_q\",\"label\":\"-dr-pogodin-react-utils___src-shared-components-Checkbox-theme___label___26M9Hw\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Checkbox/theme.scss?");
 /***/ }),
@@ -306,7 +306,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
   \***************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"arrow\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___arrow___zk_X_t\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___context___36FjKe\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___ad___1tuabC\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___hoc___IXTRRj\",\"container\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___container___2pSA6T\",\"label\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___label___22Z9dt\",\"option\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___option___3VERnT\",\"hiddenOption\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___hiddenOption___24WdmW\",\"select\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___select___3plxWK\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Dropdown/theme.scss?");
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"arrow\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___arrow___3rmWiD\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___context___1Q72zU\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___ad___3NkITs\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___hoc___2_yK-d\",\"container\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___container___2boEEf\",\"label\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___label___ViWitu\",\"option\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___option___1KVBKB\",\"hiddenOption\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___hiddenOption___2ydMjo\",\"select\":\"-dr-pogodin-react-utils___src-shared-components-Dropdown-theme___select___sJDuEV\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Dropdown/theme.scss?");
 /***/ }),
@@ -316,7 +316,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
   \******************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"link\":\"-dr-pogodin-react-utils___src-shared-components-GenericLink-style___link___1j1FQ2\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/GenericLink/style.scss?");
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"link\":\"-dr-pogodin-react-utils___src-shared-components-GenericLink-style___link___2InLXV\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/GenericLink/style.scss?");
 /***/ }),
@@ -326,7 +326,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
   \************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"container\":\"-dr-pogodin-react-utils___src-shared-components-Input-theme___container___1kPBvU\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-Input-theme___context___21ZJJ1\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-Input-theme___ad___19c9Ts\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-Input-theme___hoc___2SyEqs\",\"input\":\"-dr-pogodin-react-utils___src-shared-components-Input-theme___input___3DHAKJ\",\"label\":\"-dr-pogodin-react-utils___src-shared-components-Input-theme___label___pIHNog\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Input/theme.scss?");
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"container\":\"-dr-pogodin-react-utils___src-shared-components-Input-theme___container___5vaj2v\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-Input-theme___context___3d60LR\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-Input-theme___ad___SUBtES\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-Input-theme___hoc___11u5o6\",\"input\":\"-dr-pogodin-react-utils___src-shared-components-Input-theme___input___3bFnNS\",\"label\":\"-dr-pogodin-react-utils___src-shared-components-Input-theme___label___1W8GIz\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Input/theme.scss?");
 /***/ }),
@@ -336,7 +336,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
   \*****************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"overlay\":\"-dr-pogodin-react-utils___src-shared-components-Modal-base-theme___overlay___1z_lT2\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-Modal-base-theme___context___b8XBy_\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-Modal-base-theme___ad___323Y1S\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-Modal-base-theme___hoc___lkxNM-\",\"container\":\"-dr-pogodin-react-utils___src-shared-components-Modal-base-theme___container___uS4uDL\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/base-theme.scss?");
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"overlay\":\"-dr-pogodin-react-utils___src-shared-components-Modal-base-theme___overlay___3eQXFG\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-Modal-base-theme___context___1ItZNx\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-Modal-base-theme___ad___1uOejq\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-Modal-base-theme___hoc___2XWVy4\",\"container\":\"-dr-pogodin-react-utils___src-shared-components-Modal-base-theme___container___S6eRC0\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Modal/base-theme.scss?");
 /***/ }),
@@ -356,7 +356,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
   \**********************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"container\":\"-dr-pogodin-react-utils___src-shared-components-PageLayout-base-theme___container___9l8HhV\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-PageLayout-base-theme___context___3u0VuV\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-PageLayout-base-theme___ad___1hw_qJ\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-PageLayout-base-theme___hoc___fKILKU\",\"mainPanel\":\"-dr-pogodin-react-utils___src-shared-components-PageLayout-base-theme___mainPanel___2izxcu\",\"sidePanel\":\"-dr-pogodin-react-utils___src-shared-components-PageLayout-base-theme___sidePanel___3H_g8q\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/PageLayout/base-theme.scss?");
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"container\":\"-dr-pogodin-react-utils___src-shared-components-PageLayout-base-theme___container___1IWLUF\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-PageLayout-base-theme___context___ct8AYv\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-PageLayout-base-theme___ad___3ATReA\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-PageLayout-base-theme___hoc___1-IZXw\",\"mainPanel\":\"-dr-pogodin-react-utils___src-shared-components-PageLayout-base-theme___mainPanel___rzMRqr\",\"sidePanel\":\"-dr-pogodin-react-utils___src-shared-components-PageLayout-base-theme___sidePanel___1LD0Kd\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/PageLayout/base-theme.scss?");
 /***/ }),
@@ -366,7 +366,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
   \*******************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"container\":\"-dr-pogodin-react-utils___src-shared-components-ScalableRect-style___container___32tbH2\",\"wrapper\":\"-dr-pogodin-react-utils___src-shared-components-ScalableRect-style___wrapper___23rk-B\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/ScalableRect/style.scss?");
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"container\":\"-dr-pogodin-react-utils___src-shared-components-ScalableRect-style___container___3XzGXs\",\"wrapper\":\"-dr-pogodin-react-utils___src-shared-components-ScalableRect-style___wrapper___1vMblT\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/ScalableRect/style.scss?");
 /***/ }),
@@ -376,7 +376,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
   \***************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"container\":\"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___container___1aJSBX\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___context___1izs01\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___ad___2m21Oe\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___hoc___132xA1\",\"circle\":\"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___circle___2c_4lS\",\"bouncing\":\"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___bouncing___1wSERI\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Throbber/theme.scss?");
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"container\":\"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___container___YlvKSG\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___context___3F9X6R\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___ad___27RWOc\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___hoc___1mH4lL\",\"circle\":\"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___circle___QhSt1A\",\"bouncing\":\"-dr-pogodin-react-utils___src-shared-components-Throbber-theme___bouncing___2Zvm3x\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/Throbber/theme.scss?");
 /***/ }),
@@ -386,7 +386,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
   \**************************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"ad\":\"-dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___ad___aAk6G-\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___hoc___14hBg4\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___context___2m35Lg\",\"arrow\":\"-dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___arrow___scfFf8\",\"container\":\"-dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___container___XykNzN\",\"appearance\":\"-dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___appearance___11gtAo\",\"wrapper\":\"-dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___wrapper___1xTGgL\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/WithTooltip/default-theme.scss?");
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"ad\":\"-dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___ad___37hn-I\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___hoc___2CTWO-\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___context___1sPLIy\",\"arrow\":\"-dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___arrow___1My0bf\",\"container\":\"-dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___container___1RivOp\",\"appearance\":\"-dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___appearance___1_CLjK\",\"wrapper\":\"-dr-pogodin-react-utils___src-shared-components-WithTooltip-default-theme___wrapper___23r31M\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/WithTooltip/default-theme.scss?");
 /***/ }),
@@ -396,7 +396,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
   \******************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"container\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-base___container___mqlUDF\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-base___context___n-j8Eo\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-base___ad___2KXRTp\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-base___hoc___1bn6KT\",\"video\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-base___video___MFAQ6x\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/base.scss?");
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"container\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-base___container___1-I6ek\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-base___context___2wWh54\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-base___ad___ZI1L-P\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-base___hoc___zCNKnQ\",\"video\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-base___video___2hd-z-\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/base.scss?");
 /***/ }),
@@ -406,7 +406,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
   \**********************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"container\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-throbber___container___3E1caC\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-throbber___context___2mWOa4\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-throbber___ad___2Q3v3l\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-throbber___hoc___3-8kXq\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/throbber.scss?");
+eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"container\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-throbber___container___2O23yT\",\"context\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-throbber___context___3R7Jzw\",\"ad\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-throbber___ad___2H1dS-\",\"hoc\":\"-dr-pogodin-react-utils___src-shared-components-YouTubeVideo-throbber___hoc___3U7SmJ\"});\n\n//# sourceURL=webpack://@dr.pogodin/react-utils/./src/shared/components/YouTubeVideo/throbber.scss?");
 /***/ }),