@scrabble-solver/scrabble-solver 2.10.4 → 2.10.6

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"
 };
 
@@ -272,22 +274,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ 48425:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"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"
-};
-
-
 /***/ }),
 
 /***/ 54206:
@@ -350,19 +336,17 @@ module.exports = {
 	"content": "Solver_content__s1fWW",
 	"boardContainer": "Solver_boardContainer__GBRcW",
 	"board": "Solver_board__d5oBN",
+	"submitInput": "Solver_submitInput__eic0t",
 	"column": "Solver_column__0EMSH",
+	"resultsContainer": "Solver_resultsContainer__DruEg",
 	"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"
 };
 
@@ -395,6 +379,26 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ 50495:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"resultCandidatePicker": "ResultCandidatePicker_resultCandidatePicker__9qtPM",
+	"buttons": "ResultCandidatePicker_buttons__9vnga",
+	"button": "ResultCandidatePicker_button__RPcxC",
+	"resultCandidate": "ResultCandidatePicker_resultCandidate__ehFwB",
+	"content": "ResultCandidatePicker_content__qXcY0",
+	"points": "ResultCandidatePicker_points__awikI",
+	"word": "ResultCandidatePicker_word__uK_Oo",
+	"iconContainer": "ResultCandidatePicker_iconContainer__uQ4FG",
+	"icon": "ResultCandidatePicker_icon__cTxGI",
+	"apply": "ResultCandidatePicker_apply__8zvXC"
+};
+
+
 /***/ }),
 
 /***/ 61077:
@@ -450,7 +454,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",
@@ -461,6 +464,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"
 };
 
@@ -796,7 +803,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__(55210);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60755);
 /* 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);
@@ -1431,6 +1438,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__, {
@@ -1449,11 +1512,13 @@ _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (
 
 
 
-const Button = ({ children , className , Icon , iconClassName , 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", {
@@ -1470,7 +1535,7 @@ const Button = ({ children , className , Icon , iconClassName , tooltip , ...pro
         })
     });
 };
-/* 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); } });
@@ -1506,8 +1571,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 + 35 modules
-var icons = __webpack_require__(55210);
+// EXTERNAL MODULE: ./src/icons/index.ts + 37 modules
+var icons = __webpack_require__(60755);
 ;// CONCATENATED MODULE: ./src/components/Checkbox/Checkbox.tsx
 
 
@@ -2151,7 +2216,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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 icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(60755);
 /* 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);
@@ -2310,7 +2375,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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 icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60755);
 /* 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);
@@ -2470,7 +2535,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__(55210);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60755);
 /* 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__);
@@ -3184,84 +3249,6 @@ const Radio = ({ checked , children , className , disabled , id , name , value ,
 
 
 
-/***/ }),
-
-/***/ 46865:
-/***/ ((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__(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 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("div", {
-                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_4___default().points),
-                children: resultCandidate.points.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)
-                })
-            })
-        ]
-    });
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ResultCandidatePicker);
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 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 */ _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* 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__();
-} catch(e) { __webpack_async_result__(e); } });
-
 /***/ }),
 
 /***/ 27085:
@@ -3319,7 +3306,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__(55210);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60755);
 /* 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);
@@ -3663,7 +3650,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 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 icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60755);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64579);
 /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(96753);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__, _Button__WEBPACK_IMPORTED_MODULE_4__]);
@@ -3688,6 +3675,7 @@ const SolveButton = ({ className  })=>{
         disabled: isLoading || !isOutdated || !hasTiles,
         Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .Search */ .HN,
         type: "submit",
+        variant: "primary",
         onClick: handleClick,
         children: translate("results.solve")
     });
@@ -3980,15 +3968,13 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__);
-
+/* 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 _components__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(51639);
+/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(90375);
+/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15__);
+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__, _Results__WEBPACK_IMPORTED_MODULE_12__, _components__WEBPACK_IMPORTED_MODULE_14__]);
+([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__, _Results__WEBPACK_IMPORTED_MODULE_12__, _components__WEBPACK_IMPORTED_MODULE_14__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -4008,20 +3994,17 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hook
 // 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 isLessThanM = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useMediaQuery */ .ac)("<m");
     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 maxBoardHeight = Math.max(height - bottomContainerHeight, isLessThanL ? 0 : parameters__WEBPACK_IMPORTED_MODULE_6__/* .COLUMN_MIN_HEIGHT */ .z, isLessThanM ? Number.POSITIVE_INFINITY : 0);
     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;
@@ -4067,7 +4050,9 @@ const Solver = ({ className , height , width , onShowResults  })=>{
     const callbacks = isTouchDevice ? touchCallbacks : mouseCallbacks;
     const handleSubmit = (event)=>{
         event.preventDefault();
-        onShowResults();
+        if (isLessThanL) {
+            onShowResults();
+        }
         dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .solveSlice.actions.submit */ .TP.actions.submit());
     };
     (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(()=>{
@@ -4079,52 +4064,52 @@ const Solver = ({ className , height , width , onShowResults  })=>{
         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),
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().solver), className),
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().container),
+                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().container),
                 children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().content),
+                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().content),
                     children: [
                         /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
-                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().boardContainer),
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___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)
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().board)
                                 }),
                                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().submitInput),
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___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),
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___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),
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Well__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___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, {
+                                    children: resultsContainerWidth > 0 && resultsHeight > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Results__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
                                         callbacks: callbacks,
                                         height: resultsHeight,
                                         width: resultsContainerWidth
                                     })
                                 }),
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Well__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {
+                                /*#__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_16___default().dictionary),
+                                        className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___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)
+                                                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___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)
+                                                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().dictionaryInput)
                                             })
                                         ]
                                     })
@@ -4135,75 +4120,39 @@ const Solver = ({ className , height , width , onShowResults  })=>{
                 })
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().bottomContainer),
+                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___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),
+                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().bottomContent),
                     children: [
                         /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
-                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().rackContainer),
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___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),
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().rack),
                                     tileSize: tileSize
                                 }),
                                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_16___default().submitInput),
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___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),
+                        isLessThanL && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_14__/* .MobileControls */ .lc, {
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___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 && /*#__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 && /*#__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(_components__WEBPACK_IMPORTED_MODULE_15__/* .EmptyState */ .ub, {
-                                                    variant: "warning",
-                                                    onClick: onShowResults,
-                                                    children: translate("results.empty-state.no-results")
-                                                }),
-                                                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 && /*#__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))
-                                })
-                            ]
+                            onShowResults: onShowResults
                         })
                     ]
                 })
             }),
-            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: onShowResults
+            isTouchDevice && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_14__/* .SolveButton */ .ly, {
+                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().solve),
+                onClick: handleSubmit
             })
         ]
     });
@@ -4227,7 +4176,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 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 icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60755);
 /* 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 _ApplyButton_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(36456);
@@ -4254,6 +4203,7 @@ const ApplyButton = ({ className  })=>{
         Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .Check */ .Jr,
         iconClassName: (_ApplyButton_module_scss__WEBPACK_IMPORTED_MODULE_5___default().icon),
         type: "submit",
+        variant: "primary",
         onClick: handleClick
     });
 };
@@ -4297,8 +4247,8 @@ 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/icons/index.ts + 37 modules
+var icons = __webpack_require__(60755);
 // 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);
@@ -4341,6 +4291,218 @@ const EmptyState = ({ children , className , variant , ...props })=>{
 
 
 
+/***/ }),
+
+/***/ 76419:
+/***/ ((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 _EmptyState__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(43939);
+/* harmony import */ var _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(95697);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_1__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__]);
+([state__WEBPACK_IMPORTED_MODULE_1__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
+
+
+// eslint-disable-next-line max-statements
+const MobileControls = ({ onShowResults , ...props })=>{
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTranslate */ .qM)();
+    const resultCandidate = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectResultCandidate */ .Xk);
+    const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectAreResultsOutdated */ .Mj);
+    const allResults = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectSortedResults */ .f2);
+    const error = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectSolveError */ .Rn);
+    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        ...props,
+        children: [
+            typeof error !== "undefined" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+                variant: "error",
+                onClick: onShowResults,
+                children: error.message
+            }),
+            typeof error === "undefined" && typeof allResults === "undefined" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+                variant: "info",
+                onClick: onShowResults,
+                children: translate("results.empty-state.uninitialized")
+            }),
+            typeof error === "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(_EmptyState__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+                        variant: "info",
+                        onClick: onShowResults,
+                        children: translate("results.empty-state.outdated")
+                    }),
+                    !isOutdated && allResults.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+                        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_3__/* ["default"] */ .Z, {
+                        onClick: onShowResults
+                    })
+                ]
+            })
+        ]
+    });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MobileControls);
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 46136:
+/***/ ((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 */ _MobileControls__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _MobileControls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(76419);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_MobileControls__WEBPACK_IMPORTED_MODULE_0__]);
+_MobileControls__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); } });
+
+/***/ }),
+
+/***/ 17240:
+/***/ ((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_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__(60755);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(96753);
+/* harmony import */ var _ApplyButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(13326);
+/* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(50495);
+/* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__, _ApplyButton__WEBPACK_IMPORTED_MODULE_6__]);
+([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__, _ApplyButton__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
+
+
+
+
+
+
+const ResultCandidatePicker = ({ className , ...props })=>{
+    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useDispatch)();
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectLocale */ .fN);
+    const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectAreResultsOutdated */ .Mj);
+    const sortedResults = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectSortedResults */ .f2);
+    const results = sortedResults || [];
+    const resultCandidate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectResultCandidate */ .Xk);
+    if (!resultCandidate) {
+        return null;
+    }
+    const index = results.findIndex((result)=>result.id === resultCandidate.id);
+    const isPreviousDisabled = index <= 0;
+    const isNextDisabled = index >= results.length - 1;
+    const handleNextClick = ()=>{
+        if (!isNextDisabled) {
+            const nextResult = results[index + 1];
+            dispatch(state__WEBPACK_IMPORTED_MODULE_4__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(nextResult));
+        }
+    };
+    const handlePreviousClick = ()=>{
+        if (!isPreviousDisabled) {
+            const previousResult = results[index - 1];
+            dispatch(state__WEBPACK_IMPORTED_MODULE_4__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(previousResult));
+        }
+    };
+    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().resultCandidatePicker), className),
+        ...props,
+        children: [
+            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().buttons),
+                children: [
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+                        className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
+                        disabled: isPreviousDisabled,
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .ChevronLeft */ .s$,
+                        onClick: handlePreviousClick
+                    }),
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+                        className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
+                        disabled: isNextDisabled,
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .ChevronRight */ ._Q,
+                        onClick: handleNextClick
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", {
+                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().resultCandidate),
+                disabled: isOutdated,
+                type: "button",
+                children: [
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                        className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().points),
+                        children: resultCandidate.points.toLocaleString(locale)
+                    }),
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                        className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().word),
+                        children: resultCandidate.word
+                    }),
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                        className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().iconContainer),
+                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .ChevronDown */ ._M, {
+                            className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().icon)
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ApplyButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().apply)
+            })
+        ]
+    });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ResultCandidatePicker);
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 95697:
+/***/ ((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 */ _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17240);
+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__();
+} catch(e) { __webpack_async_result__(e); } });
+
 /***/ }),
 
 /***/ 96662:
@@ -4357,7 +4519,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__(55210);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60755);
 /* 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);
@@ -4389,6 +4551,7 @@ const SolveButton = ({ className , onClick =lib__WEBPACK_IMPORTED_MODULE_4__/* .
         Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Search */ .HN,
         iconClassName: (_SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7___default().icon),
         type: "submit",
+        variant: "primary",
         onClick: handleClick
     });
 };
@@ -4423,15 +4586,18 @@ __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 */   "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 */   "lc": () => (/* reexport safe */ _MobileControls__WEBPACK_IMPORTED_MODULE_2__.Z),
+/* harmony export */   "ly": () => (/* reexport safe */ _SolveButton__WEBPACK_IMPORTED_MODULE_4__.Z)
 /* harmony export */ });
 /* 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__);
+/* harmony import */ var _MobileControls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(46136);
+/* harmony import */ var _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(95697);
+/* harmony import */ var _SolveButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(89797);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ApplyButton__WEBPACK_IMPORTED_MODULE_0__, _MobileControls__WEBPACK_IMPORTED_MODULE_2__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__, _SolveButton__WEBPACK_IMPORTED_MODULE_4__]);
+([_ApplyButton__WEBPACK_IMPORTED_MODULE_0__, _MobileControls__WEBPACK_IMPORTED_MODULE_2__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__, _SolveButton__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
 
 
 
@@ -4721,7 +4887,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
@@ -4753,11 +4919,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,
@@ -4792,7 +4958,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__(55210);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60755);
 /* 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__);
 
@@ -4800,9 +4966,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,
@@ -4819,18 +4987,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,
@@ -5107,19 +5279,20 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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 */   "ME": () => (/* reexport safe */ _Solver__WEBPACK_IMPORTED_MODULE_21__.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 */   "n9": () => (/* reexport safe */ _Tile__WEBPACK_IMPORTED_MODULE_26__.Z),
+/* harmony export */   "ne": () => (/* reexport safe */ _Sizer__WEBPACK_IMPORTED_MODULE_20__.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 */   "tW": () => (/* reexport safe */ _Well__WEBPACK_IMPORTED_MODULE_28__.Z),
+/* harmony export */   "u9": () => (/* reexport safe */ _Results__WEBPACK_IMPORTED_MODULE_18__.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 */   "uz": () => (/* reexport safe */ _SvgFontFix__WEBPACK_IMPORTED_MODULE_25__.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);
@@ -5139,21 +5312,19 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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 _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);
-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__);
-
+/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(21678);
+/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(92833);
+/* harmony import */ var _Sizer__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(77843);
+/* harmony import */ var _Solver__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(89058);
+/* harmony import */ var _SplashScreen__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(14676);
+/* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(86889);
+/* harmony import */ var _SvgFontCss__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(28887);
+/* harmony import */ var _SvgFontFix__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(33435);
+/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(57243);
+/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(7646);
+/* harmony import */ var _Well__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(34473);
+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__, _Results__WEBPACK_IMPORTED_MODULE_18__, _ResultsInput__WEBPACK_IMPORTED_MODULE_19__, _Solver__WEBPACK_IMPORTED_MODULE_21__, _SquareButton__WEBPACK_IMPORTED_MODULE_23__, _Tile__WEBPACK_IMPORTED_MODULE_26__, _Tooltip__WEBPACK_IMPORTED_MODULE_27__]);
+([_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__, _Results__WEBPACK_IMPORTED_MODULE_18__, _ResultsInput__WEBPACK_IMPORTED_MODULE_19__, _Solver__WEBPACK_IMPORTED_MODULE_21__, _SquareButton__WEBPACK_IMPORTED_MODULE_23__, _Tile__WEBPACK_IMPORTED_MODULE_26__, _Tooltip__WEBPACK_IMPORTED_MODULE_27__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -5659,7 +5830,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 55210:
+/***/ 60755:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5673,6 +5844,8 @@ __webpack_require__.d(__webpack_exports__, {
   "Kz": () => (/* reexport */ CardChecklist),
   "Jr": () => (/* reexport */ Check),
   "_M": () => (/* reexport */ ChevronDown),
+  "s$": () => (/* reexport */ ChevronLeft),
+  "_Q": () => (/* reexport */ ChevronRight),
   "Oz": () => (/* reexport */ Cog),
   "X1": () => (/* reexport */ Cross),
   "Gw": () => (/* reexport */ CrossCircleFill),
@@ -5852,6 +6025,36 @@ var SvgChevronDown = function SvgChevronDown(props) {
   })));
 };
 /* harmony default export */ const ChevronDown = (SvgChevronDown);
+;// CONCATENATED MODULE: ./src/icons/ChevronLeft.svg
+var ChevronLeft_path;
+function ChevronLeft_extends() { ChevronLeft_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 ChevronLeft_extends.apply(this, arguments); }
+
+var SvgChevronLeft = function SvgChevronLeft(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", ChevronLeft_extends({
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), ChevronLeft_path || (ChevronLeft_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })));
+};
+/* harmony default export */ const ChevronLeft = (SvgChevronLeft);
+;// CONCATENATED MODULE: ./src/icons/ChevronRight.svg
+var ChevronRight_path;
+function ChevronRight_extends() { ChevronRight_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 ChevronRight_extends.apply(this, arguments); }
+
+var SvgChevronRight = function SvgChevronRight(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", ChevronRight_extends({
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), ChevronRight_path || (ChevronRight_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })));
+};
+/* harmony default export */ const ChevronRight = (SvgChevronRight);
 ;// 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); }
@@ -6562,6 +6765,8 @@ var SvgStar = function SvgStar(props) {
 
 
 
+
+