@scrabble-solver/scrabble-solver 2.10.3 → 2.10.5

package/.next/server/chunks/176.js

@@ -65,8 +65,10 @@ module.exports = {
 // Exports
 module.exports = {
 	"button": "Button_button__PjVhE",
-	"content": "Button_content__XZA3a",
+	"primary": "Button_primary___XGO6",
+	"default": "Button_default__NXf3e",
 	"icon": "Button_icon__DJGKY",
+	"content": "Button_content__XZA3a",
 	"label": "Button_label__vFl5U"
 };
 
@@ -126,31 +128,66 @@ module.exports = {
 
 /***/ }),
 
-/***/ 55487:
+/***/ 94095:
 /***/ ((module) => {
 
 // Exports
 module.exports = {
-	"mapping": "Mapping_mapping__GQrAe",
-	"description": "Mapping_description__osefE",
-	"keys": "Mapping_keys__BBLHM",
-	"group": "Mapping_group__4H8Aw",
-	"plus": "Mapping_plus__aoyZw",
-	"slash": "Mapping_slash__xSLL1"
+	"loading": "Loading_loading__RkVCa",
+	"dim": "Loading_dim__H3eXg",
+	"logo": "Loading_logo__1hwt4",
+	"tiles": "Loading_tiles__RNn33"
 };
 
 
 /***/ }),
 
-/***/ 94095:
+/***/ 55941:
 /***/ ((module) => {
 
 // Exports
 module.exports = {
-	"loading": "Loading_loading__RkVCa",
-	"dim": "Loading_dim__H3eXg",
-	"logo": "Loading_logo__1hwt4",
-	"tiles": "Loading_tiles__RNn33"
+	"logoSplashScreen": "LogoSplashScreen_logoSplashScreen__pRvmG",
+	"animated": "LogoSplashScreen_animated__FLtGf",
+	"hide": "LogoSplashScreen_hide__O6VWM",
+	"logos": "LogoSplashScreen_logos__x48g1",
+	"pulse": "LogoSplashScreen_pulse__xzhLz",
+	"logoColor": "LogoSplashScreen_logoColor__yxa6j",
+	"progress": "LogoSplashScreen_progress__m0bkB",
+	"logoGrayscale": "LogoSplashScreen_logoGrayscale__zDa_H",
+	"author": "LogoSplashScreen_author__jDI5k",
+	"wave": "LogoSplashScreen_wave__Trjnf"
+};
+
+
+/***/ }),
+
+/***/ 55242:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"modal": "Modal_modal__w8Blv",
+	"closeButton": "Modal_closeButton__066hL",
+	"afterOpen": "Modal_afterOpen__e8nXQ",
+	"container": "Modal_container__KsTsk",
+	"beforeClose": "Modal_beforeClose__3RJlh",
+	"overlay": "Modal_overlay__lX1Uv",
+	"header": "Modal_header__9Nc2I",
+	"title": "Modal_title__p4NB1",
+	"content": "Modal_content__RDLjq"
+};
+
+
+/***/ }),
+
+/***/ 5406:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "Section_section__7MmVe",
+	"heading": "Section_heading__9DyRI"
 };
 
 
@@ -201,56 +238,55 @@ module.exports = {
 
 /***/ }),
 
-/***/ 30277:
+/***/ 27217:
 /***/ ((module) => {
 
 // Exports
 module.exports = {
-	"rack": "Rack_rack__uEE8X",
-	"tile": "Rack_tile__kMzR_"
+	"progress": "Progress_progress__DPtrq"
 };
 
 
 /***/ }),
 
-/***/ 59758:
+/***/ 30277:
 /***/ ((module) => {
 
 // Exports
 module.exports = {
-	"radio": "Radio_radio__06IBr",
-	"icon": "Radio_icon__ORxR0",
-	"checked": "Radio_checked__MlqJv",
-	"input": "Radio_input__PFpGB",
-	"content": "Radio_content__08chi"
+	"rack": "Rack_rack__uEE8X",
+	"tile": "Rack_tile__kMzR_"
 };
 
 
 /***/ }),
 
-/***/ 41415:
+/***/ 59758:
 /***/ ((module) => {
 
 // Exports
 module.exports = {
-	"character": "Character_character__FN97z",
-	"finished": "Character_finished__DsFyj",
-	"overused": "Character_overused__PEXhw",
-	"tile": "Character_tile__lqZEb",
-	"count": "Character_count__SSxGA"
+	"radio": "Radio_radio__06IBr",
+	"icon": "Radio_icon__ORxR0",
+	"checked": "Radio_checked__MlqJv",
+	"input": "Radio_input__PFpGB",
+	"content": "Radio_content__08chi"
 };
 
 
 /***/ }),
 
-/***/ 95070:
+/***/ 48425:
 /***/ ((module) => {
 
 // Exports
 module.exports = {
-	"title": "RemainingTiles_title__QQYTv",
-	"content": "RemainingTiles_content__5cnQv",
-	"badge": "RemainingTiles_badge__lyaBc"
+	"resultCandidatePicker": "ResultCandidatePicker_resultCandidatePicker__22U_a",
+	"content": "ResultCandidatePicker_content__XbkPX",
+	"points": "ResultCandidatePicker_points__y5lnd",
+	"word": "ResultCandidatePicker_word__df5mj",
+	"iconContainer": "ResultCandidatePicker_iconContainer__R4amp",
+	"icon": "ResultCandidatePicker_icon__8p7JP"
 };
 
 
@@ -269,12 +305,13 @@ module.exports = {
 	"headerButton": "Results_headerButton__qNx0w",
 	"headerButtonLabel": "Results_headerButtonLabel__XQiIP",
 	"result": "Results_result__bpPGb",
+	"highlighted": "Results_highlighted__5x4Wt",
 	"resultContent": "Results_resultContent__fynvQ",
 	"word": "Results_word__j20u_",
 	"cell": "Results_cell__13BH5",
 	"stat": "Results_stat__EguZM",
 	"points": "Results_points__7BAKE",
-	"outdatedButton": "Results_outdatedButton__5fzwS",
+	"solveButton": "Results_solveButton__jYiEd",
 	"sortIcon": "Results_sortIcon__y02RA",
 	"input": "Results_input__B3K40"
 };
@@ -294,132 +331,92 @@ module.exports = {
 
 /***/ }),
 
-/***/ 65445:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"screen": "Screen_screen__VnMC9",
-	"closeButton": "Screen_closeButton__0QT6U",
-	"content": "Screen_content__t2VCW"
-};
-
-
-/***/ }),
-
-/***/ 11130:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"option": "AutoGroupTilesSetting_option__cNX7P",
-	"label": "AutoGroupTilesSetting_label__njnKi"
-};
-
-
-/***/ }),
-
-/***/ 61909:
+/***/ 23826:
 /***/ ((module) => {
 
 // Exports
 module.exports = {
-	"option": "ConfigSetting_option__T_XJr",
-	"label": "ConfigSetting_label__SKiut"
+	"sizer": "Sizer_sizer__6ihcO"
 };
 
 
 /***/ }),
 
-/***/ 81471:
+/***/ 90375:
 /***/ ((module) => {
 
 // Exports
 module.exports = {
-	"option": "LocaleSetting_option__86eJS",
-	"flag": "LocaleSetting_flag__B1FNp",
-	"checked": "LocaleSetting_checked__9aDcB",
-	"label": "LocaleSetting_label__Nl2tL",
-	"fa": "LocaleSetting_fa__O_Lzh",
-	"es": "LocaleSetting_es__o6mp8",
-	"fr": "LocaleSetting_fr__h7FxL",
-	"gb": "LocaleSetting_gb__qt9o9",
-	"pl": "LocaleSetting_pl__Xg3Ib",
-	"us": "LocaleSetting_us__ov8al",
-	"de": "LocaleSetting_de__73PFW"
+	"solver": "Solver_solver__o9miv",
+	"container": "Solver_container__ABpqJ",
+	"content": "Solver_content__s1fWW",
+	"boardContainer": "Solver_boardContainer__GBRcW",
+	"board": "Solver_board__d5oBN",
+	"column": "Solver_column__0EMSH",
+	"dictionary": "Solver_dictionary__09LYB",
+	"dictionaryOutput": "Solver_dictionaryOutput__KWOcA",
+	"dictionaryInput": "Solver_dictionaryInput__9BLNF",
+	"resultsContainer": "Solver_resultsContainer__DruEg",
+	"bottomContainer": "Solver_bottomContainer__VLhkh",
+	"bottomContent": "Solver_bottomContent__9rVjO",
+	"rackContainer": "Solver_rackContainer__2QSoB",
+	"rack": "Solver_rack__9DDCR",
+	"submitInput": "Solver_submitInput__eic0t",
+	"controls": "Solver_controls__2D9Ez",
+	"resultCandidatePicker": "Solver_resultCandidatePicker__0mgO7",
+	"apply": "Solver_apply__R1cn6",
+	"solve": "Solver_solve__MgHc7"
 };
 
 
 /***/ }),
 
-/***/ 63936:
+/***/ 36456:
 /***/ ((module) => {
 
 // Exports
 module.exports = {
-	"modal": "Sidebar_modal__pavmk",
-	"closeButton": "Sidebar_closeButton__TjUpw",
-	"afterOpen": "Sidebar_afterOpen__Y7kOz",
-	"sidebar": "Sidebar_sidebar__pTTPu",
-	"beforeClose": "Sidebar_beforeClose__vzZNQ",
-	"overlay": "Sidebar_overlay__fZ2ki",
-	"header": "Sidebar_header__6FiSo",
-	"title": "Sidebar_title__pzTL8",
-	"content": "Sidebar_content__lLjwZ"
+	"icon": "ApplyButton_icon__9TqIL"
 };
 
 
 /***/ }),
 
-/***/ 19812:
+/***/ 74048:
 /***/ ((module) => {
 
 // Exports
 module.exports = {
-	"section": "Section_section__Rd7qk",
-	"heading": "Section_heading___PU_r"
+	"emptyState": "EmptyState_emptyState__XRkVh",
+	"iconContainer": "EmptyState_iconContainer__muJPY",
+	"error": "EmptyState_error__LALvw",
+	"warning": "EmptyState_warning__3cgae",
+	"info": "EmptyState_info__M93ve",
+	"icon": "EmptyState_icon__4Okzd",
+	"content": "EmptyState_content__VwtZg"
 };
 
 
 /***/ }),
 
-/***/ 90375:
+/***/ 61077:
 /***/ ((module) => {
 
 // Exports
 module.exports = {
-	"solver": "Solver_solver__o9miv",
-	"contentWrapper": "Solver_contentWrapper__qtqKN",
-	"content": "Solver_content__s1fWW",
-	"boardContainer": "Solver_boardContainer__GBRcW",
-	"sidebar": "Solver_sidebar__mhxCh",
-	"dictionary": "Solver_dictionary__09LYB",
-	"dictionaryOutput": "Solver_dictionaryOutput__KWOcA",
-	"dictionaryInput": "Solver_dictionaryInput__9BLNF",
-	"resultsContainer": "Solver_resultsContainer__DruEg",
-	"rackContainer": "Solver_rackContainer__2QSoB",
-	"rack": "Solver_rack__9DDCR",
-	"submitInput": "Solver_submitInput__eic0t"
+	"solveButton": "SolveButton_solveButton__mEBOg"
 };
 
 
 /***/ }),
 
-/***/ 41798:
+/***/ 3713:
 /***/ ((module) => {
 
 // Exports
 module.exports = {
-	"splash": "Splash_splash__DJBx_",
-	"animated": "Splash_animated__p0GNp",
-	"hide": "Splash_hide__4sfov",
-	"logos": "Splash_logos__pFer4",
-	"pulse": "Splash_pulse__bc8xX",
-	"logoColor": "Splash_logoColor__InOR_",
-	"progress": "Splash_progress__82M_I",
-	"logoGrayscale": "Splash_logoGrayscale__qe_QT",
-	"author": "Splash_author__0gDgp",
-	"wave": "Splash_wave___xjSZ"
+	"splashScreen": "SplashScreen_splashScreen__1t_F7",
+	"content": "SplashScreen_content__YuPB1"
 };
 
 
@@ -455,7 +452,6 @@ module.exports = {
 // Exports
 module.exports = {
 	"tile": "Tile_tile__14nuL",
-	"raised": "Tile_raised__WKori",
 	"points1": "Tile_points1__yl4Jl",
 	"points2": "Tile_points2__Xsbcp",
 	"points3": "Tile_points3__lJKOJ",
@@ -466,6 +462,10 @@ module.exports = {
 	"highlighted": "Tile_highlighted__eg00X",
 	"points": "Tile_points__z39vV",
 	"invalid": "Tile_invalid__3bxxF",
+	"disabled": "Tile_disabled__aPQkZ",
+	"input": "Tile_input__Rol_n",
+	"empty": "Tile_empty__DGtO_",
+	"raised": "Tile_raised__WKori",
 	"alert": "Tile_alert__0o8j3"
 };
 
@@ -500,22 +500,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ 23758:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"title": "Words_title__npWWH",
-	"badge": "Words_badge__h_UnJ",
-	"word": "Words_word___UPK8",
-	"invalid": "Words_invalid__MJPnf",
-	"valid": "Words_valid__MKPTu",
-	"icon": "Words_icon__Ho1Gk"
-};
-
-
 /***/ }),
 
 /***/ 47743:
@@ -817,7 +801,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12374);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55210);
 /* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(57243);
 /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(15349);
 /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95770);
@@ -1452,6 +1436,62 @@ const getPositionInGrid = (grid, constraint)=>{
 /***/ 81870:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
+/* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(60394);
+/* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Button_module_scss__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16863);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__, _Link__WEBPACK_IMPORTED_MODULE_3__]);
+([_Tooltip__WEBPACK_IMPORTED_MODULE_2__, _Link__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
+
+
+
+const Button = ({ children , className , Icon , iconClassName , tooltip , variant ="default" , ...props })=>{
+    const triggerProps = (0,_Tooltip__WEBPACK_IMPORTED_MODULE_2__/* .useTooltip */ .l)(tooltip, props);
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Button_module_scss__WEBPACK_IMPORTED_MODULE_4___default().button), className, {
+            [(_Button_module_scss__WEBPACK_IMPORTED_MODULE_4___default()["default"])]: variant === "default",
+            [(_Button_module_scss__WEBPACK_IMPORTED_MODULE_4___default().primary)]: variant === "primary"
+        }),
+        type: "button",
+        ...props,
+        ...triggerProps,
+        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
+            className: (_Button_module_scss__WEBPACK_IMPORTED_MODULE_4___default().content),
+            children: [
+                Icon && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(Icon, {
+                    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Button_module_scss__WEBPACK_IMPORTED_MODULE_4___default().icon), iconClassName)
+                }),
+                children && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                    className: (_Button_module_scss__WEBPACK_IMPORTED_MODULE_4___default().label),
+                    children: children
+                })
+            ]
+        })
+    });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Object.assign(Button, {
+    Link: _Link__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
+}));
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 16863:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
 "use strict";
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
@@ -1470,28 +1510,30 @@ _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (
 
 
 
-const Button = ({ children , className , Icon , tooltip , ...props })=>{
+const Link = ({ children , className , Icon , iconClassName , tooltip , variant ="default" , ...props })=>{
     const triggerProps = (0,_Tooltip__WEBPACK_IMPORTED_MODULE_2__/* .useTooltip */ .l)(tooltip, props);
-    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Button_module_scss__WEBPACK_IMPORTED_MODULE_3___default().button), className),
-        type: "button",
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Button_module_scss__WEBPACK_IMPORTED_MODULE_3___default().button), className, {
+            [(_Button_module_scss__WEBPACK_IMPORTED_MODULE_3___default()["default"])]: variant === "default",
+            [(_Button_module_scss__WEBPACK_IMPORTED_MODULE_3___default().primary)]: variant === "primary"
+        }),
         ...props,
         ...triggerProps,
         children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
             className: (_Button_module_scss__WEBPACK_IMPORTED_MODULE_3___default().content),
             children: [
-                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                Icon && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(Icon, {
+                    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Button_module_scss__WEBPACK_IMPORTED_MODULE_3___default().icon), iconClassName)
+                }),
+                children && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                     className: (_Button_module_scss__WEBPACK_IMPORTED_MODULE_3___default().label),
                     children: children
-                }),
-                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(Icon, {
-                    className: (_Button_module_scss__WEBPACK_IMPORTED_MODULE_3___default().icon)
                 })
             ]
         })
     });
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Button);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Link);
 
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
@@ -1527,8 +1569,8 @@ __webpack_async_result__();
 var jsx_runtime_ = __webpack_require__(20997);
 // EXTERNAL MODULE: external "classnames"
 var external_classnames_ = __webpack_require__(59003);
-// EXTERNAL MODULE: ./src/icons/index.ts + 29 modules
-var icons = __webpack_require__(12374);
+// EXTERNAL MODULE: ./src/icons/index.ts + 35 modules
+var icons = __webpack_require__(55210);
 ;// CONCATENATED MODULE: ./src/components/Checkbox/Checkbox.tsx
 
 
@@ -1605,8 +1647,7 @@ const Dictionary = ({ className  })=>{
         }),
         children: [
             typeof error !== "undefined" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
-                className: (_Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5___default().emptyState),
-                type: "error",
+                variant: "error",
                 children: error.message
             }),
             results.map(({ definitions , exists , isAllowed , word  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
@@ -1616,7 +1657,7 @@ const Dictionary = ({ className  })=>{
                     }),
                     children: [
                         typeof word === "undefined" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
-                            type: "info",
+                            variant: "info",
                             children: translate("dictionary.empty-state.uninitialized")
                         }),
                         typeof word !== "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
@@ -1801,11 +1842,11 @@ const COLORS_PER_TYPE = {
     success: parameters__WEBPACK_IMPORTED_MODULE_4__/* .COLOR_GREEN */ .F1,
     warning: parameters__WEBPACK_IMPORTED_MODULE_4__/* .COLOR_YELLOW */ .yr
 };
-const EmptyState = ({ className , children , type  })=>{
+const EmptyState = ({ children , className , variant  })=>{
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
     const locale = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectLocale */ .fN);
     const { direction  } = i18n__WEBPACK_IMPORTED_MODULE_3__/* .LOCALE_FEATURES */ .q[locale];
-    const title = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>translate(TITLE_KEY_PER_TYPE[type]), [
+    const title = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>translate(TITLE_KEY_PER_TYPE[variant]), [
         translate
     ]);
     const message = direction === "ltr" ? title : title.split("").reverse().join("");
@@ -1821,7 +1862,7 @@ const EmptyState = ({ className , children , type  })=>{
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_PlainTiles__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                 className: (_EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7___default().tiles),
-                color: COLORS_PER_TYPE[type],
+                color: COLORS_PER_TYPE[variant],
                 content: content
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
@@ -1890,7 +1931,7 @@ const Key = ({ children , className  })=>/*#__PURE__*/ jsx_runtime_.jsx("kbd", {
 
 /***/ }),
 
-/***/ 81434:
+/***/ 90425:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1900,363 +1941,98 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64579);
-/* harmony import */ var _Key__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(41992);
-/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(81858);
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(63873);
-/* harmony import */ var _keys__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89167);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_1__, _Sidebar__WEBPACK_IMPORTED_MODULE_3__]);
-([state__WEBPACK_IMPORTED_MODULE_1__, _Sidebar__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(77586);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
+/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(31773);
+/* harmony import */ var _Loading_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(94095);
+/* harmony import */ var _Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _PlainTiles__WEBPACK_IMPORTED_MODULE_5__]);
+([state__WEBPACK_IMPORTED_MODULE_4__, _PlainTiles__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
 
 
 
-const KeyMap = ({ className , isOpen , onClose  })=>{
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTranslate */ .qM)();
-    const config = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectConfig */ .$o);
-    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Sidebar__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
-        className: className,
-        isOpen: isOpen,
-        title: translate("keyMap"),
-        onClose: onClose,
+
+const prepareContent = (message)=>{
+    const uppercased = message.toLocaleUpperCase();
+    const parts = uppercased.split(" ");
+    return [
+        parts
+    ];
+};
+const Loading = ({ className , wave =true  })=>{
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTranslate */ .qM)();
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectLocale */ .fN);
+    const { direction  } = i18n__WEBPACK_IMPORTED_MODULE_3__/* .LOCALE_FEATURES */ .q[locale];
+    const translation = translate("common.loading");
+    const message = direction === "ltr" ? translation : translation.split("").reverse().join("");
+    const content = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>prepareContent(message), [
+        message
+    ]);
+    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default().loading), className),
         children: [
-            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Sidebar__WEBPACK_IMPORTED_MODULE_3__/* ["default"].Section */ .Z.Section, {
-                title: translate("keyMap.board-and-rack"),
-                children: [
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_4__/* .Mapping */ .v, {
-                        description: translate("keyMap.board-and-rack.navigate"),
-                        mapping: [
-                            _keys__WEBPACK_IMPORTED_MODULE_5__/* .ARROWS */ .JY
-                        ]
-                    }),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_4__/* .Mapping */ .v, {
-                        description: translate("keyMap.board-and-rack.remove-tile"),
-                        mapping: [
-                            _keys__WEBPACK_IMPORTED_MODULE_5__/* .DEL */ .fU,
-                            _keys__WEBPACK_IMPORTED_MODULE_5__/* .BACKSPACE */ .ZH
-                        ]
-                    }),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_4__/* .Mapping */ .v, {
-                        description: translate("keyMap.board-and-rack.submit"),
-                        mapping: [
-                            _keys__WEBPACK_IMPORTED_MODULE_5__/* .ENTER */ .K5
-                        ]
-                    }),
-                    config.twoCharacterTiles.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_4__/* .Mapping */ .v, {
-                        description: translate("keyMap.board-and-rack.insert-two-letter-tile"),
-                        mapping: [
-                            [
-                                _keys__WEBPACK_IMPORTED_MODULE_5__/* .CTRL */ .HF,
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
-                                    children: config.twoCharacterTiles.map(([firstLetter])=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Key__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
-                                            children: firstLetter.toUpperCase()
-                                        }, firstLetter))
-                                })
-                            ]
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Sidebar__WEBPACK_IMPORTED_MODULE_3__/* ["default"].Section */ .Z.Section, {
-                title: translate("keyMap.board"),
-                children: [
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_4__/* .Mapping */ .v, {
-                        description: translate("keyMap.board.toggle-blank"),
-                        mapping: [
-                            _keys__WEBPACK_IMPORTED_MODULE_5__/* .SPACE */ .L_,
-                            [
-                                _keys__WEBPACK_IMPORTED_MODULE_5__/* .CTRL */ .HF,
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Key__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
-                                    children: "B"
-                                }, "b")
-                            ]
-                        ]
-                    }),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_4__/* .Mapping */ .v, {
-                        description: translate("keyMap.board.toggle-direction"),
-                        mapping: [
-                            [
-                                _keys__WEBPACK_IMPORTED_MODULE_5__/* .CTRL */ .HF,
-                                _keys__WEBPACK_IMPORTED_MODULE_5__/* .ARROWS */ .JY
-                            ]
-                        ]
-                    })
-                ]
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: (_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default().dim)
             }),
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Sidebar__WEBPACK_IMPORTED_MODULE_3__/* ["default"].Section */ .Z.Section, {
-                title: translate("keyMap.rack"),
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_4__/* .Mapping */ .v, {
-                    description: translate("keyMap.rack.insert-blank"),
-                    mapping: [
-                        _keys__WEBPACK_IMPORTED_MODULE_5__/* .SPACE */ .L_
-                    ]
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: (_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default().logo),
+                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_PlainTiles__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+                    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default().tiles)),
+                    content: content,
+                    dropShadow: true,
+                    wave: wave
                 })
             })
         ]
     });
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (KeyMap);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Loading);
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 84198:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (/* reexport safe */ _Loading__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(90425);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Loading__WEBPACK_IMPORTED_MODULE_0__]);
+_Loading__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
 
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 63873:
+/***/ 2622:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "v": () => (/* reexport */ Mapping_Mapping)
+  "Z": () => (/* reexport */ Logo)
 });
 
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(20997);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(59003);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(16689);
-// EXTERNAL MODULE: ./src/components/KeyMap/components/Mapping/Mapping.module.scss
-var Mapping_module = __webpack_require__(55487);
-var Mapping_module_default = /*#__PURE__*/__webpack_require__.n(Mapping_module);
-;// CONCATENATED MODULE: ./src/components/KeyMap/components/Mapping/Mapping.tsx
-
-
-
-
-const Mapping = ({ className , description , mapping  })=>/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
-        className: external_classnames_default()((Mapping_module_default()).mapping, className),
-        children: [
-            /*#__PURE__*/ jsx_runtime_.jsx("h3", {
-                className: (Mapping_module_default()).description,
-                children: description
-            }),
-            /*#__PURE__*/ jsx_runtime_.jsx("div", {
-                className: (Mapping_module_default()).keys,
-                children: mapping.map((key, index)=>/*#__PURE__*/ (0,jsx_runtime_.jsxs)(external_react_.Fragment, {
-                        children: [
-                            /*#__PURE__*/ jsx_runtime_.jsx("div", {
-                                className: (Mapping_module_default()).group,
-                                children: Array.isArray(key) ? /*#__PURE__*/ (0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
-                                    children: [
-                                        key[0],
-                                        /*#__PURE__*/ jsx_runtime_.jsx("span", {
-                                            className: (Mapping_module_default()).plus,
-                                            children: "+"
-                                        }),
-                                        key[1]
-                                    ]
-                                }) : key
-                            }),
-                            mapping.length > 1 && index < mapping.length - 1 && /*#__PURE__*/ jsx_runtime_.jsx("span", {
-                                className: (Mapping_module_default()).slash,
-                                children: "/"
-                            })
-                        ]
-                    }, index))
-            })
-        ]
-    });
-/* harmony default export */ const Mapping_Mapping = (Mapping);
-
-;// CONCATENATED MODULE: ./src/components/KeyMap/components/Mapping/index.ts
-
-
-;// CONCATENATED MODULE: ./src/components/KeyMap/components/index.ts
-
-
-
-/***/ }),
-
-/***/ 72467:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _KeyMap__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* harmony import */ var _KeyMap__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(81434);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_KeyMap__WEBPACK_IMPORTED_MODULE_0__]);
-_KeyMap__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 89167:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "HF": () => (/* binding */ CTRL),
-/* harmony export */   "JY": () => (/* binding */ ARROWS),
-/* harmony export */   "K5": () => (/* binding */ ENTER),
-/* harmony export */   "L_": () => (/* binding */ SPACE),
-/* harmony export */   "ZH": () => (/* binding */ BACKSPACE),
-/* harmony export */   "fU": () => (/* binding */ DEL)
-/* harmony export */ });
-/* unused harmony exports ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP */
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(12374);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(95784);
-/* harmony import */ var _Key__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(41992);
-
-
-
-
-
-const ARROW_DOWN = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Key__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_2__/* .ArrowLeft */ .Xd, {})
-});
-const ARROW_LEFT = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Key__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_2__/* .ArrowUp */ .a2, {})
-});
-const ARROW_RIGHT = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Key__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_2__/* .ArrowRight */ .ol, {})
-});
-const ARROW_UP = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Key__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_2__/* .ArrowDown */ .K5, {})
-});
-const BACKSPACE = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Key__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-    children: "← Backspace"
-});
-const CTRL = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Key__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-    children: (0,lib__WEBPACK_IMPORTED_MODULE_3__/* .isMac */ .V5)() ? "⌘" : "Ctrl"
-});
-const DEL = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Key__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-    children: "Del"
-});
-const ENTER = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Key__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-    children: "Enter ⏎"
-});
-const ARROWS = /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
-    children: [
-        ARROW_DOWN,
-        ARROW_LEFT,
-        ARROW_RIGHT,
-        ARROW_UP
-    ]
-});
-const SPACE = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Key__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-    children: "␣"
-});
-
-
-/***/ }),
-
-/***/ 90425:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(77586);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(31773);
-/* harmony import */ var _Loading_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(94095);
-/* harmony import */ var _Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _PlainTiles__WEBPACK_IMPORTED_MODULE_5__]);
-([state__WEBPACK_IMPORTED_MODULE_4__, _PlainTiles__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
-
-
-
-
-
-
-const prepareContent = (message)=>{
-    const uppercased = message.toLocaleUpperCase();
-    const parts = uppercased.split(" ");
-    return [
-        parts
-    ];
-};
-const Loading = ({ className , wave =true  })=>{
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTranslate */ .qM)();
-    const locale = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectLocale */ .fN);
-    const { direction  } = i18n__WEBPACK_IMPORTED_MODULE_3__/* .LOCALE_FEATURES */ .q[locale];
-    const translation = translate("common.loading");
-    const message = direction === "ltr" ? translation : translation.split("").reverse().join("");
-    const content = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>prepareContent(message), [
-        message
-    ]);
-    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default().loading), className),
-        children: [
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default().dim)
-            }),
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default().logo),
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_PlainTiles__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-                    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default().tiles)),
-                    content: content,
-                    dropShadow: true,
-                    wave: wave
-                })
-            })
-        ]
-    });
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Loading);
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 84198:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _Loading__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(90425);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Loading__WEBPACK_IMPORTED_MODULE_0__]);
-_Loading__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 2622:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ Logo)
-});
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(16689);
-;// CONCATENATED MODULE: ./src/components/Logo/Logo.svg
-var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+;// CONCATENATED MODULE: ./src/components/Logo/Logo.svg
+var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var SvgLogo = function SvgLogo(props) {
   return /*#__PURE__*/external_react_.createElement("svg", _extends({
@@ -2361,7 +2137,66 @@ var SvgLogo = function SvgLogo(props) {
 
 /***/ }),
 
-/***/ 11636:
+/***/ 78395:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ LogoSplashScreen_LogoSplashScreen)
+});
+
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
+// EXTERNAL MODULE: external "classnames"
+var external_classnames_ = __webpack_require__(59003);
+var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
+// EXTERNAL MODULE: ./src/components/Logo/index.ts + 1 modules
+var Logo = __webpack_require__(2622);
+// EXTERNAL MODULE: ./src/components/SplashScreen/index.ts + 1 modules
+var SplashScreen = __webpack_require__(14676);
+// EXTERNAL MODULE: ./src/components/LogoSplashScreen/LogoSplashScreen.module.scss
+var LogoSplashScreen_module = __webpack_require__(55941);
+var LogoSplashScreen_module_default = /*#__PURE__*/__webpack_require__.n(LogoSplashScreen_module);
+;// CONCATENATED MODULE: ./src/components/LogoSplashScreen/LogoSplashScreen.tsx
+
+
+
+
+
+const LogoSplashScreen = ({ className , forceShow , onAnimationEnd  })=>/*#__PURE__*/ (0,jsx_runtime_.jsxs)(SplashScreen/* default */.Z, {
+        className: external_classnames_default()((LogoSplashScreen_module_default()).logoSplashScreen, className, {
+            [(LogoSplashScreen_module_default()).animated]: !forceShow
+        }),
+        onAnimationEnd: onAnimationEnd,
+        children: [
+            /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
+                className: (LogoSplashScreen_module_default()).logos,
+                children: [
+                    /*#__PURE__*/ jsx_runtime_.jsx(Logo/* default */.Z, {
+                        className: (LogoSplashScreen_module_default()).logoGrayscale
+                    }),
+                    /*#__PURE__*/ jsx_runtime_.jsx(Logo/* default */.Z, {
+                        className: (LogoSplashScreen_module_default()).logoColor
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx_runtime_.jsx("h1", {
+                className: (LogoSplashScreen_module_default()).author,
+                children: "by Kamil Mielnik"
+            })
+        ]
+    });
+/* harmony default export */ const LogoSplashScreen_LogoSplashScreen = (LogoSplashScreen);
+
+;// CONCATENATED MODULE: ./src/components/LogoSplashScreen/index.ts
+
+
+
+/***/ }),
+
+/***/ 85061:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2373,15 +2208,21 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(46230);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12374);
-/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74200);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
-/* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(86889);
-/* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(25223);
-/* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_2__, state__WEBPACK_IMPORTED_MODULE_5__, _SquareButton__WEBPACK_IMPORTED_MODULE_6__]);
-([hooks__WEBPACK_IMPORTED_MODULE_2__, state__WEBPACK_IMPORTED_MODULE_5__, _SquareButton__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(19931);
+/* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_modal__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(69755);
+/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55210);
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(74200);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64579);
+/* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(86889);
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(40265);
+/* harmony import */ var _Modal_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(55242);
+/* harmony import */ var _Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_7__, _SquareButton__WEBPACK_IMPORTED_MODULE_8__]);
+([state__WEBPACK_IMPORTED_MODULE_7__, _SquareButton__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -2390,46 +2231,233 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hook
 
 
 
-const NavButtons = ({ onClear , onShowKeyMap , onShowRemainingTiles , onShowSettings , onShowWords  })=>{
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
-    const hasOverusedTiles = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectHasOverusedTiles */ .En);
-    const hasInvalidWords = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectHasInvalidWords */ .bs);
-    const isTouchDevice = (0,hooks__WEBPACK_IMPORTED_MODULE_2__/* .useIsTouchDevice */ .YQ)();
-    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().navButtons),
-        children: [
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
-                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
-                    Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Eraser */ .Gs,
-                    tooltip: translate("common.clear"),
-                    onClick: onClear
-                })
-            }),
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().separator)
-            }),
-            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
-                children: [
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
-                        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button), {
-                            [(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().error)]: hasOverusedTiles
-                        }),
-                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Sack */ .xy,
-                        tooltip: translate("remaining-tiles"),
-                        onClick: onShowRemainingTiles
-                    }),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
-                        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button), {
-                            [(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().error)]: hasInvalidWords
-                        }),
-                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .BookHalf */ .PP,
-                        tooltip: translate("words"),
-                        onClick: onShowWords
-                    })
-                ]
+
+
+
+const Modal = ({ children , className , isOpen , title , onClose  })=>{
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTranslate */ .qM)();
+    const [shouldReturnFocusAfterClose, setShouldReturnFocusAfterClose] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(true);
+    (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useKey)("Escape", ()=>{
+        setShouldReturnFocusAfterClose(false);
+        onClose();
+    }, undefined, [
+        onClose
+    ]);
+    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(()=>{
+        if (isOpen) {
+            setShouldReturnFocusAfterClose(true);
+        }
+    }, [
+        isOpen
+    ]);
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((react_modal__WEBPACK_IMPORTED_MODULE_3___default()), {
+        className: {
+            afterOpen: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().afterOpen),
+            base: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().modal),
+            beforeClose: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().beforeClose)
+        },
+        closeTimeoutMS: parameters__WEBPACK_IMPORTED_MODULE_6__/* .TRANSITION_DURATION_LONG */ .MA,
+        contentLabel: title,
+        isOpen: isOpen,
+        overlayClassName: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().overlay),
+        shouldReturnFocusAfterClose: shouldReturnFocusAfterClose,
+        onRequestClose: onClose,
+        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+            className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().container), className),
+            children: [
+                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                    className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().header),
+                    children: [
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
+                            className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().title),
+                            children: title
+                        }),
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                            className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().closeButton),
+                            Icon: icons__WEBPACK_IMPORTED_MODULE_5__/* .CrossSquareFill */ .vK,
+                            tooltip: translate("common.close"),
+                            onClick: onClose
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                    className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().content),
+                    children: children
+                })
+            ]
+        })
+    });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Object.assign(Modal, {
+    Section: _components__WEBPACK_IMPORTED_MODULE_9__/* .Section */ .$
+}));
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 40265:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "$": () => (/* reexport */ Section_Section)
+});
+
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
+// EXTERNAL MODULE: external "classnames"
+var external_classnames_ = __webpack_require__(59003);
+var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
+// EXTERNAL MODULE: ./src/components/Modal/components/Section/Section.module.scss
+var Section_module = __webpack_require__(5406);
+var Section_module_default = /*#__PURE__*/__webpack_require__.n(Section_module);
+;// CONCATENATED MODULE: ./src/components/Modal/components/Section/Section.tsx
+
+
+
+const Section = ({ children , className , title  })=>/*#__PURE__*/ (0,jsx_runtime_.jsxs)("section", {
+        className: external_classnames_default()((Section_module_default()).section, className),
+        children: [
+            /*#__PURE__*/ jsx_runtime_.jsx("h2", {
+                className: (Section_module_default()).heading,
+                children: title
+            }),
+            /*#__PURE__*/ jsx_runtime_.jsx("div", {
+                children: children
+            })
+        ]
+    });
+/* harmony default export */ const Section_Section = (Section);
+
+;// CONCATENATED MODULE: ./src/components/Modal/components/Section/index.ts
+
+
+;// CONCATENATED MODULE: ./src/components/Modal/components/index.ts
+
+
+
+/***/ }),
+
+/***/ 85906:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85061);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Modal__WEBPACK_IMPORTED_MODULE_0__]);
+_Modal__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 11636:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(46230);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55210);
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74200);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
+/* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(86889);
+/* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(25223);
+/* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_2__, state__WEBPACK_IMPORTED_MODULE_5__, _SquareButton__WEBPACK_IMPORTED_MODULE_6__]);
+([hooks__WEBPACK_IMPORTED_MODULE_2__, state__WEBPACK_IMPORTED_MODULE_5__, _SquareButton__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
+
+
+
+
+
+
+const NavButtons = ({ onClear , onShowKeyMap , onShowMenu , onShowRemainingTiles , onShowSettings , onShowWords  })=>{
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
+    const hasOverusedTiles = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectHasOverusedTiles */ .En);
+    const hasInvalidWords = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectHasInvalidWords */ .bs);
+    const isTouchDevice = (0,hooks__WEBPACK_IMPORTED_MODULE_2__/* .useIsTouchDevice */ .YQ)();
+    const isLessThanS = (0,hooks__WEBPACK_IMPORTED_MODULE_2__/* .useMediaQuery */ .ac)("<s");
+    if (isLessThanS) {
+        return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+            className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().navButtons),
+            children: [
+                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
+                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Eraser */ .Gs,
+                        tooltip: translate("common.clear"),
+                        onClick: onClear
+                    })
+                }),
+                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().separator)
+                }),
+                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
+                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .List */ .aV,
+                        tooltip: translate("menu"),
+                        onClick: onShowMenu
+                    })
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().navButtons),
+        children: [
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
+                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
+                    Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Eraser */ .Gs,
+                    tooltip: translate("common.clear"),
+                    onClick: onClear
+                })
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().separator)
+            }),
+            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
+                children: [
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button), {
+                            [(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().error)]: hasOverusedTiles
+                        }),
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Sack */ .xy,
+                        tooltip: translate("remaining-tiles"),
+                        onClick: onShowRemainingTiles
+                    }),
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button), {
+                            [(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().error)]: hasInvalidWords
+                        }),
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .CardChecklist */ .Kz,
+                        tooltip: translate("words"),
+                        onClick: onShowWords
+                    })
+                ]
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                 className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().separator)
@@ -2505,7 +2533,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41664);
 /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(12374);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(55210);
 /* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(31773);
 /* harmony import */ var _NotFound_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8557);
 /* harmony import */ var _NotFound_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_NotFound_module_scss__WEBPACK_IMPORTED_MODULE_4__);
@@ -2816,6 +2844,72 @@ const getViewbox = (content)=>{
 
 
 
+/***/ }),
+
+/***/ 55800:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74200);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64579);
+/* harmony import */ var _Progress_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(27217);
+/* harmony import */ var _Progress_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Progress_module_scss__WEBPACK_IMPORTED_MODULE_4__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__]);
+state__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+
+
+
+
+const getGradient = (progress, color, background)=>{
+    const percent = 100 * progress;
+    return `linear-gradient(90deg, ${color} 0%, ${color} ${percent}%, ${background} ${percent}%, ${background} 100%)`;
+};
+const Progress = ({ className , max , min =0 , style , value , ...props })=>{
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectLocale */ .fN);
+    const progress = value / (max - min);
+    const percent = Math.round(100 * progress);
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+        ...props,
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Progress_module_scss__WEBPACK_IMPORTED_MODULE_4___default().progress), className),
+        style: {
+            ...style,
+            backgroundImage: getGradient(progress, parameters__WEBPACK_IMPORTED_MODULE_2__/* .PROGRESS_COLOR_VALUE */ .xZ, parameters__WEBPACK_IMPORTED_MODULE_2__/* .PROGRESS_COLOR_BACKGROUND */ .eU)
+        },
+        title: `${percent.toLocaleString(locale)}%`
+    });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Progress);
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 6465:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (/* reexport safe */ _Progress__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _Progress__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(55800);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Progress__WEBPACK_IMPORTED_MODULE_0__]);
+_Progress__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
 /***/ }),
 
 /***/ 34084:
@@ -2851,7 +2945,7 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 
-const Rack = ({ className  })=>{
+const Rack = ({ className , tileSize  })=>{
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
     const config = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectConfig */ .$o);
     const locale = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectLocale */ .fN);
@@ -2958,6 +3052,7 @@ const Rack = ({ className  })=>{
                 character: character,
                 index: index,
                 inputRef: tilesRefs[index],
+                size: tileSize,
                 tile: tile,
                 onChange: handleChange,
                 onKeyDown: handleKeyDown
@@ -2987,14 +3082,12 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95784);
-/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(74200);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64579);
-/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(57243);
-/* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(30277);
-/* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__, _Tile__WEBPACK_IMPORTED_MODULE_7__]);
-([state__WEBPACK_IMPORTED_MODULE_6__, _Tile__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
+/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(57243);
+/* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(30277);
+/* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_7__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Tile__WEBPACK_IMPORTED_MODULE_6__]);
+([state__WEBPACK_IMPORTED_MODULE_5__, _Tile__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -3003,12 +3096,12 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 
-const RackTile = ({ activeIndexRef , character , index , inputRef , tile , onChange , onKeyDown  })=>{
+const RackTile = ({ activeIndexRef , character , index , inputRef , size , tile , onChange , onKeyDown  })=>{
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTranslate */ .qM)();
-    const config = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectConfig */ .$o);
-    const points = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_6__/* .selectCharacterPoints */ .Or)(state, character));
-    const isValid = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_6__/* .selectCharacterIsValid */ .AN)(state, character));
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
+    const config = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectConfig */ .$o);
+    const points = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCharacterPoints */ .Or)(state, character));
+    const isValid = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCharacterIsValid */ .AN)(state, character));
     const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>{
         activeIndexRef.current = index;
     }, [
@@ -3021,7 +3114,7 @@ const RackTile = ({ activeIndexRef , character , index , inputRef , tile , onCha
         const characters = value ? (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .extractCharacters */ .nK)(config, value) : [
             null
         ];
-        dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .rackSlice.actions.changeCharacters */ .O_.actions.changeCharacters({
+        dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .rackSlice.actions.changeCharacters */ .O_.actions.changeCharacters({
             characters,
             index
         }));
@@ -3035,7 +3128,7 @@ const RackTile = ({ activeIndexRef , character , index , inputRef , tile , onCha
         return (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .createKeyboardNavigation */ .np)({
             onBackspace: (event)=>{
                 event.preventDefault();
-                dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .rackSlice.actions.changeCharacter */ .O_.actions.changeCharacter({
+                dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .rackSlice.actions.changeCharacter */ .O_.actions.changeCharacter({
                     character: null,
                     index
                 }));
@@ -3046,7 +3139,7 @@ const RackTile = ({ activeIndexRef , character , index , inputRef , tile , onCha
                     event.stopPropagation();
                     const twoTilesCharacter = config.getTwoCharacterTileByPrefix(event.key);
                     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                    dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .rackSlice.actions.changeCharacter */ .O_.actions.changeCharacter({
+                    dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .rackSlice.actions.changeCharacter */ .O_.actions.changeCharacter({
                         character: twoTilesCharacter,
                         index
                     }));
@@ -3058,9 +3151,9 @@ const RackTile = ({ activeIndexRef , character , index , inputRef , tile , onCha
         index,
         onKeyDown
     ]);
-    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
         autoFocus: index === 0,
-        className: (_Rack_module_scss__WEBPACK_IMPORTED_MODULE_8___default().tile),
+        className: (_Rack_module_scss__WEBPACK_IMPORTED_MODULE_7___default().tile),
         character: character === null ? undefined : character,
         highlighted: tile !== null,
         inputRef: inputRef,
@@ -3069,7 +3162,7 @@ const RackTile = ({ activeIndexRef , character , index , inputRef , tile , onCha
         placeholder: translate("rack.placeholder")[index],
         points: points,
         raised: true,
-        size: parameters__WEBPACK_IMPORTED_MODULE_5__/* .TILE_SIZE */ .I_,
+        size: size,
         tabIndex: index === 0 ? undefined : -1,
         onChange: handleChange,
         onFocus: handleFocus,
@@ -3156,7 +3249,7 @@ const Radio = ({ checked , children , className , disabled , id , name , value ,
 
 /***/ }),
 
-/***/ 37070:
+/***/ 46865:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3166,153 +3259,67 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7618);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(77586);
-/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74200);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
-/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(57243);
-/* harmony import */ var _Character_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(41415);
-/* harmony import */ var _Character_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Character_module_scss__WEBPACK_IMPORTED_MODULE_7__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Tile__WEBPACK_IMPORTED_MODULE_6__]);
-([state__WEBPACK_IMPORTED_MODULE_5__, _Tile__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
-
-
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(55210);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64579);
+/* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(48425);
+/* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_4__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__]);
+state__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
 
 
 
 
-const Character = ({ tile  })=>{
-    const locale = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectLocale */ .fN);
-    const { direction  } = i18n__WEBPACK_IMPORTED_MODULE_3__/* .LOCALE_FEATURES */ .q[locale];
-    const { character , count , usedCount  } = tile;
-    const remainingCount = count - usedCount;
-    const points = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCharacterPoints */ .Or)(state, character));
-    const current = direction === "ltr" ? remainingCount : count;
-    const total = direction === "ltr" ? count : remainingCount;
-    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Character_module_scss__WEBPACK_IMPORTED_MODULE_7___default().character), {
-            [(_Character_module_scss__WEBPACK_IMPORTED_MODULE_7___default().finished)]: remainingCount <= 0,
-            [(_Character_module_scss__WEBPACK_IMPORTED_MODULE_7___default().overused)]: remainingCount < 0
-        }),
+const ResultCandidatePicker = ({ className , ...props })=>{
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectLocale */ .fN);
+    const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectAreResultsOutdated */ .Mj);
+    const resultCandidate = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectResultCandidate */ .Xk);
+    if (!resultCandidate) {
+        return null;
+    }
+    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_4___default().resultCandidatePicker), className),
+        disabled: isOutdated,
+        type: "button",
+        ...props,
         children: [
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
-                character: character,
-                className: (_Character_module_scss__WEBPACK_IMPORTED_MODULE_7___default().tile),
-                disabled: true,
-                isBlank: character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.BLANK,
-                isValid: remainingCount >= 0,
-                points: points,
-                raised: true,
-                size: parameters__WEBPACK_IMPORTED_MODULE_4__/* .REMAINING_TILES_TILE_SIZE */ .mM
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_4___default().points),
+                children: resultCandidate.points.toLocaleString(locale)
             }),
-            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                className: (_Character_module_scss__WEBPACK_IMPORTED_MODULE_7___default().count),
-                children: [
-                    current.toLocaleString(locale),
-                    " / ",
-                    total.toLocaleString(locale)
-                ]
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_4___default().word),
+                children: resultCandidate.word
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_4___default().iconContainer),
+                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_2__/* .ChevronDown */ ._M, {
+                    className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_4___default().icon)
+                })
             })
         ]
-    }, character);
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Character);
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 33050:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(77586);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64579);
-/* harmony import */ var _Badge__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(47743);
-/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(81858);
-/* harmony import */ var _Character__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(37070);
-/* harmony import */ var _RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(95070);
-/* harmony import */ var _RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_6__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_2__, _Sidebar__WEBPACK_IMPORTED_MODULE_4__, _Character__WEBPACK_IMPORTED_MODULE_5__]);
-([state__WEBPACK_IMPORTED_MODULE_2__, _Sidebar__WEBPACK_IMPORTED_MODULE_4__, _Character__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
-
-
-
-
-
-
-const RemainingTiles = ({ className , isOpen , onClose  })=>{
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_2__/* .useTranslate */ .qM)();
-    const locale = (0,state__WEBPACK_IMPORTED_MODULE_2__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_2__/* .selectLocale */ .fN);
-    const groups = (0,state__WEBPACK_IMPORTED_MODULE_2__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_2__/* .selectRemainingTilesGroups */ .Yj);
-    const { direction  } = i18n__WEBPACK_IMPORTED_MODULE_1__/* .LOCALE_FEATURES */ .q[locale];
-    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Sidebar__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-        className: className,
-        isOpen: isOpen,
-        title: translate("remaining-tiles"),
-        onClose: onClose,
-        children: groups.map(({ remainingCount , tiles , translationKey , totalCount  })=>{
-            const current = direction === "ltr" ? remainingCount : totalCount;
-            const total = direction === "ltr" ? totalCount : remainingCount;
-            return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Sidebar__WEBPACK_IMPORTED_MODULE_4__/* ["default"].Section */ .Z.Section, {
-                title: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
-                    className: (_RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_6___default().title),
-                    children: [
-                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
-                            children: translate(translationKey)
-                        }),
-                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Badge__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
-                            className: (_RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_6___default().badge),
-                            children: [
-                                current.toLocaleString(locale),
-                                " / ",
-                                total.toLocaleString(locale)
-                            ]
-                        })
-                    ]
-                }),
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                    className: (_RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_6___default().content),
-                    children: tiles.map((tile)=>{
-                        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Character__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-                            tile: tile
-                        }, tile.character);
-                    })
-                })
-            }, translationKey);
-        })
     });
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RemainingTiles);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ResultCandidatePicker);
 
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 71524:
+/***/ 14066:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _RemainingTiles__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */   "Z": () => (/* reexport safe */ _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _RemainingTiles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33050);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_RemainingTiles__WEBPACK_IMPORTED_MODULE_0__]);
-_RemainingTiles__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+/* harmony import */ var _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(46865);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_0__]);
+_ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
 
 __webpack_async_result__();
@@ -3375,7 +3382,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6022);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12374);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55210);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
 /* harmony import */ var types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9033);
 /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7646);
@@ -3443,46 +3450,52 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77586);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64579);
-/* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(27085);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(54206);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_5__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__, _Cell__WEBPACK_IMPORTED_MODULE_4__]);
-([state__WEBPACK_IMPORTED_MODULE_3__, _Cell__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(77586);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95784);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
+/* harmony import */ var types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9033);
+/* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(27085);
+/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(54206);
+/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _useColumns__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(19970);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Cell__WEBPACK_IMPORTED_MODULE_7__, _useColumns__WEBPACK_IMPORTED_MODULE_8__]);
+([state__WEBPACK_IMPORTED_MODULE_5__, _Cell__WEBPACK_IMPORTED_MODULE_7__, _useColumns__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
 
 
 
-const Result = ({ index , style  })=>{
-    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
-    const locale = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectLocale */ .fN);
-    const { consonants , vowels  } = i18n__WEBPACK_IMPORTED_MODULE_2__/* .LOCALE_FEATURES */ .q[locale];
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    const results = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectSortedFilteredResults */ .dN);
+
+
+
+
+const Result = ({ data , index , style  })=>{
+    const { highlightedIndex , results , onBlur =lib__WEBPACK_IMPORTED_MODULE_4__/* .noop */ .ZT , onClick =lib__WEBPACK_IMPORTED_MODULE_4__/* .noop */ .ZT , onFocus =lib__WEBPACK_IMPORTED_MODULE_4__/* .noop */ .ZT , onMouseEnter =lib__WEBPACK_IMPORTED_MODULE_4__/* .noop */ .ZT , onMouseLeave =lib__WEBPACK_IMPORTED_MODULE_4__/* .noop */ .ZT  } = data;
+    const ref = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectLocale */ .fN);
+    const { consonants , vowels  } = i18n__WEBPACK_IMPORTED_MODULE_3__/* .LOCALE_FEATURES */ .q[locale];
     const result = results[index];
     const otherWords = result.words.slice(1).join(" / ").toLocaleUpperCase();
-    const handleClick = ()=>{
-        dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .resultsSlice.actions.applyResult */ ._C.actions.applyResult(result));
-    };
-    const handleMouseEnter = ()=>{
-        dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(result));
-    };
-    const handleMouseLeave = ()=>{
-        dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(null));
-    };
-    const handleFocus = ()=>{
-        dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(result));
-    };
-    const handleBlur = ()=>{
-        dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(null));
-    };
+    const columns = (0,_useColumns__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)();
+    const enabledColumns = Object.fromEntries(columns.map((column)=>[
+            column.id,
+            true
+        ]));
+    const handleClick = (event)=>onClick(result, event);
+    const handleMouseEnter = (event)=>onMouseEnter(result, event);
+    const handleMouseLeave = (event)=>onMouseLeave(result, event);
+    const handleBlur = (event)=>onBlur(result, event);
+    const handleFocus = (event)=>onFocus(result, event);
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
-        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_5___default().result),
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default().result), {
+            [(_Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default().highlighted)]: index === highlightedIndex
+        }),
+        ref: ref,
         style: style,
         type: "button",
         onBlur: handleBlur,
@@ -3491,41 +3504,41 @@ const Result = ({ index , style  })=>{
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
-            className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_5___default().resultContent),
+            className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default().resultContent),
             children: [
-                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_5___default().word),
+                enabledColumns[types__WEBPACK_IMPORTED_MODULE_6__/* .ResultColumn.Word */ .M.Word] && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default().word),
                     translationKey: "common.word",
                     value: `${result.word.toLocaleUpperCase()}${otherWords.length > 0 ? ` (${otherWords})` : ""}`
                 }),
-                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_5___default().stat),
+                enabledColumns[types__WEBPACK_IMPORTED_MODULE_6__/* .ResultColumn.TilesCount */ .M.TilesCount] && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default().stat),
                     translationKey: "common.tiles",
                     value: result.tilesCount
                 }),
-                consonants && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_5___default().stat),
+                enabledColumns[types__WEBPACK_IMPORTED_MODULE_6__/* .ResultColumn.ConsonantsCount */ .M.ConsonantsCount] && consonants && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default().stat),
                     translationKey: "common.consonants",
                     value: result.consonantsCount
                 }),
-                vowels && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_5___default().stat),
+                enabledColumns[types__WEBPACK_IMPORTED_MODULE_6__/* .ResultColumn.VowelsCount */ .M.VowelsCount] && vowels && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default().stat),
                     translationKey: "common.vowels",
                     value: result.vowelsCount
                 }),
-                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_5___default().stat),
+                enabledColumns[types__WEBPACK_IMPORTED_MODULE_6__/* .ResultColumn.BlanksCount */ .M.BlanksCount] && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default().stat),
                     translationKey: "common.blanks",
                     value: result.blanksCount
                 }),
-                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_5___default().stat),
+                enabledColumns[types__WEBPACK_IMPORTED_MODULE_6__/* .ResultColumn.WordsCount */ .M.WordsCount] && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default().stat),
                     translationKey: "common.words",
                     tooltip: `${result.wordsCount} (${result.words.join(" / ").toLocaleUpperCase()})`,
                     value: result.wordsCount
                 }),
-                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_5___default().points),
+                enabledColumns[types__WEBPACK_IMPORTED_MODULE_6__/* .ResultColumn.Points */ .M.Points] && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Cell__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                    className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default().points),
                     translationKey: "common.points",
                     value: result.points
                 })
@@ -3562,14 +3575,14 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(18681);
 /* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(84198);
 /* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(92833);
-/* harmony import */ var _getColumns__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(20747);
-/* harmony import */ var _HeaderButton__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(58748);
-/* harmony import */ var _Result__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(73975);
+/* harmony import */ var _HeaderButton__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(58748);
+/* harmony import */ var _Result__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(73975);
 /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(54206);
 /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var _SolveButton__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(21834);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__, _EmptyState__WEBPACK_IMPORTED_MODULE_7__, _Loading__WEBPACK_IMPORTED_MODULE_8__, _ResultsInput__WEBPACK_IMPORTED_MODULE_9__, _HeaderButton__WEBPACK_IMPORTED_MODULE_11__, _Result__WEBPACK_IMPORTED_MODULE_12__, _SolveButton__WEBPACK_IMPORTED_MODULE_13__]);
-([state__WEBPACK_IMPORTED_MODULE_6__, _EmptyState__WEBPACK_IMPORTED_MODULE_7__, _Loading__WEBPACK_IMPORTED_MODULE_8__, _ResultsInput__WEBPACK_IMPORTED_MODULE_9__, _HeaderButton__WEBPACK_IMPORTED_MODULE_11__, _Result__WEBPACK_IMPORTED_MODULE_12__, _SolveButton__WEBPACK_IMPORTED_MODULE_13__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var _SolveButton__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(21834);
+/* harmony import */ var _useColumns__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(19970);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__, _EmptyState__WEBPACK_IMPORTED_MODULE_7__, _Loading__WEBPACK_IMPORTED_MODULE_8__, _ResultsInput__WEBPACK_IMPORTED_MODULE_9__, _HeaderButton__WEBPACK_IMPORTED_MODULE_10__, _Result__WEBPACK_IMPORTED_MODULE_11__, _SolveButton__WEBPACK_IMPORTED_MODULE_12__, _useColumns__WEBPACK_IMPORTED_MODULE_13__]);
+([state__WEBPACK_IMPORTED_MODULE_6__, _EmptyState__WEBPACK_IMPORTED_MODULE_7__, _Loading__WEBPACK_IMPORTED_MODULE_8__, _ResultsInput__WEBPACK_IMPORTED_MODULE_9__, _HeaderButton__WEBPACK_IMPORTED_MODULE_10__, _Result__WEBPACK_IMPORTED_MODULE_11__, _SolveButton__WEBPACK_IMPORTED_MODULE_12__, _useColumns__WEBPACK_IMPORTED_MODULE_13__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -3585,78 +3598,103 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 
-const Results = ({ height , width  })=>{
-    const locale = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectLocale */ .fN);
+const Results = ({ callbacks , height , highlightedIndex , width  })=>{
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTranslate */ .qM)();
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectLocale */ .fN);
+    const { direction  } = i18n__WEBPACK_IMPORTED_MODULE_4__/* .LOCALE_FEATURES */ .q[locale];
     const allResults = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectSortedResults */ .f2);
-    const results = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectSortedFilteredResults */ .dN);
+    const filteredResults = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectSortedFilteredResults */ .dN);
+    const results = filteredResults || [];
     const isLoading = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectIsLoading */ .xU);
     const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectAreResultsOutdated */ .Mj);
     const error = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectSolveError */ .Rn);
-    const listRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
-    const columns = (0,_getColumns__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z)(i18n__WEBPACK_IMPORTED_MODULE_4__/* .LOCALE_FEATURES */ .q[locale]);
-    (0,react__WEBPACK_IMPORTED_MODULE_2__.useLayoutEffect)(()=>{
-        if (listRef.current) {
-            listRef.current.scrollTo(0, 0);
-        }
+    const itemData = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
+            ...callbacks,
+            highlightedIndex,
+            results
+        }), [
+        callbacks,
+        highlightedIndex,
+        results
+    ]);
+    const [listRef, setListRef] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null);
+    const columns = (0,_useColumns__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z)();
+    const scrollToIndex = typeof highlightedIndex === "number" ? highlightedIndex : 0;
+    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(()=>{
+        // without setTimeout, the initial scrolling offset is calculated
+        // incorrectly, as the list is not fully rendered by the browser yet
+        const timeout = globalThis.setTimeout(()=>{
+            if (listRef) {
+                listRef.scrollToItem(scrollToIndex, "center");
+            }
+        }, 0);
+        return ()=>{
+            globalThis.clearTimeout(timeout);
+        };
     }, [
         listRef,
-        results
+        scrollToIndex
     ]);
     return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
         className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().results),
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                 className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().header),
-                children: columns.map((column)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_HeaderButton__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
+                children: columns.map((column)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_HeaderButton__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
                         column: column
                     }, column.id))
             }),
             typeof error !== "undefined" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                 className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().emptyState),
-                type: "error",
+                variant: "error",
                 children: error.message
             }),
-            typeof error === "undefined" && typeof results === "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_EmptyState__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+            typeof error === "undefined" && typeof filteredResults === "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_EmptyState__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                 className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().emptyState),
-                type: "info",
+                variant: "info",
                 children: [
                     translate("results.empty-state.uninitialized"),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {})
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
+                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().solveButton)
+                    })
                 ]
             }),
-            typeof error === "undefined" && typeof results !== "undefined" && typeof allResults !== "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+            typeof error === "undefined" && typeof filteredResults !== "undefined" && typeof allResults !== "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                 children: [
                     isOutdated && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_EmptyState__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                         className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().emptyState),
-                        type: "info",
+                        variant: "info",
                         children: [
                             translate("results.empty-state.outdated"),
-                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {})
+                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
+                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().solveButton)
+                            })
                         ]
                     }),
                     !isOutdated && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                         children: [
                             allResults.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                                 className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().emptyState),
-                                type: "warning",
+                                variant: "warning",
                                 children: translate("results.empty-state.no-results")
                             }),
-                            allResults.length > 0 && results.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                            allResults.length > 0 && filteredResults.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                                 className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().emptyState),
-                                type: "info",
+                                variant: "info",
                                 children: translate("results.empty-state.no-filtered-results")
                             }),
-                            allResults.length > 0 && results.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_window__WEBPACK_IMPORTED_MODULE_3__.FixedSizeList, {
+                            allResults.length > 0 && filteredResults.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_window__WEBPACK_IMPORTED_MODULE_3__.FixedSizeList, {
                                 className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().list), {
                                     [(_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().outdated)]: isOutdated
                                 }),
-                                height: height - parameters__WEBPACK_IMPORTED_MODULE_5__/* .RESULTS_HEADER_HEIGHT */ .$L - parameters__WEBPACK_IMPORTED_MODULE_5__/* .RESULTS_INPUT_HEIGHT */ .qp,
-                                innerRef: listRef,
-                                itemCount: results.length,
+                                direction: direction,
+                                height: height - parameters__WEBPACK_IMPORTED_MODULE_5__/* .RESULTS_HEADER_HEIGHT */ .$L - parameters__WEBPACK_IMPORTED_MODULE_5__/* .RESULTS_INPUT_HEIGHT */ .qp - 2 * parameters__WEBPACK_IMPORTED_MODULE_5__/* .BORDER_WIDTH */ .YF,
+                                itemCount: filteredResults.length,
+                                itemData: itemData,
                                 itemSize: parameters__WEBPACK_IMPORTED_MODULE_5__/* .RESULTS_ITEM_HEIGHT */ .rx,
+                                ref: setListRef,
                                 width: width,
-                                children: _Result__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z
+                                children: _Result__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z
                             }),
                             allResults.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ResultsInput__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
                                 className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().input)
@@ -3688,11 +3726,9 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(12374);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(55210);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64579);
 /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(96753);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(54206);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_5__);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__, _Button__WEBPACK_IMPORTED_MODULE_4__]);
 ([state__WEBPACK_IMPORTED_MODULE_3__, _Button__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
@@ -3700,23 +3736,23 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 
-
-const SolveButton = ()=>{
+const SolveButton = ({ className  })=>{
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTranslate */ .qM)();
     const isLoading = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectIsLoading */ .xU);
     const rack = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectRack */ .QB);
     const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectAreResultsOutdated */ .Mj);
     const hasTiles = rack.some((tile)=>tile !== null);
-    const handleRefresh = ()=>{
+    const handleClick = ()=>{
         dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .solveSlice.actions.submit */ .TP.actions.submit());
     };
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_5___default().outdatedButton),
+        className: className,
         disabled: isLoading || !isOutdated || !hasTiles,
-        Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .Play */ .sh,
+        Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .Search */ .HN,
         type: "submit",
-        onClick: handleRefresh,
+        variant: "primary",
+        onClick: handleClick,
         children: translate("results.solve")
     });
 };
@@ -3727,7 +3763,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 20747:
+/***/ 40541:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3739,7 +3775,7 @@ __webpack_async_result__();
 /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_1__);
 
 
-const getColumns = (options)=>{
+const getLocaleColumns = (options)=>{
     const { consonants , vowels  } = options;
     const columns = [
         {
@@ -3782,7 +3818,7 @@ const getColumns = (options)=>{
     });
     return columns;
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getColumns);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getLocaleColumns);
 
 
 /***/ }),
@@ -3800,6 +3836,69 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Res
 _Results__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
 
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 19970:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(46230);
+/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(77586);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64579);
+/* harmony import */ var types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9033);
+/* harmony import */ var _getLocaleColumns__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(40541);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_0__, state__WEBPACK_IMPORTED_MODULE_2__]);
+([hooks__WEBPACK_IMPORTED_MODULE_0__, state__WEBPACK_IMPORTED_MODULE_2__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
+
+
+
+const COLUMNS_XS = [
+    types__WEBPACK_IMPORTED_MODULE_3__/* .ResultColumn.Word */ .M.Word,
+    types__WEBPACK_IMPORTED_MODULE_3__/* .ResultColumn.Points */ .M.Points
+];
+const COLUMNS_S = [
+    ...COLUMNS_XS,
+    types__WEBPACK_IMPORTED_MODULE_3__/* .ResultColumn.BlanksCount */ .M.BlanksCount,
+    types__WEBPACK_IMPORTED_MODULE_3__/* .ResultColumn.WordsCount */ .M.WordsCount
+];
+const COLUMNS_M = [
+    ...COLUMNS_XS
+];
+const COLUMNS_L = [
+    ...COLUMNS_XS
+];
+const useColumns = ()=>{
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_2__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_2__/* .selectLocale */ .fN);
+    const localeColumns = (0,_getLocaleColumns__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(i18n__WEBPACK_IMPORTED_MODULE_1__/* .LOCALE_FEATURES */ .q[locale]);
+    const isLessThanXs = (0,hooks__WEBPACK_IMPORTED_MODULE_0__/* .useMediaQuery */ .ac)("<xs");
+    const isLessThanS = (0,hooks__WEBPACK_IMPORTED_MODULE_0__/* .useMediaQuery */ .ac)("<s");
+    const isLessThanM = (0,hooks__WEBPACK_IMPORTED_MODULE_0__/* .useMediaQuery */ .ac)("<m");
+    const isLessThanL = (0,hooks__WEBPACK_IMPORTED_MODULE_0__/* .useMediaQuery */ .ac)("<l");
+    if (isLessThanXs) {
+        return localeColumns.filter((column)=>COLUMNS_XS.includes(column.id));
+    }
+    if (isLessThanS) {
+        return localeColumns.filter((column)=>COLUMNS_S.includes(column.id));
+    }
+    if (isLessThanM) {
+        return localeColumns.filter((column)=>COLUMNS_M.includes(column.id));
+    }
+    if (isLessThanL) {
+        return localeColumns.filter((column)=>COLUMNS_L.includes(column.id));
+    }
+    return localeColumns;
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useColumns);
+
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
@@ -3882,14 +3981,14 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 32359:
+/***/ 77843:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ Screen_Screen)
+  "Z": () => (/* reexport */ Sizer_Sizer)
 });
 
 // EXTERNAL MODULE: external "react/jsx-runtime"
@@ -3897,85 +3996,30 @@ var jsx_runtime_ = __webpack_require__(20997);
 // EXTERNAL MODULE: external "classnames"
 var external_classnames_ = __webpack_require__(59003);
 var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: ./src/components/Screen/Screen.module.scss
-var Screen_module = __webpack_require__(65445);
-var Screen_module_default = /*#__PURE__*/__webpack_require__.n(Screen_module);
-;// CONCATENATED MODULE: ./src/components/Screen/Screen.tsx
-
-
-
-const Screen = ({ children , className , contentClassName , onAnimationEnd  })=>/*#__PURE__*/ jsx_runtime_.jsx("div", {
-        className: external_classnames_default()((Screen_module_default()).screen, className),
-        onAnimationEnd: onAnimationEnd,
-        children: /*#__PURE__*/ jsx_runtime_.jsx("div", {
-            className: external_classnames_default()((Screen_module_default()).content, contentClassName),
-            children: children
-        })
-    });
-/* harmony default export */ const Screen_Screen = (Screen);
-
-;// CONCATENATED MODULE: ./src/components/Screen/index.ts
-
-
-
-/***/ }),
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(16689);
+// EXTERNAL MODULE: ./src/components/Sizer/Sizer.module.scss
+var Sizer_module = __webpack_require__(23826);
+var Sizer_module_default = /*#__PURE__*/__webpack_require__.n(Sizer_module);
+;// CONCATENATED MODULE: ./src/components/Sizer/Sizer.tsx
 
-/***/ 28300:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64579);
-/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(81858);
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(63840);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_1__, _Sidebar__WEBPACK_IMPORTED_MODULE_2__, _components__WEBPACK_IMPORTED_MODULE_3__]);
-([state__WEBPACK_IMPORTED_MODULE_1__, _Sidebar__WEBPACK_IMPORTED_MODULE_2__, _components__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
+const Sizer = /*#__PURE__*/ (0,external_react_.forwardRef)(({ className , ...props }, ref)=>/*#__PURE__*/ jsx_runtime_.jsx("div", {
+        className: external_classnames_default()((Sizer_module_default()).sizer, className),
+        ref: ref,
+        ...props
+    }));
+/* harmony default export */ const Sizer_Sizer = (Sizer);
 
+;// CONCATENATED MODULE: ./src/components/Sizer/index.ts
 
-const Settings = ({ className , isOpen , onClose  })=>{
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTranslate */ .qM)();
-    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Sidebar__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
-        className: className,
-        isOpen: isOpen,
-        title: translate("settings"),
-        onClose: onClose,
-        children: [
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Sidebar__WEBPACK_IMPORTED_MODULE_2__/* ["default"].Section */ .Z.Section, {
-                title: translate("settings.game"),
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_3__/* .ConfigSetting */ .DG, {
-                    disabled: !isOpen
-                })
-            }),
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Sidebar__WEBPACK_IMPORTED_MODULE_2__/* ["default"].Section */ .Z.Section, {
-                title: translate("settings.language"),
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_3__/* .LocaleSetting */ .YR, {
-                    disabled: !isOpen
-                })
-            }),
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Sidebar__WEBPACK_IMPORTED_MODULE_2__/* ["default"].Section */ .Z.Section, {
-                title: translate("settings.autoGroupTiles"),
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_3__/* .AutoGroupTilesSetting */ .gy, {
-                    disabled: !isOpen
-                })
-            })
-        ]
-    });
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Settings);
 
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 20847:
+/***/ 82306:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3985,220 +4029,255 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64579);
-/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(84985);
-/* harmony import */ var _AutoGroupTilesSetting_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(11130);
-/* harmony import */ var _AutoGroupTilesSetting_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_AutoGroupTilesSetting_module_scss__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(92783);
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(85053);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_2__]);
-state__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
-
-
-
-
-
-const AutoGroupTilesSetting = ({ className , disabled  })=>{
-    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_2__/* .useTranslate */ .qM)();
-    const value = (0,state__WEBPACK_IMPORTED_MODULE_2__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_2__/* .selectAutoGroupTiles */ .uz);
-    const options = [
-        {
-            label: translate("settings.autoGroupTiles.left"),
-            value: "left"
-        },
-        {
-            label: translate("settings.autoGroupTiles.right"),
-            value: "right"
-        },
-        {
-            label: translate("settings.autoGroupTiles.null"),
-            value: _constants__WEBPACK_IMPORTED_MODULE_4__/* .NULL_VALUE */ .I
-        }
-    ];
-    const handleChange = (event)=>{
-        const autoGroupTiles = (0,_lib__WEBPACK_IMPORTED_MODULE_5__/* .parseValue */ .H)(event.target.value);
-        dispatch(state__WEBPACK_IMPORTED_MODULE_2__/* .settingsSlice.actions.changeAutoGroupTiles */ .xj.actions.changeAutoGroupTiles(autoGroupTiles));
-    };
-    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-        className: className,
-        children: options.map((option)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Radio__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
-                checked: value === (0,_lib__WEBPACK_IMPORTED_MODULE_5__/* .parseValue */ .H)(option.value),
-                className: (_AutoGroupTilesSetting_module_scss__WEBPACK_IMPORTED_MODULE_6___default().option),
-                disabled: disabled,
-                id: "autoGroupTiles",
-                name: "autoGroupTiles",
-                value: option.value,
-                onChange: handleChange,
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                    className: (_AutoGroupTilesSetting_module_scss__WEBPACK_IMPORTED_MODULE_6___default().label),
-                    children: option.label
-                })
-            }, option.value))
-    });
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AutoGroupTilesSetting);
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(69755);
+/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(46230);
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(74200);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64579);
+/* harmony import */ var _Board__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(8511);
+/* harmony import */ var _Dictionary__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(62166);
+/* harmony import */ var _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(40105);
+/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(30007);
+/* harmony import */ var _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(14066);
+/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(21678);
+/* harmony import */ var _Well__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(34473);
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(51639);
+/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(90375);
+/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_8__, _Dictionary__WEBPACK_IMPORTED_MODULE_9__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__, _Rack__WEBPACK_IMPORTED_MODULE_11__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_12__, _Results__WEBPACK_IMPORTED_MODULE_13__, _components__WEBPACK_IMPORTED_MODULE_15__]);
+([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_8__, _Dictionary__WEBPACK_IMPORTED_MODULE_9__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__, _Rack__WEBPACK_IMPORTED_MODULE_11__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_12__, _Results__WEBPACK_IMPORTED_MODULE_13__, _components__WEBPACK_IMPORTED_MODULE_15__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
-/***/ }),
 
-/***/ 92783:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "I": () => (/* binding */ NULL_VALUE)
-/* harmony export */ });
-const NULL_VALUE = "null";
 
 
-/***/ }),
 
-/***/ 33848:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _AutoGroupTilesSetting__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* harmony import */ var _AutoGroupTilesSetting__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20847);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_AutoGroupTilesSetting__WEBPACK_IMPORTED_MODULE_0__]);
-_AutoGroupTilesSetting__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
 
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
 
-/***/ }),
 
-/***/ 85053:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "H": () => (/* binding */ parseValue)
-/* harmony export */ });
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(92783);
 
-const parseValue = (value)=>{
-    if (value === "left" || value === "right") {
-        return value;
-    }
-    if (value === _constants__WEBPACK_IMPORTED_MODULE_0__/* .NULL_VALUE */ .I) {
-        return null;
-    }
-    throw new Error(`"${value}" is not valid. Should be "left", "right", or "${_constants__WEBPACK_IMPORTED_MODULE_0__/* .NULL_VALUE */ .I}"`);
-};
 
 
-/***/ }),
 
-/***/ 28635:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64579);
-/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(84985);
-/* harmony import */ var _ConfigSetting_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(61909);
-/* harmony import */ var _ConfigSetting_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_ConfigSetting_module_scss__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _options__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29366);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_2__]);
-state__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
-
-
-
-
-const ConfigSetting = ({ className , disabled  })=>{
-    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
-    const configId = (0,state__WEBPACK_IMPORTED_MODULE_2__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_2__/* .selectConfigId */ .md);
-    const handleChange = (event)=>{
-        dispatch(state__WEBPACK_IMPORTED_MODULE_2__/* .settingsSlice.actions.changeConfigId */ .xj.actions.changeConfigId(event.target.value));
+// eslint-disable-next-line max-statements
+const Solver = ({ className , height , width , onShowResults  })=>{
+    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTranslate */ .qM)();
+    const isTouchDevice = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useIsTouchDevice */ .YQ)();
+    const [bottomContainerRef, { height: bottomContainerHeight  }] = (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useMeasure)();
+    const [resultsContainerRef, { width: resultsContainerWidth  }] = (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useMeasure)();
+    const isLessThanXl = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useMediaQuery */ .ac)("<xl");
+    const isLessThanL = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useMediaQuery */ .ac)("<l");
+    const componentsSpacing = isLessThanXl ? parameters__WEBPACK_IMPORTED_MODULE_6__/* .COMPONENTS_SPACING_SMALL */ .op : parameters__WEBPACK_IMPORTED_MODULE_6__/* .COMPONENTS_SPACING */ .tr;
+    const maxBoardWidth = width - resultsContainerWidth - (isLessThanL ? 0 : componentsSpacing) - 2 * componentsSpacing;
+    const maxBoardHeight = Math.max(height - bottomContainerHeight, isLessThanL ? 0 : parameters__WEBPACK_IMPORTED_MODULE_6__/* .COLUMN_MIN_HEIGHT */ .z);
+    const config = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectConfig */ .$o);
+    const resultCandidate = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectResultCandidate */ .Xk);
+    const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectAreResultsOutdated */ .Mj);
+    const allResults = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectSortedResults */ .f2);
+    const error = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectSolveError */ .Rn);
+    const results = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectSortedFilteredResults */ .dN);
+    const [bestResult] = results || [];
+    const cellWidth = (maxBoardWidth - (config.boardWidth + 1) * parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF) / config.boardWidth;
+    const cellHeight = (maxBoardHeight - (config.boardHeight + 1) * parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF) / config.boardHeight;
+    const cellSize = Math.min(cellWidth, cellHeight);
+    const cellSizeSafe = Math.min(Math.max(cellSize, parameters__WEBPACK_IMPORTED_MODULE_6__/* .BOARD_TILE_SIZE_MIN */ .oj), parameters__WEBPACK_IMPORTED_MODULE_6__/* .BOARD_TILE_SIZE_MAX */ .Kw);
+    const tileSize = Math.min((maxBoardWidth - 2 * parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF) / config.maximumCharactersCount, parameters__WEBPACK_IMPORTED_MODULE_6__/* .RACK_TILE_SIZE_MAX */ .$M);
+    const boardSize = (cellSizeSafe + parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF) * Math.max(config.boardWidth, config.boardHeight) + parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF;
+    const resultsHeight = boardSize - parameters__WEBPACK_IMPORTED_MODULE_6__/* .DICTIONARY_HEIGHT */ .n6 - componentsSpacing - 4 * parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF;
+    const maxControlsWidth = tileSize * config.maximumCharactersCount + 2 * parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF;
+    const touchCallbacks = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
+            onClick: (result)=>{
+                const isSelected = result === resultCandidate;
+                if (isSelected) {
+                    dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.applyResult */ ._C.actions.applyResult(result));
+                } else {
+                    dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(result));
+                }
+            }
+        }), [
+        dispatch,
+        resultCandidate
+    ]);
+    const mouseCallbacks = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
+            onBlur: ()=>{
+                dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(null));
+            },
+            onClick: (result)=>{
+                dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.applyResult */ ._C.actions.applyResult(result));
+            },
+            onFocus: (result)=>{
+                dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(result));
+            },
+            onMouseEnter: (result)=>{
+                dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(result));
+            },
+            onMouseLeave: ()=>{
+                dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(null));
+            }
+        }), [
+        dispatch
+    ]);
+    const callbacks = isTouchDevice ? touchCallbacks : mouseCallbacks;
+    const handleSubmit = (event)=>{
+        event.preventDefault();
+        if (isLessThanL) {
+            onShowResults();
+        }
+        dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .solveSlice.actions.submit */ .TP.actions.submit());
     };
-    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-        className: className,
-        children: _options__WEBPACK_IMPORTED_MODULE_4__/* ["default"].map */ .Z.map((option)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Radio__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
-                checked: configId === option.value,
-                className: (_ConfigSetting_module_scss__WEBPACK_IMPORTED_MODULE_5___default().option),
-                disabled: disabled,
-                id: "configId",
-                name: "configId",
-                value: option.value,
-                onChange: handleChange,
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                    className: (_ConfigSetting_module_scss__WEBPACK_IMPORTED_MODULE_5___default().label),
-                    children: option.label
+    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(()=>{
+        if (bestResult) {
+            dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(bestResult));
+        }
+    }, [
+        bestResult,
+        dispatch
+    ]);
+    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().solver), className),
+        children: [
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().container),
+                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().content),
+                    children: [
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().boardContainer),
+                            onSubmit: handleSubmit,
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Board__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                                    cellSize: cellSizeSafe,
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().board)
+                                }),
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().submitInput),
+                                    tabIndex: -1,
+                                    type: "submit"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().column),
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Well__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().resultsContainer),
+                                    ref: resultsContainerRef,
+                                    children: resultsContainerWidth > 0 && resultsHeight > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Results__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
+                                        callbacks: callbacks,
+                                        height: resultsHeight,
+                                        width: resultsContainerWidth
+                                    })
+                                }),
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Well__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {
+                                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                        className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().dictionary),
+                                        style: {
+                                            height: parameters__WEBPACK_IMPORTED_MODULE_6__/* .DICTIONARY_HEIGHT */ .n6
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Dictionary__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
+                                                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().dictionaryOutput)
+                                            }),
+                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DictionaryInput__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
+                                                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().dictionaryInput)
+                                            })
+                                        ]
+                                    })
+                                })
+                            ]
+                        })
+                    ]
                 })
-            }, option.value))
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().bottomContainer),
+                ref: bottomContainerRef,
+                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().bottomContent),
+                    children: [
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().rackContainer),
+                            onSubmit: handleSubmit,
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Rack__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().rack),
+                                    tileSize: tileSize
+                                }),
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().submitInput),
+                                    tabIndex: -1,
+                                    type: "submit"
+                                })
+                            ]
+                        }),
+                        isLessThanL && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().controls),
+                            style: {
+                                maxWidth: maxControlsWidth
+                            },
+                            children: [
+                                typeof error !== "undefined" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_15__/* .EmptyState */ .ub, {
+                                    variant: "error",
+                                    onClick: onShowResults,
+                                    children: error.message
+                                }),
+                                typeof error === "undefined" && typeof results === "undefined" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_15__/* .EmptyState */ .ub, {
+                                    variant: "info",
+                                    onClick: onShowResults,
+                                    children: translate("results.empty-state.uninitialized")
+                                }),
+                                typeof error === "undefined" && typeof results !== "undefined" && typeof allResults !== "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+                                    children: [
+                                        (isOutdated || !resultCandidate) && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_15__/* .EmptyState */ .ub, {
+                                            variant: "info",
+                                            onClick: onShowResults,
+                                            children: translate("results.empty-state.outdated")
+                                        }),
+                                        !isOutdated && allResults.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_15__/* .EmptyState */ .ub, {
+                                            variant: "warning",
+                                            onClick: onShowResults,
+                                            children: translate("results.empty-state.no-results")
+                                        }),
+                                        !isOutdated && allResults.length > 0 && resultCandidate && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
+                                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().resultCandidatePicker),
+                                            onClick: onShowResults
+                                        })
+                                    ]
+                                }),
+                                allResults && allResults.length > 0 && !isOutdated && resultCandidate && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_15__/* .ApplyButton */ .VD, {
+                                    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().submit), (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().apply))
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            isTouchDevice && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_15__/* .SolveButton */ .ly, {
+                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().solve),
+                onClick: handleSubmit
+            })
+        ]
     });
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ConfigSetting);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Solver);
 
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 53733:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _ConfigSetting__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* harmony import */ var _ConfigSetting__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28635);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ConfigSetting__WEBPACK_IMPORTED_MODULE_0__]);
-_ConfigSetting__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 29366:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _scrabble_solver_configs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(89418);
-/* harmony import */ var _scrabble_solver_configs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_scrabble_solver_configs__WEBPACK_IMPORTED_MODULE_0__);
-
-const options = [
-    {
-        label: _scrabble_solver_configs__WEBPACK_IMPORTED_MODULE_0__.scrabble.name,
-        value: _scrabble_solver_configs__WEBPACK_IMPORTED_MODULE_0__.scrabble.id
-    },
-    {
-        label: _scrabble_solver_configs__WEBPACK_IMPORTED_MODULE_0__.literaki.name,
-        value: _scrabble_solver_configs__WEBPACK_IMPORTED_MODULE_0__.literaki.id
-    }
-];
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);
-
-
-/***/ }),
-
-/***/ 65209:
+/***/ 43004:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4208,75 +4287,57 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6022);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(55210);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64579);
-/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(84985);
-/* harmony import */ var _LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(81471);
-/* harmony import */ var _LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _options__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(81691);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__]);
-state__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(96753);
+/* harmony import */ var _ApplyButton_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(36456);
+/* harmony import */ var _ApplyButton_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_ApplyButton_module_scss__WEBPACK_IMPORTED_MODULE_5__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__, _Button__WEBPACK_IMPORTED_MODULE_4__]);
+([state__WEBPACK_IMPORTED_MODULE_3__, _Button__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
 
 
 
-const LocaleSetting = ({ className , disabled  })=>{
-    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useDispatch)();
-    const locale = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectLocale */ .fN);
-    const handleChange = (event)=>{
-        const newLocale = event.target.value;
-        dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .settingsSlice.actions.changeLocale */ .xj.actions.changeLocale(newLocale));
+const ApplyButton = ({ className  })=>{
+    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
+    const resultCandidate = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectResultCandidate */ .Xk);
+    const handleClick = ()=>{
+        if (resultCandidate) {
+            dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .resultsSlice.actions.applyResult */ ._C.actions.applyResult(resultCandidate));
+        }
     };
-    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
         className: className,
-        children: _options__WEBPACK_IMPORTED_MODULE_5__/* ["default"].map */ .Z.map(({ Icon , ...option })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Radio__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-                checked: locale === option.value,
-                className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_6___default().option), className, {
-                    [(_LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_6___default().checked)]: locale === option.value
-                }),
-                disabled: disabled,
-                id: "locale",
-                name: "locale",
-                value: option.value,
-                onChange: handleChange,
-                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
-                    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_6___default().label), option.className),
-                    children: [
-                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(Icon, {
-                            className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_6___default().flag), option.className)
-                        }),
-                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
-                            children: option.label
-                        })
-                    ]
-                })
-            }, option.value))
+        disabled: !resultCandidate,
+        Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .Check */ .Jr,
+        iconClassName: (_ApplyButton_module_scss__WEBPACK_IMPORTED_MODULE_5___default().icon),
+        type: "submit",
+        variant: "primary",
+        onClick: handleClick
     });
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LocaleSetting);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ApplyButton);
 
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 51476:
+/***/ 13326:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _LocaleSetting__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */   "Z": () => (/* reexport safe */ _ApplyButton__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _LocaleSetting__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(65209);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_LocaleSetting__WEBPACK_IMPORTED_MODULE_0__]);
-_LocaleSetting__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+/* harmony import */ var _ApplyButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43004);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ApplyButton__WEBPACK_IMPORTED_MODULE_0__]);
+_ApplyButton__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
 
 __webpack_async_result__();
@@ -4284,120 +4345,68 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 81691:
+/***/ 43939:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(34046);
-/* harmony import */ var _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_scrabble_solver_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12374);
-/* harmony import */ var _LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(81471);
-/* harmony import */ var _LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-const options = [
-    {
-        className: (_LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_2___default().gb),
-        Icon: icons__WEBPACK_IMPORTED_MODULE_1__/* .FlagGb */ .eP,
-        label: "English (GB)",
-        name: "English (GB)",
-        value: _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_0__.Locale.EN_GB
-    },
-    {
-        className: (_LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_2___default().us),
-        Icon: icons__WEBPACK_IMPORTED_MODULE_1__/* .FlagUs */ .YK,
-        label: "English (US)",
-        name: "English (US)",
-        value: _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_0__.Locale.EN_US
-    },
-    {
-        className: (_LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_2___default().fa),
-        Icon: icons__WEBPACK_IMPORTED_MODULE_1__/* .FlagFa */ .$M,
-        label: "فارسی",
-        name: "Persian",
-        value: _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_0__.Locale.FA_IR
-    },
-    {
-        className: (_LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_2___default().fr),
-        Icon: icons__WEBPACK_IMPORTED_MODULE_1__/* .FlagFr */ .OV,
-        label: "Fran\xe7ais",
-        name: "French",
-        value: _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_0__.Locale.FR_FR
-    },
-    {
-        className: (_LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_2___default().de),
-        Icon: icons__WEBPACK_IMPORTED_MODULE_1__/* .FlagDe */ .rV,
-        label: "Deutsch",
-        name: "German",
-        value: _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_0__.Locale.DE_DE
-    },
-    {
-        className: (_LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_2___default().pl),
-        Icon: icons__WEBPACK_IMPORTED_MODULE_1__/* .FlagPl */ .fd,
-        label: "Polski",
-        name: "Polish",
-        value: _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_0__.Locale.PL_PL
-    },
-    {
-        className: (_LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_2___default().es),
-        Icon: icons__WEBPACK_IMPORTED_MODULE_1__/* .FlagEs */ .d,
-        label: "Espa\xf1ol",
-        name: "Spanish",
-        value: _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_0__.Locale.ES_ES
-    }
-].sort((a, b)=>a.name.localeCompare(b.name));
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);
-
-
-/***/ }),
-
-/***/ 63840:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "DG": () => (/* reexport safe */ _ConfigSetting__WEBPACK_IMPORTED_MODULE_1__.Z),
-/* harmony export */   "YR": () => (/* reexport safe */ _LocaleSetting__WEBPACK_IMPORTED_MODULE_2__.Z),
-/* harmony export */   "gy": () => (/* reexport safe */ _AutoGroupTilesSetting__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* harmony import */ var _AutoGroupTilesSetting__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33848);
-/* harmony import */ var _ConfigSetting__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53733);
-/* harmony import */ var _LocaleSetting__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(51476);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_AutoGroupTilesSetting__WEBPACK_IMPORTED_MODULE_0__, _ConfigSetting__WEBPACK_IMPORTED_MODULE_1__, _LocaleSetting__WEBPACK_IMPORTED_MODULE_2__]);
-([_AutoGroupTilesSetting__WEBPACK_IMPORTED_MODULE_0__, _ConfigSetting__WEBPACK_IMPORTED_MODULE_1__, _LocaleSetting__WEBPACK_IMPORTED_MODULE_2__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ EmptyState_EmptyState)
+});
 
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
+// EXTERNAL MODULE: external "classnames"
+var external_classnames_ = __webpack_require__(59003);
+var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
+// EXTERNAL MODULE: ./src/icons/index.ts + 35 modules
+var icons = __webpack_require__(55210);
+// EXTERNAL MODULE: ./src/components/Solver/components/EmptyState/EmptyState.module.scss
+var EmptyState_module = __webpack_require__(74048);
+var EmptyState_module_default = /*#__PURE__*/__webpack_require__.n(EmptyState_module);
+;// CONCATENATED MODULE: ./src/components/Solver/components/EmptyState/EmptyState.tsx
 
 
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
 
-/***/ }),
 
-/***/ 10831:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
+const ICON_PER_TYPE = {
+    error: icons/* CrossCircleFill */.Gw,
+    info: icons/* InfoCircleFill */.UT,
+    warning: icons/* ExclamationTriangleFill */.x_
+};
+const EmptyState = ({ children , className , variant , ...props })=>{
+    const Icon = ICON_PER_TYPE[variant];
+    return /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
+        className: external_classnames_default()((EmptyState_module_default()).emptyState, className, {
+            [(EmptyState_module_default()).error]: variant === "error",
+            [(EmptyState_module_default()).info]: variant === "info",
+            [(EmptyState_module_default()).warning]: variant === "warning"
+        }),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx_runtime_.jsx("div", {
+                className: (EmptyState_module_default()).iconContainer,
+                children: /*#__PURE__*/ jsx_runtime_.jsx(Icon, {
+                    className: (EmptyState_module_default()).icon
+                })
+            }),
+            /*#__PURE__*/ jsx_runtime_.jsx("div", {
+                className: (EmptyState_module_default()).content,
+                children: children
+            })
+        ]
+    });
+};
+/* harmony default export */ const EmptyState_EmptyState = (EmptyState);
 
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _Settings__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* harmony import */ var _Settings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28300);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Settings__WEBPACK_IMPORTED_MODULE_0__]);
-_Settings__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+;// CONCATENATED MODULE: ./src/components/Solver/components/EmptyState/index.ts
 
 
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 29080:
+/***/ 96662:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4409,151 +4418,62 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(19931);
-/* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_modal__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(69755);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12374);
-/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(74200);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64579);
-/* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(86889);
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(99935);
-/* harmony import */ var _Sidebar_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(63936);
-/* harmony import */ var _Sidebar_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_Sidebar_module_scss__WEBPACK_IMPORTED_MODULE_10__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_7__, _SquareButton__WEBPACK_IMPORTED_MODULE_8__]);
-([state__WEBPACK_IMPORTED_MODULE_7__, _SquareButton__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
-
-
-
-
-
-
-
-
-
-
-const Sidebar = ({ children , className , isOpen , title , onClose  })=>{
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTranslate */ .qM)();
-    const [shouldReturnFocusAfterClose, setShouldReturnFocusAfterClose] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(true);
-    (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useKey)("Escape", ()=>{
-        setShouldReturnFocusAfterClose(false);
-        onClose();
-    }, undefined, [
-        onClose
-    ]);
-    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(()=>{
-        if (isOpen) {
-            setShouldReturnFocusAfterClose(true);
-        }
-    }, [
-        isOpen
-    ]);
-    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((react_modal__WEBPACK_IMPORTED_MODULE_3___default()), {
-        className: {
-            afterOpen: (_Sidebar_module_scss__WEBPACK_IMPORTED_MODULE_10___default().afterOpen),
-            base: (_Sidebar_module_scss__WEBPACK_IMPORTED_MODULE_10___default().modal),
-            beforeClose: (_Sidebar_module_scss__WEBPACK_IMPORTED_MODULE_10___default().beforeClose)
-        },
-        closeTimeoutMS: parameters__WEBPACK_IMPORTED_MODULE_6__/* .TRANSITION_DURATION_LONG */ .MA,
-        contentLabel: title,
-        isOpen: isOpen,
-        overlayClassName: (_Sidebar_module_scss__WEBPACK_IMPORTED_MODULE_10___default().overlay),
-        shouldReturnFocusAfterClose: shouldReturnFocusAfterClose,
-        onRequestClose: onClose,
-        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-            className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Sidebar_module_scss__WEBPACK_IMPORTED_MODULE_10___default().sidebar), className),
-            children: [
-                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                    className: (_Sidebar_module_scss__WEBPACK_IMPORTED_MODULE_10___default().header),
-                    children: [
-                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
-                            className: (_Sidebar_module_scss__WEBPACK_IMPORTED_MODULE_10___default().title),
-                            children: title
-                        }),
-                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
-                            className: (_Sidebar_module_scss__WEBPACK_IMPORTED_MODULE_10___default().closeButton),
-                            Icon: icons__WEBPACK_IMPORTED_MODULE_5__/* .CrossFill */ .ME,
-                            tooltip: translate("common.close"),
-                            onClick: onClose
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                    className: (_Sidebar_module_scss__WEBPACK_IMPORTED_MODULE_10___default().content),
-                    children: children
-                })
-            ]
-        })
-    });
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Object.assign(Sidebar, {
-    Section: _components__WEBPACK_IMPORTED_MODULE_9__/* .Section */ .$
-}));
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6022);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55210);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95784);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(96753);
+/* harmony import */ var _SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(61077);
+/* harmony import */ var _SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__]);
+([state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
 
-/***/ }),
 
-/***/ 99935:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "$": () => (/* reexport */ Section_Section)
-});
 
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(20997);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(59003);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: ./src/components/Sidebar/components/Section/Section.module.scss
-var Section_module = __webpack_require__(19812);
-var Section_module_default = /*#__PURE__*/__webpack_require__.n(Section_module);
-;// CONCATENATED MODULE: ./src/components/Sidebar/components/Section/Section.tsx
 
 
-
-const Section = ({ children , className , title  })=>/*#__PURE__*/ (0,jsx_runtime_.jsxs)("section", {
-        className: external_classnames_default()((Section_module_default()).section, className),
-        children: [
-            /*#__PURE__*/ jsx_runtime_.jsx("h2", {
-                className: (Section_module_default()).heading,
-                children: title
-            }),
-            /*#__PURE__*/ jsx_runtime_.jsx("div", {
-                children: children
-            })
-        ]
+const SolveButton = ({ className , onClick =lib__WEBPACK_IMPORTED_MODULE_4__/* .noop */ .ZT  })=>{
+    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useDispatch)();
+    const isLoading = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectIsLoading */ .xU);
+    const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectAreResultsOutdated */ .Mj);
+    const rack = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectRack */ .QB);
+    const hasTiles = rack.some((tile)=>tile !== null);
+    const handleClick = (event)=>{
+        dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .solveSlice.actions.submit */ .TP.actions.submit());
+        onClick(event);
+    };
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7___default().solveButton), className),
+        disabled: isLoading || !isOutdated || !hasTiles,
+        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Search */ .HN,
+        iconClassName: (_SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7___default().icon),
+        type: "submit",
+        variant: "primary",
+        onClick: handleClick
     });
-/* harmony default export */ const Section_Section = (Section);
-
-;// CONCATENATED MODULE: ./src/components/Sidebar/components/Section/index.ts
-
-
-;// CONCATENATED MODULE: ./src/components/Sidebar/components/index.ts
-
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SolveButton);
 
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
 
 /***/ }),
 
-/***/ 81858:
+/***/ 89797:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _Sidebar__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */   "Z": () => (/* reexport safe */ _SolveButton__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(29080);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Sidebar__WEBPACK_IMPORTED_MODULE_0__]);
-_Sidebar__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+/* harmony import */ var _SolveButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96662);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_SolveButton__WEBPACK_IMPORTED_MODULE_0__]);
+_SolveButton__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
 
 __webpack_async_result__();
@@ -4561,143 +4481,25 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 82306:
+/***/ 51639:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   "VD": () => (/* reexport safe */ _ApplyButton__WEBPACK_IMPORTED_MODULE_0__.Z),
+/* harmony export */   "ly": () => (/* reexport safe */ _SolveButton__WEBPACK_IMPORTED_MODULE_2__.Z),
+/* harmony export */   "ub": () => (/* reexport safe */ _EmptyState__WEBPACK_IMPORTED_MODULE_1__.Z)
 /* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6022);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(69755);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(46230);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(95784);
-/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(74200);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64579);
-/* harmony import */ var _Board__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(8511);
-/* harmony import */ var _Dictionary__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(62166);
-/* harmony import */ var _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(40105);
-/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(30007);
-/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(21678);
-/* harmony import */ var _Well__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(34473);
-/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(90375);
-/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_8__, _Dictionary__WEBPACK_IMPORTED_MODULE_9__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__, _Rack__WEBPACK_IMPORTED_MODULE_11__, _Results__WEBPACK_IMPORTED_MODULE_12__]);
-([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_8__, _Dictionary__WEBPACK_IMPORTED_MODULE_9__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__, _Rack__WEBPACK_IMPORTED_MODULE_11__, _Results__WEBPACK_IMPORTED_MODULE_12__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
-
-
-
-
-
-
-
+/* harmony import */ var _ApplyButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13326);
+/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43939);
+/* harmony import */ var _SolveButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(89797);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ApplyButton__WEBPACK_IMPORTED_MODULE_0__, _SolveButton__WEBPACK_IMPORTED_MODULE_2__]);
+([_ApplyButton__WEBPACK_IMPORTED_MODULE_0__, _SolveButton__WEBPACK_IMPORTED_MODULE_2__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
 
-
-
-
-const Solver = ({ className  })=>{
-    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useDispatch)();
-    const isTablet = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .useIsTablet */ .Av)();
-    const [boardRef, { height: boardHeight  }] = (0,react_use__WEBPACK_IMPORTED_MODULE_3__.useMeasure)();
-    const [contentRef, { height: contentHeight , width: contentWidth  }] = (0,react_use__WEBPACK_IMPORTED_MODULE_3__.useMeasure)();
-    const [resultsContainerRef, { height: resultsContainerHeight , width: resultsContainerWidth  }] = (0,react_use__WEBPACK_IMPORTED_MODULE_3__.useMeasure)();
-    const config = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectConfig */ .$o);
-    const cellSize = (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .getCellSize */ .Dz)(config, contentWidth - resultsContainerWidth, contentHeight);
-    const componentsSpacing = isTablet ? parameters__WEBPACK_IMPORTED_MODULE_6__/* .COMPONENTS_SPACING_MOBILE */ .Sg : parameters__WEBPACK_IMPORTED_MODULE_6__/* .COMPONENTS_SPACING */ .tr;
-    const resultsHeight = boardHeight - parameters__WEBPACK_IMPORTED_MODULE_6__/* .DICTIONARY_HEIGHT */ .n6 - componentsSpacing;
-    const handleSubmit = (event)=>{
-        event.preventDefault();
-        dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .solveSlice.actions.submit */ .TP.actions.submit());
-    };
-    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().solver), className),
-        children: [
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().contentWrapper),
-                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().content),
-                    ref: contentRef,
-                    children: [
-                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
-                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().boardContainer),
-                            onSubmit: handleSubmit,
-                            children: [
-                                contentWidth > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Board__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
-                                    cellSize: cellSize,
-                                    innerRef: boardRef
-                                }),
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().submitInput),
-                                    tabIndex: -1,
-                                    type: "submit"
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().sidebar),
-                            style: {
-                                height: boardHeight + 1
-                            },
-                            children: [
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Well__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().resultsContainer),
-                                    ref: resultsContainerRef,
-                                    children: resultsContainerWidth > 0 && resultsContainerHeight > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Results__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
-                                        height: resultsHeight,
-                                        width: resultsContainerWidth
-                                    })
-                                }),
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Well__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
-                                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                                        className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().dictionary),
-                                        style: {
-                                            height: parameters__WEBPACK_IMPORTED_MODULE_6__/* .DICTIONARY_HEIGHT */ .n6
-                                        },
-                                        children: [
-                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Dictionary__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
-                                                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().dictionaryOutput)
-                                            }),
-                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DictionaryInput__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
-                                                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().dictionaryInput)
-                                            })
-                                        ]
-                                    })
-                                })
-                            ]
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
-                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().rackContainer),
-                onSubmit: handleSubmit,
-                children: [
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Rack__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
-                        className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().rack)
-                    }),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
-                        className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().submitInput),
-                        tabIndex: -1,
-                        type: "submit"
-                    })
-                ]
-            })
-        ]
-    });
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Solver);
-
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
@@ -4721,14 +4523,14 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 83790:
+/***/ 14676:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ Splash_Splash)
+  "Z": () => (/* reexport */ SplashScreen_SplashScreen)
 });
 
 // EXTERNAL MODULE: external "react/jsx-runtime"
@@ -4736,45 +4538,24 @@ var jsx_runtime_ = __webpack_require__(20997);
 // EXTERNAL MODULE: external "classnames"
 var external_classnames_ = __webpack_require__(59003);
 var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: ./src/components/Logo/index.ts + 1 modules
-var Logo = __webpack_require__(2622);
-// EXTERNAL MODULE: ./src/components/Screen/index.ts + 1 modules
-var Screen = __webpack_require__(32359);
-// EXTERNAL MODULE: ./src/components/Splash/Splash.module.scss
-var Splash_module = __webpack_require__(41798);
-var Splash_module_default = /*#__PURE__*/__webpack_require__.n(Splash_module);
-;// CONCATENATED MODULE: ./src/components/Splash/Splash.tsx
-
-
+// EXTERNAL MODULE: ./src/components/SplashScreen/SplashScreen.module.scss
+var SplashScreen_module = __webpack_require__(3713);
+var SplashScreen_module_default = /*#__PURE__*/__webpack_require__.n(SplashScreen_module);
+;// CONCATENATED MODULE: ./src/components/SplashScreen/SplashScreen.tsx
 
 
 
-const Splash = ({ className , forceShow , onAnimationEnd  })=>/*#__PURE__*/ (0,jsx_runtime_.jsxs)(Screen/* default */.Z, {
-        className: external_classnames_default()((Splash_module_default()).splash, className, {
-            [(Splash_module_default()).animated]: !forceShow
-        }),
+const SplashScreen = ({ children , className , contentClassName , onAnimationEnd  })=>/*#__PURE__*/ jsx_runtime_.jsx("div", {
+        className: external_classnames_default()((SplashScreen_module_default()).splashScreen, className),
         onAnimationEnd: onAnimationEnd,
-        children: [
-            /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
-                className: (Splash_module_default()).logos,
-                children: [
-                    /*#__PURE__*/ jsx_runtime_.jsx(Logo/* default */.Z, {
-                        className: (Splash_module_default()).logoGrayscale
-                    }),
-                    /*#__PURE__*/ jsx_runtime_.jsx(Logo/* default */.Z, {
-                        className: (Splash_module_default()).logoColor
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx_runtime_.jsx("h1", {
-                className: (Splash_module_default()).author,
-                children: "by Kamil Mielnik"
-            })
-        ]
+        children: /*#__PURE__*/ jsx_runtime_.jsx("div", {
+            className: external_classnames_default()((SplashScreen_module_default()).content, contentClassName),
+            children: children
+        })
     });
-/* harmony default export */ const Splash_Splash = (Splash);
+/* harmony default export */ const SplashScreen_SplashScreen = (SplashScreen);
 
-;// CONCATENATED MODULE: ./src/components/Splash/index.ts
+;// CONCATENATED MODULE: ./src/components/SplashScreen/index.ts
 
 
 
@@ -5004,7 +4785,7 @@ const Tile = ({ autoFocus , className , character ="" , disabled , highlighted ,
         }), [
         tileSize
     ]);
-    const inputStyle = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
+    const characterStyle = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
             fontSize: tileFontSize
         }), [
         tileFontSize
@@ -5036,11 +4817,11 @@ const Tile = ({ autoFocus , className , character ="" , disabled , highlighted ,
         autoFocus: autoFocus,
         canShowPoints: canShowPoints,
         character: character,
+        characterStyle: characterStyle,
         className: className,
         disabled: disabled,
         highlighted: highlighted,
         inputRef: inputRef,
-        inputStyle: inputStyle,
         isBlank: isBlank,
         isValid: isValid,
         placeholder: placeholder,
@@ -5075,7 +4856,7 @@ __webpack_async_result__();
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12374);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55210);
 /* harmony import */ var _Tile_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(68716);
 /* harmony import */ var _Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4__);
 
@@ -5083,9 +4864,11 @@ __webpack_async_result__();
 
 
 
-const TilePure = ({ autoFocus , canShowPoints , character , className , disabled , highlighted , inputRef , inputStyle , isBlank , isValid , placeholder , points , pointsFormatted , pointsStyle , raised , style , tabIndex , onChange , onFocus , onKeyDown  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+const TilePure = ({ autoFocus , canShowPoints , character , characterStyle , className , disabled , highlighted , inputRef , isBlank , isValid , placeholder , points , pointsFormatted , pointsStyle , raised , style , tabIndex , onChange , onFocus , onKeyDown  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().tile), className, {
             [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().blank)]: isBlank,
+            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().disabled)]: disabled,
+            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().empty)]: !character,
             [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().highlighted)]: highlighted,
             [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().invalid)]: !isValid,
             [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().raised)]: raised,
@@ -5102,18 +4885,22 @@ const TilePure = ({ autoFocus , canShowPoints , character , className , disabled
                 autoComplete: "off",
                 autoCorrect: "off",
                 autoFocus: autoFocus,
-                className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().character),
+                className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().input),
                 disabled: disabled,
-                placeholder: placeholder,
                 ref: inputRef,
                 spellCheck: false,
-                style: inputStyle,
                 tabIndex: tabIndex,
                 value: character || "",
                 onChange: onChange,
                 onFocus: onFocus,
                 onKeyDown: onKeyDown
             }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().character),
+                style: characterStyle,
+                tabIndex: -1,
+                children: character || placeholder
+            }),
             canShowPoints && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                 className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().points),
                 style: pointsStyle,
@@ -5380,119 +5167,6 @@ const Well = /*#__PURE__*/ (0,external_react_.forwardRef)(({ children , classNam
 
 
 
-/***/ }),
-
-/***/ 62047:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(12374);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64579);
-/* harmony import */ var _Badge__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(47743);
-/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(81858);
-/* harmony import */ var _Words_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(23758);
-/* harmony import */ var _Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_Words_module_scss__WEBPACK_IMPORTED_MODULE_6__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__, _Sidebar__WEBPACK_IMPORTED_MODULE_5__]);
-([state__WEBPACK_IMPORTED_MODULE_3__, _Sidebar__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
-
-
-
-
-
-
-const Words = ({ className , isOpen , onClose  })=>{
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTranslate */ .qM)();
-    const locale = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectLocale */ .fN);
-    const { invalidWords , validWords  } = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectVerify */ .HM);
-    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Sidebar__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-        className: className,
-        isOpen: isOpen,
-        title: translate("words"),
-        onClose: onClose,
-        children: [
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Sidebar__WEBPACK_IMPORTED_MODULE_5__/* ["default"].Section */ .Z.Section, {
-                title: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
-                    className: (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().title),
-                    children: [
-                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
-                            children: translate("words.invalid")
-                        }),
-                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Badge__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-                            className: (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().badge),
-                            children: invalidWords.length.toLocaleString(locale)
-                        })
-                    ]
-                }),
-                children: invalidWords.map((word, index)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                        className: (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().word),
-                        children: [
-                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_2__/* .Cross */ .X1, {
-                                className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().icon), (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().invalid))
-                            }),
-                            " ",
-                            word
-                        ]
-                    }, index))
-            }),
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Sidebar__WEBPACK_IMPORTED_MODULE_5__/* ["default"].Section */ .Z.Section, {
-                title: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
-                    className: (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().title),
-                    children: [
-                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
-                            children: translate("words.valid")
-                        }),
-                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Badge__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-                            className: (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().badge),
-                            children: validWords.length.toLocaleString(locale)
-                        })
-                    ]
-                }),
-                children: validWords.map((word, index)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                        className: (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().word),
-                        children: [
-                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_2__/* .Check */ .Jr, {
-                                className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().icon), (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().valid))
-                            }),
-                            " ",
-                            word
-                        ]
-                    }, index))
-            })
-        ]
-    });
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Words);
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 96872:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _Words__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* harmony import */ var _Words__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(62047);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Words__WEBPACK_IMPORTED_MODULE_0__]);
-_Words__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
 /***/ }),
 
 /***/ 19176:
@@ -5501,16 +5175,22 @@ __webpack_async_result__();
 "use strict";
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Ct": () => (/* reexport safe */ _Badge__WEBPACK_IMPORTED_MODULE_0__.Z),
+/* harmony export */   "Ex": () => (/* reexport safe */ _Progress__WEBPACK_IMPORTED_MODULE_15__.Z),
 /* harmony export */   "ME": () => (/* reexport safe */ _Solver__WEBPACK_IMPORTED_MODULE_22__.Z),
-/* harmony export */   "Nq": () => (/* reexport safe */ _Words__WEBPACK_IMPORTED_MODULE_30__.Z),
-/* harmony export */   "TR": () => (/* reexport safe */ _Logo__WEBPACK_IMPORTED_MODULE_10__.Z),
-/* harmony export */   "TX": () => (/* reexport safe */ _NotFound__WEBPACK_IMPORTED_MODULE_12__.Z),
-/* harmony export */   "Zr": () => (/* reexport safe */ _Settings__WEBPACK_IMPORTED_MODULE_20__.Z),
-/* harmony export */   "_m": () => (/* reexport safe */ _NavButtons__WEBPACK_IMPORTED_MODULE_11__.Z),
-/* harmony export */   "d4": () => (/* reexport safe */ _KeyMap__WEBPACK_IMPORTED_MODULE_8__.Z),
-/* harmony export */   "fs": () => (/* reexport safe */ _RemainingTiles__WEBPACK_IMPORTED_MODULE_16__.Z),
-/* harmony export */   "hX": () => (/* reexport safe */ _Splash__WEBPACK_IMPORTED_MODULE_23__.Z),
-/* harmony export */   "uz": () => (/* reexport safe */ _SvgFontFix__WEBPACK_IMPORTED_MODULE_26__.Z)
+/* harmony export */   "TR": () => (/* reexport safe */ _Logo__WEBPACK_IMPORTED_MODULE_9__.Z),
+/* harmony export */   "TX": () => (/* reexport safe */ _NotFound__WEBPACK_IMPORTED_MODULE_13__.Z),
+/* harmony export */   "Y8": () => (/* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_17__.Z),
+/* harmony export */   "_m": () => (/* reexport safe */ _NavButtons__WEBPACK_IMPORTED_MODULE_12__.Z),
+/* harmony export */   "hL": () => (/* reexport safe */ _LogoSplashScreen__WEBPACK_IMPORTED_MODULE_10__.Z),
+/* harmony export */   "n9": () => (/* reexport safe */ _Tile__WEBPACK_IMPORTED_MODULE_27__.Z),
+/* harmony export */   "ne": () => (/* reexport safe */ _Sizer__WEBPACK_IMPORTED_MODULE_21__.Z),
+/* harmony export */   "sr": () => (/* reexport safe */ _Key__WEBPACK_IMPORTED_MODULE_7__.Z),
+/* harmony export */   "tW": () => (/* reexport safe */ _Well__WEBPACK_IMPORTED_MODULE_29__.Z),
+/* harmony export */   "u9": () => (/* reexport safe */ _Results__WEBPACK_IMPORTED_MODULE_19__.Z),
+/* harmony export */   "u_": () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_11__.Z),
+/* harmony export */   "uz": () => (/* reexport safe */ _SvgFontFix__WEBPACK_IMPORTED_MODULE_26__.Z),
+/* harmony export */   "zx": () => (/* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_2__.Z)
 /* harmony export */ });
 /* harmony import */ var _Badge__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(47743);
 /* harmony import */ var _Board__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8511);
@@ -5520,32 +5200,30 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var _DictionaryInput__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(40105);
 /* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(18681);
 /* harmony import */ var _Key__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(41992);
-/* harmony import */ var _KeyMap__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(72467);
-/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(84198);
-/* harmony import */ var _Logo__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2622);
-/* harmony import */ var _NavButtons__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(54723);
-/* harmony import */ var _NotFound__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(9527);
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(31773);
-/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(30007);
-/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(84985);
-/* harmony import */ var _RemainingTiles__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(71524);
-/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(21678);
-/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(92833);
-/* harmony import */ var _Screen__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(32359);
-/* harmony import */ var _Settings__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(10831);
-/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(81858);
+/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(84198);
+/* harmony import */ var _Logo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2622);
+/* harmony import */ var _LogoSplashScreen__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(78395);
+/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(85906);
+/* harmony import */ var _NavButtons__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(54723);
+/* harmony import */ var _NotFound__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(9527);
+/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(31773);
+/* harmony import */ var _Progress__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(6465);
+/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(30007);
+/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(84985);
+/* harmony import */ var _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(14066);
+/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(21678);
+/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(92833);
+/* harmony import */ var _Sizer__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(77843);
 /* harmony import */ var _Solver__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(89058);
-/* harmony import */ var _Splash__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(83790);
+/* harmony import */ var _SplashScreen__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(14676);
 /* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(86889);
 /* harmony import */ var _SvgFontCss__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(28887);
 /* harmony import */ var _SvgFontFix__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(33435);
 /* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(57243);
 /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(7646);
 /* harmony import */ var _Well__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(34473);
-/* harmony import */ var _Words__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(96872);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Board__WEBPACK_IMPORTED_MODULE_1__, _Button__WEBPACK_IMPORTED_MODULE_2__, _Dictionary__WEBPACK_IMPORTED_MODULE_4__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_5__, _EmptyState__WEBPACK_IMPORTED_MODULE_6__, _KeyMap__WEBPACK_IMPORTED_MODULE_8__, _Loading__WEBPACK_IMPORTED_MODULE_9__, _NavButtons__WEBPACK_IMPORTED_MODULE_11__, _NotFound__WEBPACK_IMPORTED_MODULE_12__, _PlainTiles__WEBPACK_IMPORTED_MODULE_13__, _Rack__WEBPACK_IMPORTED_MODULE_14__, _RemainingTiles__WEBPACK_IMPORTED_MODULE_16__, _Results__WEBPACK_IMPORTED_MODULE_17__, _ResultsInput__WEBPACK_IMPORTED_MODULE_18__, _Settings__WEBPACK_IMPORTED_MODULE_20__, _Sidebar__WEBPACK_IMPORTED_MODULE_21__, _Solver__WEBPACK_IMPORTED_MODULE_22__, _SquareButton__WEBPACK_IMPORTED_MODULE_24__, _Tile__WEBPACK_IMPORTED_MODULE_27__, _Tooltip__WEBPACK_IMPORTED_MODULE_28__, _Words__WEBPACK_IMPORTED_MODULE_30__]);
-([_Board__WEBPACK_IMPORTED_MODULE_1__, _Button__WEBPACK_IMPORTED_MODULE_2__, _Dictionary__WEBPACK_IMPORTED_MODULE_4__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_5__, _EmptyState__WEBPACK_IMPORTED_MODULE_6__, _KeyMap__WEBPACK_IMPORTED_MODULE_8__, _Loading__WEBPACK_IMPORTED_MODULE_9__, _NavButtons__WEBPACK_IMPORTED_MODULE_11__, _NotFound__WEBPACK_IMPORTED_MODULE_12__, _PlainTiles__WEBPACK_IMPORTED_MODULE_13__, _Rack__WEBPACK_IMPORTED_MODULE_14__, _RemainingTiles__WEBPACK_IMPORTED_MODULE_16__, _Results__WEBPACK_IMPORTED_MODULE_17__, _ResultsInput__WEBPACK_IMPORTED_MODULE_18__, _Settings__WEBPACK_IMPORTED_MODULE_20__, _Sidebar__WEBPACK_IMPORTED_MODULE_21__, _Solver__WEBPACK_IMPORTED_MODULE_22__, _SquareButton__WEBPACK_IMPORTED_MODULE_24__, _Tile__WEBPACK_IMPORTED_MODULE_27__, _Tooltip__WEBPACK_IMPORTED_MODULE_28__, _Words__WEBPACK_IMPORTED_MODULE_30__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Board__WEBPACK_IMPORTED_MODULE_1__, _Button__WEBPACK_IMPORTED_MODULE_2__, _Dictionary__WEBPACK_IMPORTED_MODULE_4__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_5__, _EmptyState__WEBPACK_IMPORTED_MODULE_6__, _Loading__WEBPACK_IMPORTED_MODULE_8__, _Modal__WEBPACK_IMPORTED_MODULE_11__, _NavButtons__WEBPACK_IMPORTED_MODULE_12__, _NotFound__WEBPACK_IMPORTED_MODULE_13__, _PlainTiles__WEBPACK_IMPORTED_MODULE_14__, _Progress__WEBPACK_IMPORTED_MODULE_15__, _Rack__WEBPACK_IMPORTED_MODULE_16__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_18__, _Results__WEBPACK_IMPORTED_MODULE_19__, _ResultsInput__WEBPACK_IMPORTED_MODULE_20__, _Solver__WEBPACK_IMPORTED_MODULE_22__, _SquareButton__WEBPACK_IMPORTED_MODULE_24__, _Tile__WEBPACK_IMPORTED_MODULE_27__, _Tooltip__WEBPACK_IMPORTED_MODULE_28__]);
+([_Board__WEBPACK_IMPORTED_MODULE_1__, _Button__WEBPACK_IMPORTED_MODULE_2__, _Dictionary__WEBPACK_IMPORTED_MODULE_4__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_5__, _EmptyState__WEBPACK_IMPORTED_MODULE_6__, _Loading__WEBPACK_IMPORTED_MODULE_8__, _Modal__WEBPACK_IMPORTED_MODULE_11__, _NavButtons__WEBPACK_IMPORTED_MODULE_12__, _NotFound__WEBPACK_IMPORTED_MODULE_13__, _PlainTiles__WEBPACK_IMPORTED_MODULE_14__, _Progress__WEBPACK_IMPORTED_MODULE_15__, _Rack__WEBPACK_IMPORTED_MODULE_16__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_18__, _Results__WEBPACK_IMPORTED_MODULE_19__, _ResultsInput__WEBPACK_IMPORTED_MODULE_20__, _Solver__WEBPACK_IMPORTED_MODULE_22__, _SquareButton__WEBPACK_IMPORTED_MODULE_24__, _Tile__WEBPACK_IMPORTED_MODULE_27__, _Tooltip__WEBPACK_IMPORTED_MODULE_28__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -5588,23 +5266,23 @@ __webpack_async_result__();
 "use strict";
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Av": () => (/* reexport safe */ _useIsTablet__WEBPACK_IMPORTED_MODULE_1__.Z),
 /* harmony export */   "Ld": () => (/* reexport safe */ _useUniqueId__WEBPACK_IMPORTED_MODULE_6__.Z),
-/* harmony export */   "YQ": () => (/* reexport safe */ _useIsTouchDevice__WEBPACK_IMPORTED_MODULE_2__.Z),
-/* harmony export */   "ZK": () => (/* reexport safe */ _useLanguage__WEBPACK_IMPORTED_MODULE_3__.Z),
-/* harmony export */   "_": () => (/* reexport safe */ _useLocalStorage__WEBPACK_IMPORTED_MODULE_4__.Z),
+/* harmony export */   "YQ": () => (/* reexport safe */ _useIsTouchDevice__WEBPACK_IMPORTED_MODULE_1__.Z),
+/* harmony export */   "ZK": () => (/* reexport safe */ _useLanguage__WEBPACK_IMPORTED_MODULE_2__.Z),
+/* harmony export */   "_": () => (/* reexport safe */ _useLocalStorage__WEBPACK_IMPORTED_MODULE_3__.Z),
+/* harmony export */   "ac": () => (/* reexport safe */ _useMediaQuery__WEBPACK_IMPORTED_MODULE_4__.Z),
 /* harmony export */   "gm": () => (/* reexport safe */ _useDirection__WEBPACK_IMPORTED_MODULE_0__.Z),
 /* harmony export */   "vI": () => (/* reexport safe */ _usePortal__WEBPACK_IMPORTED_MODULE_5__.Z)
 /* harmony export */ });
 /* harmony import */ var _useDirection__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(11685);
-/* harmony import */ var _useIsTablet__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41546);
-/* harmony import */ var _useIsTouchDevice__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(19447);
-/* harmony import */ var _useLanguage__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17163);
-/* harmony import */ var _useLocalStorage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(56739);
+/* harmony import */ var _useIsTouchDevice__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(19447);
+/* harmony import */ var _useLanguage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(17163);
+/* harmony import */ var _useLocalStorage__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56739);
+/* harmony import */ var _useMediaQuery__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(13756);
 /* harmony import */ var _usePortal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(25953);
 /* harmony import */ var _useUniqueId__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(59794);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useLocalStorage__WEBPACK_IMPORTED_MODULE_4__, _useUniqueId__WEBPACK_IMPORTED_MODULE_6__]);
-([_useLocalStorage__WEBPACK_IMPORTED_MODULE_4__, _useUniqueId__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useLocalStorage__WEBPACK_IMPORTED_MODULE_3__, _useUniqueId__WEBPACK_IMPORTED_MODULE_6__]);
+([_useLocalStorage__WEBPACK_IMPORTED_MODULE_3__, _useUniqueId__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -5648,27 +5326,6 @@ const useDirection = (direction)=>{
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useDirection);
 
 
-/***/ }),
-
-/***/ 41546:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(69755);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_0__);
-
-const useIsTablet = ()=>{
-    const isTabletHeight = (0,react_use__WEBPACK_IMPORTED_MODULE_0__.useMedia)("(max-height: 800px)", false);
-    const isTabletWidth = (0,react_use__WEBPACK_IMPORTED_MODULE_0__.useMedia)("(max-width: 1024px)", false);
-    const isTablet = isTabletHeight || isTabletWidth;
-    return isTablet;
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useIsTablet);
-
-
 /***/ }),
 
 /***/ 19447:
@@ -5958,6 +5615,30 @@ const useLocalStorageRack = ()=>{
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
+/***/ }),
+
+/***/ 13756:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var include_media_query_builder__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9744);
+/* harmony import */ var include_media_query_builder__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(include_media_query_builder__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(69755);
+/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74200);
+
+
+
+const useMediaQuery = (query, defaultState)=>{
+    const mediaQuery = (0,include_media_query_builder__WEBPACK_IMPORTED_MODULE_0__.buildMediaQuery)(parameters__WEBPACK_IMPORTED_MODULE_2__/* .BREAKPOINTS */ .j$, query);
+    return (0,react_use__WEBPACK_IMPORTED_MODULE_1__.useMedia)(mediaQuery, defaultState);
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useMediaQuery);
+
+
 /***/ }),
 
 /***/ 25953:
@@ -5996,7 +5677,7 @@ const usePortal = (children, { disabled =false , tagName ="div"  } = {})=>{
             // "Attempted to synchronously unmount a root while React was already
             // rendering. React cannot finish unmounting the root until the current
             // render has completed, which may lead to a race condition.""
-            setTimeout(()=>{
+            globalThis.setTimeout(()=>{
                 rootRef.current = null;
                 root.unmount();
                 element.remove();
@@ -6049,7 +5730,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 12374:
+/***/ 55210:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -6060,14 +5741,17 @@ __webpack_require__.d(__webpack_exports__, {
   "Xd": () => (/* reexport */ ArrowLeft),
   "ol": () => (/* reexport */ ArrowRight),
   "a2": () => (/* reexport */ ArrowUp),
-  "PP": () => (/* reexport */ BookHalf),
+  "Kz": () => (/* reexport */ CardChecklist),
   "Jr": () => (/* reexport */ Check),
+  "_M": () => (/* reexport */ ChevronDown),
   "Oz": () => (/* reexport */ Cog),
   "X1": () => (/* reexport */ Cross),
-  "ME": () => (/* reexport */ CrossFill),
+  "Gw": () => (/* reexport */ CrossCircleFill),
+  "vK": () => (/* reexport */ CrossSquareFill),
   "XK": () => (/* reexport */ DashCircleFill),
   "Gs": () => (/* reexport */ Eraser),
   "yT": () => (/* reexport */ ExclamationSquareFill),
+  "x_": () => (/* reexport */ ExclamationTriangleFill),
   "WN": () => (/* reexport */ Flag),
   "rV": () => (/* reexport */ FlagDe),
   "d": () => (/* reexport */ FlagEs),
@@ -6077,15 +5761,17 @@ __webpack_require__.d(__webpack_exports__, {
   "fd": () => (/* reexport */ FlagPl),
   "YK": () => (/* reexport */ FlagUs),
   "Ey": () => (/* reexport */ Github),
+  "UT": () => (/* reexport */ InfoCircleFill),
   "N1": () => (/* reexport */ Keyboard),
-  "sh": () => (/* reexport */ Play),
+  "aV": () => (/* reexport */ List),
   "xy": () => (/* reexport */ Sack),
+  "HN": () => (/* reexport */ Search),
   "l": () => (/* reexport */ SortDown),
   "Nc": () => (/* reexport */ SortUp),
   "Ux": () => (/* reexport */ Star)
 });
 
-// UNUSED EXPORTS: CheckboxChecked, CheckboxEmpty
+// UNUSED EXPORTS: BookHalf, CheckboxChecked, CheckboxEmpty
 
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(16689);
@@ -6154,15 +5840,32 @@ var BookHalf_path;
 function BookHalf_extends() { BookHalf_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return BookHalf_extends.apply(this, arguments); }
 
 var SvgBookHalf = function SvgBookHalf(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", BookHalf_extends({
+  return /*#__PURE__*/React.createElement("svg", BookHalf_extends({
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), BookHalf_path || (BookHalf_path = /*#__PURE__*/external_react_.createElement("path", {
+  }, props), BookHalf_path || (BookHalf_path = /*#__PURE__*/React.createElement("path", {
     d: "M8.5 2.687c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z",
     fill: "currentColor"
   })));
 };
-/* harmony default export */ const BookHalf = (SvgBookHalf);
+/* harmony default export */ const BookHalf = ((/* unused pure expression or super */ null && (SvgBookHalf)));
+;// CONCATENATED MODULE: ./src/icons/CardChecklist.svg
+var CardChecklist_path, _path2;
+function CardChecklist_extends() { CardChecklist_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return CardChecklist_extends.apply(this, arguments); }
+
+var SvgCardChecklist = function SvgCardChecklist(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", CardChecklist_extends({
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), CardChecklist_path || (CardChecklist_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z",
+    fill: "currentColor"
+  })), _path2 || (_path2 = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z",
+    fill: "currentColor"
+  })));
+};
+/* harmony default export */ const CardChecklist = (SvgCardChecklist);
 ;// CONCATENATED MODULE: ./src/icons/Check.svg
 var Check_path;
 function Check_extends() { Check_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Check_extends.apply(this, arguments); }
@@ -6172,7 +5875,7 @@ var SvgCheck = function SvgCheck(props) {
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), Check_path || (Check_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z",
+    d: "M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z",
     fill: "currentColor"
   })));
 };
@@ -6205,6 +5908,21 @@ var SvgCheckboxEmpty = function SvgCheckboxEmpty(props) {
   })));
 };
 /* harmony default export */ const CheckboxEmpty = ((/* unused pure expression or super */ null && (SvgCheckboxEmpty)));
+;// CONCATENATED MODULE: ./src/icons/ChevronDown.svg
+var ChevronDown_path;
+function ChevronDown_extends() { ChevronDown_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return ChevronDown_extends.apply(this, arguments); }
+
+var SvgChevronDown = function SvgChevronDown(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", ChevronDown_extends({
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), ChevronDown_path || (ChevronDown_path = /*#__PURE__*/external_react_.createElement("path", {
+    fillRule: "evenodd",
+    d: "M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z",
+    fill: "currentColor"
+  })));
+};
+/* harmony default export */ const ChevronDown = (SvgChevronDown);
 ;// CONCATENATED MODULE: ./src/icons/Cog.svg
 var Cog_path;
 function Cog_extends() { Cog_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Cog_extends.apply(this, arguments); }
@@ -6233,20 +5951,34 @@ var SvgCross = function SvgCross(props) {
   })));
 };
 /* harmony default export */ const Cross = (SvgCross);
-;// CONCATENATED MODULE: ./src/icons/CrossFill.svg
-var CrossFill_path;
-function CrossFill_extends() { CrossFill_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return CrossFill_extends.apply(this, arguments); }
+;// CONCATENATED MODULE: ./src/icons/CrossCircleFill.svg
+var CrossCircleFill_path;
+function CrossCircleFill_extends() { CrossCircleFill_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return CrossCircleFill_extends.apply(this, arguments); }
+
+var SvgCrossCircleFill = function SvgCrossCircleFill(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", CrossCircleFill_extends({
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), CrossCircleFill_path || (CrossCircleFill_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z",
+    fill: "currentColor"
+  })));
+};
+/* harmony default export */ const CrossCircleFill = (SvgCrossCircleFill);
+;// CONCATENATED MODULE: ./src/icons/CrossSquareFill.svg
+var CrossSquareFill_path;
+function CrossSquareFill_extends() { CrossSquareFill_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return CrossSquareFill_extends.apply(this, arguments); }
 
-var SvgCrossFill = function SvgCrossFill(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", CrossFill_extends({
+var SvgCrossSquareFill = function SvgCrossSquareFill(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", CrossSquareFill_extends({
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), CrossFill_path || (CrossFill_path = /*#__PURE__*/external_react_.createElement("path", {
+  }, props), CrossSquareFill_path || (CrossSquareFill_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm3.354 4.646L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 1 1 .708-.708z",
     fill: "currentColor"
   })));
 };
-/* harmony default export */ const CrossFill = (SvgCrossFill);
+/* harmony default export */ const CrossSquareFill = (SvgCrossSquareFill);
 ;// CONCATENATED MODULE: ./src/icons/DashCircleFill.svg
 var DashCircleFill_path;
 function DashCircleFill_extends() { DashCircleFill_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return DashCircleFill_extends.apply(this, arguments); }
@@ -6289,6 +6021,20 @@ var SvgExclamationSquareFill = function SvgExclamationSquareFill(props) {
   })));
 };
 /* harmony default export */ const ExclamationSquareFill = (SvgExclamationSquareFill);
+;// CONCATENATED MODULE: ./src/icons/ExclamationTriangleFill.svg
+var ExclamationTriangleFill_path;
+function ExclamationTriangleFill_extends() { ExclamationTriangleFill_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return ExclamationTriangleFill_extends.apply(this, arguments); }
+
+var SvgExclamationTriangleFill = function SvgExclamationTriangleFill(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", ExclamationTriangleFill_extends({
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), ExclamationTriangleFill_path || (ExclamationTriangleFill_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z",
+    fill: "currentColor"
+  })));
+};
+/* harmony default export */ const ExclamationTriangleFill = (SvgExclamationTriangleFill);
 ;// CONCATENATED MODULE: ./src/icons/Flag.svg
 var Flag_path;
 function Flag_extends() { Flag_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Flag_extends.apply(this, arguments); }
@@ -6304,7 +6050,7 @@ var SvgFlag = function SvgFlag(props) {
 };
 /* harmony default export */ const Flag = (SvgFlag);
 ;// CONCATENATED MODULE: ./src/icons/FlagEs.svg
-var FlagEs_path, _path2;
+var FlagEs_path, FlagEs_path2;
 function FlagEs_extends() { FlagEs_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return FlagEs_extends.apply(this, arguments); }
 
 var SvgFlagEs = function SvgFlagEs(props) {
@@ -6314,7 +6060,7 @@ var SvgFlagEs = function SvgFlagEs(props) {
   }, props), FlagEs_path || (FlagEs_path = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#c60b1e",
     d: "M0 0h750v500H0z"
-  })), _path2 || (_path2 = /*#__PURE__*/external_react_.createElement("path", {
+  })), FlagEs_path2 || (FlagEs_path2 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#ffc400",
     d: "M0 125h750v250H0z"
   })));
@@ -6739,6 +6485,20 @@ var SvgGithub = function SvgGithub(props) {
   })));
 };
 /* harmony default export */ const Github = (SvgGithub);
+;// CONCATENATED MODULE: ./src/icons/InfoCircleFill.svg
+var InfoCircleFill_path;
+function InfoCircleFill_extends() { InfoCircleFill_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return InfoCircleFill_extends.apply(this, arguments); }
+
+var SvgInfoCircleFill = function SvgInfoCircleFill(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", InfoCircleFill_extends({
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), InfoCircleFill_path || (InfoCircleFill_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z",
+    fill: "currentColor"
+  })));
+};
+/* harmony default export */ const InfoCircleFill = (SvgInfoCircleFill);
 ;// CONCATENATED MODULE: ./src/icons/Keyboard.svg
 var Keyboard_path;
 function Keyboard_extends() { Keyboard_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Keyboard_extends.apply(this, arguments); }
@@ -6753,20 +6513,21 @@ var SvgKeyboard = function SvgKeyboard(props) {
   })));
 };
 /* harmony default export */ const Keyboard = (SvgKeyboard);
-;// CONCATENATED MODULE: ./src/icons/Play.svg
-var Play_path;
-function Play_extends() { Play_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Play_extends.apply(this, arguments); }
+;// CONCATENATED MODULE: ./src/icons/List.svg
+var List_path;
+function List_extends() { List_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return List_extends.apply(this, arguments); }
 
-var SvgPlay = function SvgPlay(props) {
-  return /*#__PURE__*/external_react_.createElement("svg", Play_extends({
+var SvgList = function SvgList(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", List_extends({
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), Play_path || (Play_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z",
+  }, props), List_path || (List_path = /*#__PURE__*/external_react_.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z",
     fill: "currentColor"
   })));
 };
-/* harmony default export */ const Play = (SvgPlay);
+/* harmony default export */ const List = (SvgList);
 ;// CONCATENATED MODULE: ./src/icons/Sack.svg
 var Sack_path;
 function Sack_extends() { Sack_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Sack_extends.apply(this, arguments); }
@@ -6781,6 +6542,20 @@ var SvgSack = function SvgSack(props) {
   })));
 };
 /* harmony default export */ const Sack = (SvgSack);
+;// CONCATENATED MODULE: ./src/icons/Search.svg
+var Search_path;
+function Search_extends() { Search_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Search_extends.apply(this, arguments); }
+
+var SvgSearch = function SvgSearch(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", Search_extends({
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), Search_path || (Search_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z",
+    fill: "currentColor"
+  })));
+};
+/* harmony default export */ const Search = (SvgSearch);
 ;// CONCATENATED MODULE: ./src/icons/SortDown.svg
 var SortDown_path;
 function SortDown_extends() { SortDown_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return SortDown_extends.apply(this, arguments); }
@@ -6848,6 +6623,12 @@ var SvgStar = function SvgStar(props) {
 
 
 
+
+
+
+
+
+