@scrabble-solver/scrabble-solver 2.10.0 → 2.10.2

package/.next/server/chunks/{515.js → 176.js}

@@ -1,8 +1,8 @@
-exports.id = 515;
-exports.ids = [515];
+exports.id = 176;
+exports.ids = [176];
 exports.modules = {
 
-/***/ 52392:
+/***/ 91889:
 /***/ ((module) => {
 
 // Exports
@@ -13,7 +13,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 65585:
+/***/ 41205:
 /***/ ((module) => {
 
 // Exports
@@ -25,14 +25,14 @@ module.exports = {
 
 /***/ }),
 
-/***/ 89861:
+/***/ 95770:
 /***/ ((module) => {
 
 // Exports
 module.exports = {
 	"cell": "Cell_cell__2GOSl",
-	"bonusWord2": "Cell_bonusWord2__Ztd1C",
-	"bonusWord3": "Cell_bonusWord3__eTB6G",
+	"bottom": "Cell_bottom__kFkxx",
+	"right": "Cell_right__ItPQR",
 	"bonusStart": "Cell_bonusStart__zy3BV",
 	"bonusCharacter1": "Cell_bonusCharacter1__zJUuA",
 	"bonusCharacter2": "Cell_bonusCharacter2__HZDn8",
@@ -40,16 +40,13 @@ module.exports = {
 	"bonusCharacter5": "Cell_bonusCharacter5__LdDrj",
 	"bonusCharacterMultiplier2": "Cell_bonusCharacterMultiplier2__Qpcd7",
 	"bonusCharacterMultiplier3": "Cell_bonusCharacterMultiplier3__0qtZY",
-	"characterPoints1": "Cell_characterPoints1__CKxm0",
-	"characterPoints2": "Cell_characterPoints2__QkYnj",
-	"characterPoints3": "Cell_characterPoints3___SyO2",
-	"characterPoints5": "Cell_characterPoints5___OS_7",
+	"bonusWord2": "Cell_bonusWord2__Ztd1C",
+	"bonusWord3": "Cell_bonusWord3__eTB6G",
 	"candidate": "Cell_candidate__qGOhc",
 	"actions": "Cell_actions__YOyrG",
 	"action": "Cell_action___13Yo",
 	"filterCell": "Cell_filterCell__f5FRe",
 	"toggleDirection": "Cell_toggleDirection__1WgpQ",
-	"right": "Cell_right__ItPQR",
 	"blank": "Cell_blank__n7TRD",
 	"active": "Cell_active__L88UB",
 	"filtered": "Cell_filtered__16gx1",
@@ -62,7 +59,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 87864:
+/***/ 60394:
 /***/ ((module) => {
 
 // Exports
@@ -76,7 +73,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 67547:
+/***/ 68358:
 /***/ ((module) => {
 
 // Exports
@@ -94,7 +91,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 7528:
+/***/ 55624:
 /***/ ((module) => {
 
 // Exports
@@ -106,7 +103,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 75014:
+/***/ 52603:
 /***/ ((module) => {
 
 // Exports
@@ -118,7 +115,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 53639:
+/***/ 91898:
 /***/ ((module) => {
 
 // Exports
@@ -129,7 +126,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 34154:
+/***/ 55487:
 /***/ ((module) => {
 
 // Exports
@@ -145,7 +142,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 4748:
+/***/ 94095:
 /***/ ((module) => {
 
 // Exports
@@ -159,7 +156,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 44083:
+/***/ 25223:
 /***/ ((module) => {
 
 // Exports
@@ -174,7 +171,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 89960:
+/***/ 8557:
 /***/ ((module) => {
 
 // Exports
@@ -188,7 +185,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 42490:
+/***/ 79798:
 /***/ ((module) => {
 
 // Exports
@@ -204,7 +201,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 42687:
+/***/ 30277:
 /***/ ((module) => {
 
 // Exports
@@ -216,7 +213,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 10157:
+/***/ 59758:
 /***/ ((module) => {
 
 // Exports
@@ -231,7 +228,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 55797:
+/***/ 41415:
 /***/ ((module) => {
 
 // Exports
@@ -246,7 +243,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 31281:
+/***/ 95070:
 /***/ ((module) => {
 
 // Exports
@@ -259,7 +256,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 81177:
+/***/ 54206:
 /***/ ((module) => {
 
 // Exports
@@ -285,7 +282,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 35628:
+/***/ 55293:
 /***/ ((module) => {
 
 // Exports
@@ -297,7 +294,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 87230:
+/***/ 65445:
 /***/ ((module) => {
 
 // Exports
@@ -310,7 +307,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 78323:
+/***/ 11130:
 /***/ ((module) => {
 
 // Exports
@@ -322,7 +319,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 64252:
+/***/ 61909:
 /***/ ((module) => {
 
 // Exports
@@ -334,7 +331,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 38997:
+/***/ 81471:
 /***/ ((module) => {
 
 // Exports
@@ -355,7 +352,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 32455:
+/***/ 63936:
 /***/ ((module) => {
 
 // Exports
@@ -374,7 +371,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 77751:
+/***/ 19812:
 /***/ ((module) => {
 
 // Exports
@@ -386,7 +383,29 @@ module.exports = {
 
 /***/ }),
 
-/***/ 78021:
+/***/ 90375:
+/***/ ((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"
+};
+
+
+/***/ }),
+
+/***/ 41798:
 /***/ ((module) => {
 
 // Exports
@@ -406,7 +425,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 27008:
+/***/ 53539:
 /***/ ((module) => {
 
 // Exports
@@ -419,7 +438,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 7346:
+/***/ 48564:
 /***/ ((module) => {
 
 // Exports
@@ -430,7 +449,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 87633:
+/***/ 68716:
 /***/ ((module) => {
 
 // Exports
@@ -445,13 +464,15 @@ module.exports = {
 	"blank": "Tile_blank__q2Ujv",
 	"character": "Tile_character__2XzcR",
 	"highlighted": "Tile_highlighted__eg00X",
-	"points": "Tile_points__z39vV"
+	"points": "Tile_points__z39vV",
+	"invalid": "Tile_invalid__3bxxF",
+	"alert": "Tile_alert__0o8j3"
 };
 
 
 /***/ }),
 
-/***/ 222:
+/***/ 41333:
 /***/ ((module) => {
 
 // Exports
@@ -470,7 +491,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 81328:
+/***/ 7221:
 /***/ ((module) => {
 
 // Exports
@@ -481,7 +502,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 8258:
+/***/ 23758:
 /***/ ((module) => {
 
 // Exports
@@ -497,7 +518,7 @@ module.exports = {
 
 /***/ }),
 
-/***/ 99874:
+/***/ 47743:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -513,7 +534,7 @@ var jsx_runtime_ = __webpack_require__(20997);
 var external_classnames_ = __webpack_require__(59003);
 var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
 // EXTERNAL MODULE: ./src/components/Badge/Badge.module.scss
-var Badge_module = __webpack_require__(52392);
+var Badge_module = __webpack_require__(91889);
 var Badge_module_default = /*#__PURE__*/__webpack_require__.n(Badge_module);
 ;// CONCATENATED MODULE: ./src/components/Badge/Badge.tsx
 
@@ -531,7 +552,7 @@ const Badge = ({ children , className  })=>/*#__PURE__*/ jsx_runtime_.jsx("div",
 
 /***/ }),
 
-/***/ 52701:
+/***/ 71410:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -541,9 +562,9 @@ __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__(51413);
-/* harmony import */ var _BoardPure__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(76679);
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11941);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64579);
+/* harmony import */ var _BoardPure__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14989);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18481);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_1__, _BoardPure__WEBPACK_IMPORTED_MODULE_2__, _hooks__WEBPACK_IMPORTED_MODULE_3__]);
 ([state__WEBPACK_IMPORTED_MODULE_1__, _BoardPure__WEBPACK_IMPORTED_MODULE_2__, _hooks__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
@@ -576,7 +597,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 76679:
+/***/ 14989:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -590,9 +611,9 @@ __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 _Board_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(65585);
+/* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(41205);
 /* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Board_module_scss__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21444);
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11329);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components__WEBPACK_IMPORTED_MODULE_3__]);
 _components__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -600,7 +621,7 @@ _components__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then
 
 
 
-const BoardPure = ({ className , cellSize , center , direction , innerRef , refs , rows , onChange , onDirectionToggle , onFocus , onKeyDown , onPaste ,  })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+const BoardPure = ({ className , cellSize , center , direction , innerRef , refs , rows , onChange , onDirectionToggle , onFocus , onKeyDown , onPaste  })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default().board), className),
         ref: innerRef,
         onKeyDown: onKeyDown,
@@ -612,7 +633,9 @@ const BoardPure = ({ className , cellSize , center , direction , innerRef , refs
                         cell: cell,
                         direction: direction,
                         inputRef: refs[y][x],
+                        isBottom: y === rows.length - 1,
                         isCenter: center.x === x && center.y === y,
+                        isRight: x === cells.length - 1,
                         size: cellSize,
                         onChange: onChange,
                         onDirectionToggle: onDirectionToggle,
@@ -627,7 +650,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 35588:
+/***/ 15349:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -639,8 +662,8 @@ __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 _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(73778);
-/* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89861);
+/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
+/* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(95770);
 /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_3__);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__]);
 _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -668,7 +691,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 5494:
+/***/ 58220:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -683,9 +706,9 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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 lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(30459);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(51413);
-/* harmony import */ var _CellPure__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(80640);
+/* 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 _CellPure__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(88141);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _CellPure__WEBPACK_IMPORTED_MODULE_6__]);
 ([state__WEBPACK_IMPORTED_MODULE_5__, _CellPure__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
@@ -695,13 +718,14 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 
-const Cell = ({ cell , className , direction , inputRef , isCenter , size , onChange , onDirectionToggle , onFocus ,  })=>{
+const Cell = ({ cell , className , direction , inputRef , isBottom , isCenter , isRight , size , onChange , onDirectionToggle , onFocus  })=>{
     const { tile , x , y  } = cell;
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
     const bonus = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCellBonus */ .O0)(state, cell));
     const points = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectTilePoints */ .Zf)(state, cell.tile));
     const isFiltered = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCellIsFiltered */ .id)(state, cell));
+    const isValid = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCellIsValid */ .fZ)(state, cell));
     const { tileFontSize  } = (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .getTileSizes */ .vc)(size);
     const isEmpty = tile.character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.EMPTY_CELL;
     const style = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
@@ -754,9 +778,12 @@ const Cell = ({ cell , className , direction , inputRef , isCenter , size , onCh
         className: className,
         direction: direction,
         inputRef: inputRef,
+        isBottom: isBottom,
         isCenter: isCenter,
+        isRight: isRight,
         isEmpty: isEmpty,
         isFiltered: isFiltered,
+        isValid: isValid,
         points: points,
         size: size,
         style: style,
@@ -776,7 +803,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 80640:
+/***/ 88141:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -790,12 +817,12 @@ __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__(20081);
-/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(17565);
-/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(35588);
-/* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89861);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12374);
+/* 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);
 /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(85398);
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(98094);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tile__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__]);
 ([_Tile__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
@@ -806,13 +833,15 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Til
 
 
 
-const CellPure = ({ bonus , cell , className , direction , inputRef , isCenter , isEmpty , isFiltered , points , size , style , tile , translate , onChange , onDirectionToggleClick , onFocus , onToggleBlankClick , onToggleFilterCellClick ,  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().cell), (0,_lib__WEBPACK_IMPORTED_MODULE_6__/* .getBonusClassname */ .K)(cell, bonus, isCenter), className, {
-            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().candidate)]: cell.isCandidate()
+const CellPure = ({ bonus , cell , className , direction , inputRef , isBottom , isCenter , isRight , isEmpty , isFiltered , isValid , points , size , style , tile , translate , onChange , onDirectionToggleClick , onFocus , onToggleBlankClick , onToggleFilterCellClick  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().cell), className, (0,_lib__WEBPACK_IMPORTED_MODULE_6__/* .getBonusClassname */ .K)(cell, bonus, isCenter), {
+            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().bottom)]: isBottom,
+            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().candidate)]: cell.isCandidate(),
+            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().right)]: isRight
         }),
         style: style,
         children: [
-            isCenter && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+            isCenter && isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                 className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().iconContainer)),
                 children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .Star */ .Ux, {
                     className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().star)
@@ -830,6 +859,7 @@ const CellPure = ({ bonus , cell , className , direction , inputRef , isCenter ,
                 highlighted: cell.isCandidate(),
                 inputRef: inputRef,
                 isBlank: tile.isBlank,
+                isValid: isValid,
                 points: points,
                 raised: !isEmpty,
                 size: size,
@@ -876,7 +906,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 10766:
+/***/ 79821:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -884,7 +914,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _Cell__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5494);
+/* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(58220);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Cell__WEBPACK_IMPORTED_MODULE_0__]);
 _Cell__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -894,7 +924,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 85398:
+/***/ 98094:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -902,7 +932,7 @@ __webpack_async_result__();
 /* harmony export */   "K": () => (/* binding */ getBonusClassname)
 /* harmony export */ });
 /* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7618);
-/* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(89861);
+/* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(95770);
 /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_1__);
 
 
@@ -952,7 +982,7 @@ const getCharacterBonusClassname = (bonus)=>{
 
 /***/ }),
 
-/***/ 21444:
+/***/ 11329:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -960,7 +990,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "b": () => (/* reexport safe */ _Cell__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10766);
+/* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(79821);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Cell__WEBPACK_IMPORTED_MODULE_0__]);
 _Cell__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -970,7 +1000,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 11941:
+/***/ 18481:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -978,7 +1008,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "N": () => (/* reexport safe */ _useGrid__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _useGrid__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(89113);
+/* harmony import */ var _useGrid__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(25735);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useGrid__WEBPACK_IMPORTED_MODULE_0__]);
 _useGrid__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -988,7 +1018,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 89113:
+/***/ 25735:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1005,11 +1035,12 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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 lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(30459);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(51413);
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95137);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__]);
-state__WEBPACK_IMPORTED_MODULE_6__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(77586);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(95784);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64579);
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(21758);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_7__]);
+state__WEBPACK_IMPORTED_MODULE_7__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 /* eslint-disable max-lines, max-statements */ 
 
 
@@ -1018,13 +1049,15 @@ state__WEBPACK_IMPORTED_MODULE_6__ = (__webpack_async_dependencies__.then ? (awa
 
 
 
+
 const toggleDirection = (direction)=>direction === "vertical" ? "horizontal" : "vertical";
 const useGrid = (rows)=>{
     const height = rows.length;
     const width = rows[0].length;
     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 refs = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_5__/* .createGridOf */ .DI)(width, height, ()=>(0,react__WEBPACK_IMPORTED_MODULE_2__.createRef)()), [
+    const config = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectConfig */ .$o);
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectLocale */ .fN);
+    const refs = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_6__/* .createGridOf */ .DI)(width, height, ()=>(0,react__WEBPACK_IMPORTED_MODULE_2__.createRef)()), [
         width,
         height
     ]);
@@ -1032,7 +1065,7 @@ const useGrid = (rows)=>{
         x: 0,
         y: 0
     });
-    const { 0: direction , 1: setLastDirection  } = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("horizontal");
+    const [direction, setLastDirection] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("horizontal");
     const directionRef = (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useLatest)(direction);
     const changeActiveIndex = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((offsetX, offsetY)=>{
         const x = Math.min(Math.max(activeIndexRef.current.x + offsetX, 0), width - 1);
@@ -1047,7 +1080,7 @@ const useGrid = (rows)=>{
         refs
     ]);
     const getInputRefPosition = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((inputRef)=>{
-        return (0,_lib__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(refs, (ref)=>ref.current === inputRef);
+        return (0,_lib__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(refs, (ref)=>ref.current === inputRef);
     }, [
         refs
     ]);
@@ -1062,7 +1095,7 @@ const useGrid = (rows)=>{
         directionRef
     ]);
     const insertValue = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((position, value)=>{
-        const characters = value ? (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .extractCharacters */ .nK)(config, value).filter((character)=>character !== _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.BLANK) : [
+        const characters = value ? (0,lib__WEBPACK_IMPORTED_MODULE_6__/* .extractCharacters */ .nK)(config, value).filter((character)=>character !== _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.BLANK) : [
             _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.BLANK
         ];
         const actions = [];
@@ -1089,31 +1122,31 @@ const useGrid = (rows)=>{
                 const cellUp = board.rows[y - 1][x];
                 const twoCharacterCandidate = cellUp.tile.character + character;
                 if (!cellUp.tile.isBlank && config.twoCharacterTiles.includes(twoCharacterCandidate)) {
-                    const action = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                    const action = state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                         x,
                         y: y - 1,
                         value: twoCharacterCandidate
                     });
-                    board = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(board, action);
+                    board = state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.reducer */ .I8.reducer(board, action);
                     actions.push(action);
                     return;
                 }
             }
             if (canCheckDown) {
                 const cellDown = board.rows[y + 1][x];
-                const twoCharacterCandidate1 = character + cellDown.tile.character;
-                if (!cellDown.tile.isBlank && config.twoCharacterTiles.includes(twoCharacterCandidate1)) {
-                    const action1 = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                const twoCharacterCandidate = character + cellDown.tile.character;
+                if (!cellDown.tile.isBlank && config.twoCharacterTiles.includes(twoCharacterCandidate)) {
+                    const action1 = state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                         x,
                         y,
                         value: character
                     });
-                    const action2 = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                    const action2 = state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                         x,
                         y: y + 1,
                         value: _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.EMPTY_CELL
                     });
-                    board = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(board, action1), action2);
+                    board = state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.reducer */ .I8.reducer(state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.reducer */ .I8.reducer(board, action1), action2);
                     actions.push(action1, action2);
                     scheduleMoveFocus();
                     return;
@@ -1121,59 +1154,59 @@ const useGrid = (rows)=>{
             }
             if (canCheckLeft) {
                 const cellLeft = board.rows[y][x - 1];
-                const twoCharacterCandidate2 = cellLeft.tile.character + character;
-                if (!cellLeft.tile.isBlank && config.twoCharacterTiles.includes(twoCharacterCandidate2)) {
-                    const action3 = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                const twoCharacterCandidate = cellLeft.tile.character + character;
+                if (!cellLeft.tile.isBlank && config.twoCharacterTiles.includes(twoCharacterCandidate)) {
+                    const action = state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                         x: x - 1,
                         y,
-                        value: twoCharacterCandidate2
+                        value: twoCharacterCandidate
                     });
-                    board = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(board, action3);
-                    actions.push(action3);
+                    board = state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.reducer */ .I8.reducer(board, action);
+                    actions.push(action);
                     return;
                 }
             }
             if (canCheckRight) {
                 const cellRight = board.rows[y][x + 1];
-                const twoCharacterCandidate3 = character + cellRight.tile.character;
-                if (!cellRight.tile.isBlank && config.twoCharacterTiles.includes(twoCharacterCandidate3)) {
-                    const action11 = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                const twoCharacterCandidate = character + cellRight.tile.character;
+                if (!cellRight.tile.isBlank && config.twoCharacterTiles.includes(twoCharacterCandidate)) {
+                    const action1 = state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                         x,
                         y,
                         value: character
                     });
-                    const action21 = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                    const action2 = state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                         x: x + 1,
                         y,
                         value: _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.EMPTY_CELL
                     });
-                    board = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(board, action11), action21);
-                    actions.push(action11, action21);
+                    board = state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.reducer */ .I8.reducer(state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.reducer */ .I8.reducer(board, action1), action2);
+                    actions.push(action1, action2);
                     scheduleMoveFocus();
                     return;
                 }
             }
             if (!canCheckDown || !canCheckRight) {
                 const cell = board.rows[y][x];
-                const twoCharacterCandidate4 = cell.tile.character + character;
-                if (!cell.tile.isBlank && config.twoCharacterTiles.includes(twoCharacterCandidate4)) {
-                    const action4 = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                const twoCharacterCandidate = cell.tile.character + character;
+                if (!cell.tile.isBlank && config.twoCharacterTiles.includes(twoCharacterCandidate)) {
+                    const action = state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                         x,
                         y,
-                        value: twoCharacterCandidate4
+                        value: twoCharacterCandidate
                     });
-                    board = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(board, action4);
-                    actions.push(action4);
+                    board = state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.reducer */ .I8.reducer(board, action);
+                    actions.push(action);
                     return;
                 }
             }
-            const action5 = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+            const action = state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                 x,
                 y,
                 value: character
             });
-            board = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(board, action5);
-            actions.push(action5);
+            board = state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.reducer */ .I8.reducer(board, action);
+            actions.push(action);
             scheduleMoveFocus();
         });
         moveFocus(Math.abs(position.x - x) + Math.abs(position.y - y));
@@ -1190,9 +1223,9 @@ const useGrid = (rows)=>{
         if (!position) {
             return;
         }
-        const value = (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .extractInputValue */ .WM)(event.target);
+        const value = (0,lib__WEBPACK_IMPORTED_MODULE_6__/* .extractInputValue */ .WM)(event.target);
         if (!value) {
-            dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+            dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                 ...position,
                 value: _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.EMPTY_CELL
             }));
@@ -1203,7 +1236,7 @@ const useGrid = (rows)=>{
             const { x , y  } = position;
             const cell = rows[y][x];
             if (cell.hasTile()) {
-                dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(position));
+                dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(position));
                 return;
             }
         }
@@ -1222,10 +1255,10 @@ const useGrid = (rows)=>{
         };
     }, []);
     const onKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>{
-        return (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .createKeyboardNavigation */ .np)({
+        return (0,lib__WEBPACK_IMPORTED_MODULE_6__/* .createKeyboardNavigation */ .np)({
             onArrowDown: (event)=>{
                 event.preventDefault();
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_5__/* .isCtrl */ .yl)(event)) {
+                if ((0,lib__WEBPACK_IMPORTED_MODULE_6__/* .isCtrl */ .yl)(event)) {
                     onDirectionToggle();
                 } else {
                     changeActiveIndex(0, 1);
@@ -1233,25 +1266,23 @@ const useGrid = (rows)=>{
             },
             onArrowLeft: (event)=>{
                 event.preventDefault();
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_5__/* .isCtrl */ .yl)(event)) {
+                if ((0,lib__WEBPACK_IMPORTED_MODULE_6__/* .isCtrl */ .yl)(event)) {
                     onDirectionToggle();
                 } else {
-                    const isRtl = document.body.parentElement?.dir === "rtl";
-                    changeActiveIndex(isRtl ? 1 : -1, 0);
+                    changeActiveIndex(i18n__WEBPACK_IMPORTED_MODULE_5__/* .LOCALE_FEATURES */ .q[locale].direction === "ltr" ? -1 : 1, 0);
                 }
             },
             onArrowRight: (event)=>{
                 event.preventDefault();
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_5__/* .isCtrl */ .yl)(event)) {
+                if ((0,lib__WEBPACK_IMPORTED_MODULE_6__/* .isCtrl */ .yl)(event)) {
                     onDirectionToggle();
                 } else {
-                    const isRtl = document.body.parentElement?.dir === "rtl";
-                    changeActiveIndex(isRtl ? -1 : 1, 0);
+                    changeActiveIndex(i18n__WEBPACK_IMPORTED_MODULE_5__/* .LOCALE_FEATURES */ .q[locale].direction === "ltr" ? 1 : -1, 0);
                 }
             },
             onArrowUp: (event)=>{
                 event.preventDefault();
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_5__/* .isCtrl */ .yl)(event)) {
+                if ((0,lib__WEBPACK_IMPORTED_MODULE_6__/* .isCtrl */ .yl)(event)) {
                     onDirectionToggle();
                 } else {
                     changeActiveIndex(0, -1);
@@ -1263,7 +1294,7 @@ const useGrid = (rows)=>{
                     return;
                 }
                 event.preventDefault();
-                dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                     ...position,
                     value: _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.EMPTY_CELL
                 }));
@@ -1275,7 +1306,7 @@ const useGrid = (rows)=>{
                     return;
                 }
                 event.preventDefault();
-                dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                     ...position,
                     value: _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.EMPTY_CELL
                 }));
@@ -1288,16 +1319,16 @@ const useGrid = (rows)=>{
                 }
                 const { x , y  } = position;
                 const character = event.key.toLowerCase();
-                const isTogglingBlank = (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .isCtrl */ .yl)(event) && character === "b";
+                const isTogglingBlank = (0,lib__WEBPACK_IMPORTED_MODULE_6__/* .isCtrl */ .yl)(event) && character === "b";
                 const twoCharacterTile = config.getTwoCharacterTileByPrefix(character);
                 if (isTogglingBlank) {
                     event.preventDefault();
-                    dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(position));
+                    dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(position));
                     return;
                 }
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_5__/* .isCtrl */ .yl)(event) && twoCharacterTile) {
+                if ((0,lib__WEBPACK_IMPORTED_MODULE_6__/* .isCtrl */ .yl)(event) && twoCharacterTile) {
                     event.preventDefault();
-                    dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                    dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                         x,
                         y,
                         value: twoCharacterTile
@@ -1309,7 +1340,7 @@ const useGrid = (rows)=>{
                 const twoCharacterCandidate = cell.tile.character + character;
                 if (config.twoCharacterTiles.includes(twoCharacterCandidate)) {
                     event.preventDefault();
-                    dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                    dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                         ...position,
                         value: twoCharacterCandidate
                     }));
@@ -1329,13 +1360,14 @@ const useGrid = (rows)=>{
                     return;
                 }
                 event.preventDefault();
-                dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(position));
+                dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(position));
             }
         });
     }, [
         changeActiveIndex,
         config,
         dispatch,
+        locale,
         onDirectionToggle,
         rows
     ]);
@@ -1364,7 +1396,7 @@ const useGrid = (rows)=>{
             onFocus,
             onKeyDown,
             onPaste
-        }, 
+        }
     ];
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useGrid);
@@ -1374,7 +1406,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 83774:
+/***/ 8511:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1382,7 +1414,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _Board__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _Board__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(52701);
+/* harmony import */ var _Board__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(71410);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Board__WEBPACK_IMPORTED_MODULE_0__]);
 _Board__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -1392,7 +1424,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 95137:
+/***/ 21758:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1417,7 +1449,7 @@ const getPositionInGrid = (grid, constraint)=>{
 
 /***/ }),
 
-/***/ 29414:
+/***/ 81870:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1429,8 +1461,8 @@ __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 _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(73778);
-/* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(87864);
+/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
+/* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60394);
 /* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_Button_module_scss__WEBPACK_IMPORTED_MODULE_3__);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__]);
 _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -1466,7 +1498,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 84095:
+/***/ 96753:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1474,7 +1506,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(29414);
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(81870);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Button__WEBPACK_IMPORTED_MODULE_0__]);
 _Button__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -1484,7 +1516,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 85603:
+/***/ 25898:
 /***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1495,8 +1527,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 + 28 modules
-var icons = __webpack_require__(20081);
+// EXTERNAL MODULE: ./src/icons/index.ts + 29 modules
+var icons = __webpack_require__(12374);
 ;// CONCATENATED MODULE: ./src/components/Checkbox/Checkbox.tsx
 
 
@@ -1536,7 +1568,7 @@ const Checkbox = ({ checked , children , className , disabled , id , name , onCh
 
 /***/ }),
 
-/***/ 64328:
+/***/ 6211:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1548,10 +1580,10 @@ __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 state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(51413);
-/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(79590);
-/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(85907);
-/* harmony import */ var _Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(67547);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64579);
+/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18681);
+/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(84198);
+/* harmony import */ var _Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(68358);
 /* harmony import */ var _Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5__);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_2__, _EmptyState__WEBPACK_IMPORTED_MODULE_3__, _Loading__WEBPACK_IMPORTED_MODULE_4__]);
 ([state__WEBPACK_IMPORTED_MODULE_2__, _EmptyState__WEBPACK_IMPORTED_MODULE_3__, _Loading__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -1636,7 +1668,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 28135:
+/***/ 62166:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1644,7 +1676,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _Dictionary__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _Dictionary__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(64328);
+/* harmony import */ var _Dictionary__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6211);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Dictionary__WEBPACK_IMPORTED_MODULE_0__]);
 _Dictionary__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -1654,7 +1686,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 51560:
+/***/ 74389:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1668,8 +1700,8 @@ __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 state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(51413);
-/* harmony import */ var _DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7528);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64579);
+/* harmony import */ var _DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(55624);
 /* harmony import */ var _DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_DictionaryInput_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];
@@ -1709,7 +1741,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 73580:
+/***/ 40105:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1717,7 +1749,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _DictionaryInput__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _DictionaryInput__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51560);
+/* harmony import */ var _DictionaryInput__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(74389);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_DictionaryInput__WEBPACK_IMPORTED_MODULE_0__]);
 _DictionaryInput__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -1727,7 +1759,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 29508:
+/***/ 97385:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1741,11 +1773,11 @@ __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 i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(43898);
-/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(90485);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(51413);
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(48368);
-/* harmony import */ var _EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(75014);
+/* 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 _PlainTiles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(31773);
+/* harmony import */ var _EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(52603);
 /* harmony import */ var _EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7__);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _PlainTiles__WEBPACK_IMPORTED_MODULE_6__]);
 ([state__WEBPACK_IMPORTED_MODULE_5__, _PlainTiles__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -1806,7 +1838,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 79590:
+/***/ 18681:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1814,7 +1846,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _EmptyState__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(29508);
+/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(97385);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_EmptyState__WEBPACK_IMPORTED_MODULE_0__]);
 _EmptyState__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -1824,7 +1856,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 50237:
+/***/ 41992:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1840,7 +1872,7 @@ var jsx_runtime_ = __webpack_require__(20997);
 var external_classnames_ = __webpack_require__(59003);
 var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
 // EXTERNAL MODULE: ./src/components/Key/Key.module.scss
-var Key_module = __webpack_require__(53639);
+var Key_module = __webpack_require__(91898);
 var Key_module_default = /*#__PURE__*/__webpack_require__.n(Key_module);
 ;// CONCATENATED MODULE: ./src/components/Key/Key.tsx
 
@@ -1858,7 +1890,7 @@ const Key = ({ children , className  })=>/*#__PURE__*/ jsx_runtime_.jsx("kbd", {
 
 /***/ }),
 
-/***/ 30949:
+/***/ 81434:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1868,11 +1900,11 @@ __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__(51413);
-/* harmony import */ var _Key__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(50237);
-/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(714);
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(91913);
-/* harmony import */ var _keys__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(85031);
+/* 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__);
 
@@ -1921,8 +1953,8 @@ const KeyMap = ({ className , isOpen , onClose  })=>{
                                     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))
-                                }), 
-                            ], 
+                                })
+                            ]
                         ]
                     })
                 ]
@@ -1972,7 +2004,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 91913:
+/***/ 63873:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1990,7 +2022,7 @@ var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_cl
 // 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__(34154);
+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
 
@@ -2041,7 +2073,7 @@ const Mapping = ({ className , description , mapping  })=>/*#__PURE__*/ (0,jsx_r
 
 /***/ }),
 
-/***/ 37870:
+/***/ 72467:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2049,7 +2081,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__(30949);
+/* 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];
 
@@ -2059,7 +2091,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 85031:
+/***/ 89167:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2076,9 +2108,9 @@ __webpack_async_result__();
 /* 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__(20081);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(30459);
-/* harmony import */ var _Key__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50237);
+/* 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);
 
 
 
@@ -2123,7 +2155,7 @@ const SPACE = /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_
 
 /***/ }),
 
-/***/ 28010:
+/***/ 90425:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2137,10 +2169,10 @@ __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 i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(43898);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(51413);
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(48368);
-/* harmony import */ var _Loading_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4748);
+/* 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__);
@@ -2192,7 +2224,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 85907:
+/***/ 84198:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2200,7 +2232,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__(28010);
+/* 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];
 
@@ -2210,7 +2242,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 51168:
+/***/ 2622:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2224,16 +2256,12 @@ __webpack_require__.d(__webpack_exports__, {
 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); }
 
-
-
 var SvgLogo = function SvgLogo(props) {
   return /*#__PURE__*/external_react_.createElement("svg", _extends({
     viewBox: "0 0 682 166",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#efe3ae",
     d: "M0 0h80v80H0Z"
@@ -2326,7 +2354,6 @@ var SvgLogo = function SvgLogo(props) {
     d: "M654.152 143.379H630.2v-5.04l8.602-8.694q2.601-2.672 4.172-4.454 1.593-1.804 2.297-3.28.726-1.477.726-3.165 0-2.039-1.148-3.047-1.125-1.031-3.024-1.031-1.992 0-3.867.914t-3.914 2.602l-3.938-4.664q1.477-1.266 3.118-2.391 1.664-1.125 3.843-1.805 2.204-.703 5.274-.703 3.375 0 5.789 1.219 2.437 1.219 3.75 3.328 1.312 2.086 1.312 4.734 0 2.836-1.125 5.18t-3.28 4.64q-2.134 2.298-5.157 5.087l-4.406 4.148v.328h14.93z"
   })));
 };
-
 /* harmony default export */ const Logo = (SvgLogo);
 ;// CONCATENATED MODULE: ./src/components/Logo/index.ts
 
@@ -2334,7 +2361,7 @@ var SvgLogo = function SvgLogo(props) {
 
 /***/ }),
 
-/***/ 54677:
+/***/ 11636:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2346,14 +2373,15 @@ __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 icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20081);
-/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(90485);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(51413);
-/* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(49021);
-/* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(44083);
-/* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_6__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _SquareButton__WEBPACK_IMPORTED_MODULE_5__]);
-([state__WEBPACK_IMPORTED_MODULE_4__, _SquareButton__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* 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__);
 
 
 
@@ -2361,75 +2389,77 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 
-const NavButtons = ({ onClear , onShowKeyMap , onShowRemainingTiles , onShowSettings , onShowWords ,  })=>{
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTranslate */ .qM)();
-    const hasOverusedTiles = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectHasOverusedTiles */ .En);
-    const hasInvalidWords = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectHasInvalidWords */ .bs);
+
+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_6___default().navButtons),
+        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_6___default().group),
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_6___default().button),
-                    Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .Eraser */ .Gs,
+                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_6___default().separator)
+                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_6___default().group),
+                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
                 children: [
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-                        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_6___default().button), {
-                            [(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_6___default().error)]: hasOverusedTiles
+                    /*#__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_2__/* .Sack */ .xy,
+                        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_5__/* ["default"] */ .Z, {
-                        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_6___default().button), {
-                            [(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_6___default().error)]: hasInvalidWords
+                    /*#__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_2__/* .BookHalf */ .PP,
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .BookHalf */ .PP,
                         tooltip: translate("words"),
                         onClick: onShowWords
                     })
                 ]
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_6___default().separator)
+                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_6___default().group),
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_5__/* ["default"].Link */ .Z.Link, {
-                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_6___default().button),
-                    href: parameters__WEBPACK_IMPORTED_MODULE_3__/* .GITHUB_PROJECT_URL */ .h4,
-                    Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .Github */ .Ey,
+                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"].Link */ .Z.Link, {
+                    className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
+                    href: parameters__WEBPACK_IMPORTED_MODULE_4__/* .GITHUB_PROJECT_URL */ .h4,
+                    Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Github */ .Ey,
                     rel: "noopener noreferrer",
                     target: "_blank",
                     tooltip: translate("github")
                 })
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_6___default().separator)
+                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_6___default().group),
+                className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
                 children: [
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-                        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_6___default().button),
-                        Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .Keyboard */ .N1,
+                    !isTouchDevice && /*#__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__/* .Keyboard */ .N1,
                         tooltip: translate("keyMap"),
                         onClick: onShowKeyMap
                     }),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-                        className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_6___default().button),
-                        Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .Cog */ .Oz,
+                    /*#__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__/* .Cog */ .Oz,
                         tooltip: translate("settings"),
                         onClick: onShowSettings
                     })
@@ -2445,7 +2475,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 63495:
+/***/ 54723:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2453,7 +2483,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _NavButtons__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _NavButtons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(54677);
+/* harmony import */ var _NavButtons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(11636);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_NavButtons__WEBPACK_IMPORTED_MODULE_0__]);
 _NavButtons__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -2463,7 +2493,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 75976:
+/***/ 43405:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2475,9 +2505,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 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__(20081);
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48368);
-/* harmony import */ var _NotFound_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(89960);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(12374);
+/* 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__);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_PlainTiles__WEBPACK_IMPORTED_MODULE_3__]);
 _PlainTiles__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -2517,7 +2547,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 49641:
+/***/ 9527:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2525,7 +2555,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _NotFound__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _NotFound__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(75976);
+/* harmony import */ var _NotFound__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43405);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_NotFound__WEBPACK_IMPORTED_MODULE_0__]);
 _NotFound__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -2535,7 +2565,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 33756:
+/***/ 82601:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2549,13 +2579,13 @@ __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 i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(43898);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(51413);
-/* harmony import */ var _SvgFontCss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(69662);
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(36001);
-/* harmony import */ var _PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(42490);
+/* 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 _SvgFontCss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28887);
+/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(32546);
+/* harmony import */ var _PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(79798);
 /* harmony import */ var _PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(52354);
+/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(81718);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__]);
 state__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -2612,7 +2642,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 52354:
+/***/ 81718:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2660,7 +2690,7 @@ const Tile = ({ character , className , color , fontFamily , points , size , tra
 
 /***/ }),
 
-/***/ 48368:
+/***/ 31773:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2668,7 +2698,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _PlainTiles__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33756);
+/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82601);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_PlainTiles__WEBPACK_IMPORTED_MODULE_0__]);
 _PlainTiles__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -2678,7 +2708,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 36001:
+/***/ 32546:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2696,7 +2726,7 @@ var build = __webpack_require__(89418);
 // EXTERNAL MODULE: ../types/build/index.js
 var types_build = __webpack_require__(34046);
 // EXTERNAL MODULE: ./src/parameters/index.ts
-var parameters = __webpack_require__(90485);
+var parameters = __webpack_require__(74200);
 ;// CONCATENATED MODULE: ./src/components/PlainTiles/lib/getX.ts
 
 const getX = (index)=>{
@@ -2788,7 +2818,7 @@ const getViewbox = (content)=>{
 
 /***/ }),
 
-/***/ 60545:
+/***/ 34084:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2804,13 +2834,15 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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 lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(30459);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(51413);
-/* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(42687);
-/* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _RackTile__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1971);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _RackTile__WEBPACK_IMPORTED_MODULE_6__]);
-([state__WEBPACK_IMPORTED_MODULE_5__, _RackTile__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(77586);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(95784);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64579);
+/* 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__);
+/* harmony import */ var _RackTile__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(84840);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__, _RackTile__WEBPACK_IMPORTED_MODULE_7__]);
+([state__WEBPACK_IMPORTED_MODULE_6__, _RackTile__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
 
 
 
@@ -2821,18 +2853,20 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 const Rack = ({ className  })=>{
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
-    const config = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectConfig */ .$o);
-    const rack = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectRack */ .QB);
-    const resultCandidateTiles = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectResultCandidateTiles */ .z$);
-    const tiles = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_4__/* .zipCharactersAndTiles */ .gV)(rack, resultCandidateTiles), [
+    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);
+    const rack = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectRack */ .QB);
+    const resultCandidateTiles = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectResultCandidateTiles */ .z$);
+    const tiles = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_5__/* .zipCharactersAndTiles */ .gV)(rack, resultCandidateTiles), [
         rack,
         resultCandidateTiles
     ]);
     const tilesCount = tiles.length;
-    const tilesRefs = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_4__/* .createArray */ .Ri)(tilesCount).map(()=>/*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_2__.createRef)()), [
+    const tilesRefs = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_5__/* .createArray */ .Ri)(tilesCount).map(()=>/*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_2__.createRef)()), [
         tilesCount
     ]);
     const activeIndexRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
+    const { direction  } = i18n__WEBPACK_IMPORTED_MODULE_4__/* .LOCALE_FEATURES */ .q[locale];
     const changeActiveIndex = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((offset)=>{
         const nextActiveIndex = Math.min(Math.max((activeIndexRef.current || 0) + offset, 0), tilesCount - 1);
         const tileRef = tilesRefs[nextActiveIndex].current;
@@ -2846,8 +2880,8 @@ const Rack = ({ className  })=>{
         tilesRefs
     ]);
     const handleChange = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((event)=>{
-        const value = (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .extractInputValue */ .WM)(event.target);
-        const characters = value ? (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .extractCharacters */ .nK)(config, value) : [];
+        const value = (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .extractInputValue */ .WM)(event.target);
+        const characters = value ? (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .extractCharacters */ .nK)(config, value) : [];
         changeActiveIndex(value ? characters.length : -1);
     }, [
         changeActiveIndex,
@@ -2860,9 +2894,9 @@ const Rack = ({ className  })=>{
         }
         event.preventDefault();
         const value = event.clipboardData.getData("text/plain").toLocaleLowerCase();
-        const characters = value ? (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .extractCharacters */ .nK)(config, value) : [];
+        const characters = value ? (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .extractCharacters */ .nK)(config, value) : [];
         changeActiveIndex(value ? characters.length : -1);
-        dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .rackSlice.actions.changeCharacters */ .O_.actions.changeCharacters({
+        dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .rackSlice.actions.changeCharacters */ .O_.actions.changeCharacters({
             characters,
             index
         }));
@@ -2872,23 +2906,35 @@ const Rack = ({ className  })=>{
         dispatch
     ]);
     const handleKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>{
-        return (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .createKeyboardNavigation */ .np)({
+        return (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .createKeyboardNavigation */ .np)({
             onArrowLeft: (event)=>{
                 event.preventDefault();
-                const direction = document.body.parentElement?.dir || "ltr";
                 changeActiveIndex(direction === "ltr" ? -1 : 1);
             },
             onArrowRight: (event)=>{
                 event.preventDefault();
-                const direction = document.body.parentElement?.dir || "ltr";
                 changeActiveIndex(direction === "ltr" ? 1 : -1);
             },
             onBackspace: (event)=>{
                 event.preventDefault();
                 changeActiveIndex(-1);
             },
+            onDelete: (event)=>{
+                const index = activeIndexRef.current;
+                if (typeof index === "undefined") {
+                    return;
+                }
+                event.preventDefault();
+                dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .rackSlice.actions.changeCharacters */ .O_.actions.changeCharacters({
+                    characters: [
+                        null
+                    ],
+                    index
+                }));
+                changeActiveIndex(1);
+            },
             onKeyDown: (event)=>{
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_4__/* .isCtrl */ .yl)(event) && config.isTwoCharacterTilePrefix(event.key)) {
+                if ((0,lib__WEBPACK_IMPORTED_MODULE_5__/* .isCtrl */ .yl)(event) && config.isTwoCharacterTilePrefix(event.key)) {
                     changeActiveIndex(1);
                 } else if (event.currentTarget.value === event.key) {
                     // change event did not fire because the same character was typed over the current one
@@ -2901,12 +2947,13 @@ const Rack = ({ className  })=>{
         });
     }, [
         changeActiveIndex,
-        config
+        config,
+        direction
     ]);
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Rack_module_scss__WEBPACK_IMPORTED_MODULE_7___default().rack), className),
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Rack_module_scss__WEBPACK_IMPORTED_MODULE_8___default().rack), className),
         onPaste: handlePaste,
-        children: tiles.map(({ character , tile  }, index)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_RackTile__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+        children: tiles.map(({ character , tile  }, index)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_RackTile__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                 activeIndexRef: activeIndexRef,
                 character: character,
                 index: index,
@@ -2924,7 +2971,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 1971:
+/***/ 84840:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2939,11 +2986,11 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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 lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(30459);
-/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(90485);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(51413);
-/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(17565);
-/* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(42687);
+/* 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__);
@@ -2956,11 +3003,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 , 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 handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>{
         activeIndexRef.current = index;
     }, [
@@ -3017,6 +3065,7 @@ const RackTile = ({ activeIndexRef , character , index , inputRef , tile , onCha
         highlighted: tile !== null,
         inputRef: inputRef,
         isBlank: character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.BLANK,
+        isValid: isValid,
         placeholder: translate("rack.placeholder")[index],
         points: points,
         raised: true,
@@ -3034,7 +3083,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 75138:
+/***/ 30007:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3042,7 +3091,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _Rack__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(60545);
+/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(34084);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Rack__WEBPACK_IMPORTED_MODULE_0__]);
 _Rack__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -3052,7 +3101,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 79845:
+/***/ 84985:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3068,7 +3117,7 @@ var jsx_runtime_ = __webpack_require__(20997);
 var external_classnames_ = __webpack_require__(59003);
 var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
 // EXTERNAL MODULE: ./src/components/Radio/Radio.module.scss
-var Radio_module = __webpack_require__(10157);
+var Radio_module = __webpack_require__(59758);
 var Radio_module_default = /*#__PURE__*/__webpack_require__.n(Radio_module);
 ;// CONCATENATED MODULE: ./src/components/Radio/Radio.tsx
 
@@ -3107,7 +3156,7 @@ const Radio = ({ checked , children , className , disabled , id , name , value ,
 
 /***/ }),
 
-/***/ 75194:
+/***/ 37070:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3120,11 +3169,11 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__(43898);
-/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(90485);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(51413);
-/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(17565);
-/* harmony import */ var _Character_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(55797);
+/* 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__);
@@ -3155,6 +3204,7 @@ const Character = ({ tile  })=>{
                 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
@@ -3177,7 +3227,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 9692:
+/***/ 33050:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3187,12 +3237,12 @@ __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 i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43898);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(51413);
-/* harmony import */ var _Badge__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(99874);
-/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(714);
-/* harmony import */ var _Character__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(75194);
-/* harmony import */ var _RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(31281);
+/* 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__);
@@ -3252,7 +3302,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 63233:
+/***/ 71524:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3260,7 +3310,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _RemainingTiles__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _RemainingTiles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9692);
+/* 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];
 
@@ -3270,7 +3320,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 13467:
+/***/ 27085:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3282,9 +3332,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 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 state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(51413);
-/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(73778);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(81177);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64579);
+/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7646);
+/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(54206);
 /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_4__);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_2__, _Tooltip__WEBPACK_IMPORTED_MODULE_3__]);
 ([state__WEBPACK_IMPORTED_MODULE_2__, _Tooltip__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -3311,7 +3361,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 53236:
+/***/ 58748:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3325,11 +3375,11 @@ __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__(20081);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(51413);
-/* harmony import */ var types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3620);
-/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(73778);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(81177);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12374);
+/* 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);
+/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(54206);
 /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_7__);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _Tooltip__WEBPACK_IMPORTED_MODULE_6__]);
 ([state__WEBPACK_IMPORTED_MODULE_4__, _Tooltip__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -3383,7 +3433,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 73829:
+/***/ 73975:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3395,10 +3445,10 @@ __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 i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(43898);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(51413);
-/* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(13467);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(81177);
+/* 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__);
@@ -3490,7 +3540,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 39516:
+/***/ 67930:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3506,18 +3556,18 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80551);
 /* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_window__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(43898);
-/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(90485);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(51413);
-/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(79590);
-/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(85907);
-/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(57345);
-/* harmony import */ var _getColumns__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(22691);
-/* harmony import */ var _HeaderButton__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(53236);
-/* harmony import */ var _Result__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(73829);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(81177);
+/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(77586);
+/* 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 _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 _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__(17290);
+/* 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__);
 
@@ -3567,7 +3617,7 @@ const Results = ({ height , width  })=>{
                 type: "error",
                 children: error.message
             }),
-            typeof results === "undefined" && typeof error === "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_EmptyState__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+            typeof error === "undefined" && typeof results === "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",
                 children: [
@@ -3575,7 +3625,7 @@ const Results = ({ height , width  })=>{
                     /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {})
                 ]
             }),
-            typeof results !== "undefined" && typeof allResults !== "undefined" && typeof error === "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+            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__*/ (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),
@@ -3626,7 +3676,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 17290:
+/***/ 21834:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3638,10 +3688,10 @@ __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__(20081);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(51413);
-/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(84095);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(81177);
+/* 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 _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__);
@@ -3677,15 +3727,15 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 22691:
+/***/ 20747:
 /***/ ((__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 types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3620);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(81177);
+/* harmony import */ var types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9033);
+/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(54206);
 /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_1__);
 
 
@@ -3701,7 +3751,7 @@ const getColumns = (options)=>{
             className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_1___default().stat),
             id: types__WEBPACK_IMPORTED_MODULE_0__/* .ResultColumn.TilesCount */ .M.TilesCount,
             translationKey: "common.tiles"
-        }, 
+        }
     ];
     if (consonants) {
         columns.push({
@@ -3737,7 +3787,7 @@ const getColumns = (options)=>{
 
 /***/ }),
 
-/***/ 65637:
+/***/ 21678:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3745,7 +3795,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _Results__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(39516);
+/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(67930);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Results__WEBPACK_IMPORTED_MODULE_0__]);
 _Results__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -3755,7 +3805,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 12613:
+/***/ 21988:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3771,9 +3821,9 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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 lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(30459);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(51413);
-/* harmony import */ var _ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(35628);
+/* 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 _ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(55293);
 /* harmony import */ var _ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6__);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__]);
 state__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -3788,7 +3838,7 @@ const ResultsInput = ({ className  })=>{
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
     const value = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectResultsQuery */ .QL);
-    const { 0: localValue , 1: setLocalValue  } = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(value);
+    const [localValue, setLocalValue] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(value);
     const handleChange = (event)=>{
         const newValue = event.target.value;
         setLocalValue(newValue);
@@ -3814,7 +3864,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 57345:
+/***/ 92833:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3822,7 +3872,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _ResultsInput__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12613);
+/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(21988);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ResultsInput__WEBPACK_IMPORTED_MODULE_0__]);
 _ResultsInput__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -3832,7 +3882,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 68197:
+/***/ 32359:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3848,7 +3898,7 @@ var jsx_runtime_ = __webpack_require__(20997);
 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__(87230);
+var Screen_module = __webpack_require__(65445);
 var Screen_module_default = /*#__PURE__*/__webpack_require__.n(Screen_module);
 ;// CONCATENATED MODULE: ./src/components/Screen/Screen.tsx
 
@@ -3870,7 +3920,7 @@ const Screen = ({ children , className , contentClassName , onAnimationEnd  })=>
 
 /***/ }),
 
-/***/ 97408:
+/***/ 28300:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3880,9 +3930,9 @@ __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__(51413);
-/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(714);
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60420);
+/* 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__);
 
@@ -3925,7 +3975,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 50102:
+/***/ 20847:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -3937,12 +3987,12 @@ __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 state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(51413);
-/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(79845);
-/* harmony import */ var _AutoGroupTilesSetting_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(78323);
+/* 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__(73685);
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(92724);
+/* 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];
 
@@ -3955,7 +4005,7 @@ state__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (awa
 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 configId = (0,state__WEBPACK_IMPORTED_MODULE_2__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_2__/* .selectAutoGroupTiles */ .uz);
+    const value = (0,state__WEBPACK_IMPORTED_MODULE_2__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_2__/* .selectAutoGroupTiles */ .uz);
     const options = [
         {
             label: translate("settings.autoGroupTiles.left"),
@@ -3968,7 +4018,7 @@ const AutoGroupTilesSetting = ({ className , disabled  })=>{
         {
             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);
@@ -3977,7 +4027,7 @@ const AutoGroupTilesSetting = ({ className , disabled  })=>{
     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: configId === (0,_lib__WEBPACK_IMPORTED_MODULE_5__/* .parseValue */ .H)(option.value),
+                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",
@@ -3998,7 +4048,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 73685:
+/***/ 92783:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4010,7 +4060,7 @@ const NULL_VALUE = "null";
 
 /***/ }),
 
-/***/ 98829:
+/***/ 33848:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4018,7 +4068,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__(50102);
+/* 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];
 
@@ -4028,14 +4078,14 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 92724:
+/***/ 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__(73685);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(92783);
 
 const parseValue = (value)=>{
     if (value === "left" || value === "right") {
@@ -4050,7 +4100,7 @@ const parseValue = (value)=>{
 
 /***/ }),
 
-/***/ 66627:
+/***/ 28635:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4062,11 +4112,11 @@ __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 state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(51413);
-/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(79845);
-/* harmony import */ var _ConfigSetting_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64252);
+/* 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__(47158);
+/* 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];
 
@@ -4105,7 +4155,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 79064:
+/***/ 53733:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4113,7 +4163,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__(66627);
+/* 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];
 
@@ -4123,7 +4173,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 47158:
+/***/ 29366:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4141,14 +4191,14 @@ const options = [
     {
         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);
 
 
 /***/ }),
 
-/***/ 69928:
+/***/ 65209:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4162,11 +4212,11 @@ __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 state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(51413);
-/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(79845);
-/* harmony import */ var _LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(38997);
+/* 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__(73543);
+/* 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];
 
@@ -4216,7 +4266,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 80966:
+/***/ 51476:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4224,7 +4274,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _LocaleSetting__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _LocaleSetting__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(69928);
+/* 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];
 
@@ -4234,7 +4284,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 73543:
+/***/ 81691:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4243,8 +4293,8 @@ __webpack_async_result__();
 /* 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__(20081);
-/* harmony import */ var _LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(38997);
+/* 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__);
 
 
@@ -4254,51 +4304,58 @@ 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);
 
 
 /***/ }),
 
-/***/ 60420:
+/***/ 63840:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4308,9 +4365,9 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__(98829);
-/* harmony import */ var _ConfigSetting__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(79064);
-/* harmony import */ var _LocaleSetting__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80966);
+/* 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__);
 
@@ -4322,7 +4379,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 94253:
+/***/ 10831:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4330,7 +4387,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__(97408);
+/* 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];
 
@@ -4340,7 +4397,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 52404:
+/***/ 29080:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4358,12 +4415,12 @@ __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__(20081);
-/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(90485);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(51413);
-/* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(49021);
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(79362);
-/* harmony import */ var _Sidebar_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(32455);
+/* 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__);
@@ -4380,7 +4437,7 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 const Sidebar = ({ children , className , isOpen , title , onClose  })=>{
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTranslate */ .qM)();
-    const { 0: shouldReturnFocusAfterClose , 1: setShouldReturnFocusAfterClose  } = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(true);
+    const [shouldReturnFocusAfterClose, setShouldReturnFocusAfterClose] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(true);
     (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useKey)("Escape", ()=>{
         setShouldReturnFocusAfterClose(false);
         onClose();
@@ -4441,7 +4498,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 79362:
+/***/ 99935:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4457,7 +4514,7 @@ var jsx_runtime_ = __webpack_require__(20997);
 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__(77751);
+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
 
@@ -4486,7 +4543,7 @@ const Section = ({ children , className , title  })=>/*#__PURE__*/ (0,jsx_runtim
 
 /***/ }),
 
-/***/ 714:
+/***/ 81858:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4494,7 +4551,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _Sidebar__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(52404);
+/* 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];
 
@@ -4504,7 +4561,167 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 72617:
+/***/ 82306:
+/***/ ((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 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__);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+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); } });
+
+/***/ }),
+
+/***/ 89058:
+/***/ ((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 */ _Solver__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _Solver__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82306);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Solver__WEBPACK_IMPORTED_MODULE_0__]);
+_Solver__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); } });
+
+/***/ }),
+
+/***/ 83790:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4520,11 +4737,11 @@ var jsx_runtime_ = __webpack_require__(20997);
 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__(51168);
+var Logo = __webpack_require__(2622);
 // EXTERNAL MODULE: ./src/components/Screen/index.ts + 1 modules
-var Screen = __webpack_require__(68197);
+var Screen = __webpack_require__(32359);
 // EXTERNAL MODULE: ./src/components/Splash/Splash.module.scss
-var Splash_module = __webpack_require__(78021);
+var Splash_module = __webpack_require__(41798);
 var Splash_module_default = /*#__PURE__*/__webpack_require__.n(Splash_module);
 ;// CONCATENATED MODULE: ./src/components/Splash/Splash.tsx
 
@@ -4563,7 +4780,7 @@ const Splash = ({ className , forceShow , onAnimationEnd  })=>/*#__PURE__*/ (0,j
 
 /***/ }),
 
-/***/ 2622:
+/***/ 64542:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4575,8 +4792,8 @@ __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 _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(73778);
-/* harmony import */ var _SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(27008);
+/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
+/* harmony import */ var _SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(53539);
 /* harmony import */ var _SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_3__);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__]);
 _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -4605,7 +4822,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 53323:
+/***/ 17672:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4617,9 +4834,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 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__(73778);
-/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2622);
-/* harmony import */ var _SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(27008);
+/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
+/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64542);
+/* harmony import */ var _SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53539);
 /* harmony import */ var _SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_4__);
 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__);
@@ -4652,7 +4869,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 49021:
+/***/ 86889:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4660,7 +4877,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _SquareButton__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(53323);
+/* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17672);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_SquareButton__WEBPACK_IMPORTED_MODULE_0__]);
 _SquareButton__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -4670,7 +4887,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 69662:
+/***/ 28887:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4712,7 +4929,7 @@ const SvgFontCss = ({ fontFamily  })=>{
 
 /***/ }),
 
-/***/ 47620:
+/***/ 33435:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4725,11 +4942,11 @@ __webpack_require__.d(__webpack_exports__, {
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(20997);
 // EXTERNAL MODULE: ./src/i18n/index.ts + 8 modules
-var i18n = __webpack_require__(43898);
+var i18n = __webpack_require__(77586);
 // EXTERNAL MODULE: ./src/components/SvgFontCss/index.ts + 2 modules
-var SvgFontCss = __webpack_require__(69662);
+var SvgFontCss = __webpack_require__(28887);
 // EXTERNAL MODULE: ./src/components/SvgFontFix/SvgFontFix.module.scss
-var SvgFontFix_module = __webpack_require__(7346);
+var SvgFontFix_module = __webpack_require__(48564);
 var SvgFontFix_module_default = /*#__PURE__*/__webpack_require__.n(SvgFontFix_module);
 ;// CONCATENATED MODULE: ./src/components/SvgFontFix/SvgFontFix.tsx
 
@@ -4754,7 +4971,7 @@ const SvgFontFix = ()=>{
 
 /***/ }),
 
-/***/ 86696:
+/***/ 39143:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4767,9 +4984,9 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7618);
 /* 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 lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(30459);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(51413);
-/* harmony import */ var _TilePure__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(26910);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(95784);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
+/* harmony import */ var _TilePure__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(26098);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__]);
 state__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -4778,7 +4995,7 @@ state__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (awa
 
 
 
-const Tile = ({ autoFocus , className , character ="" , disabled , highlighted , inputRef: ref , isBlank , placeholder , points , raised , size , tabIndex , onChange , onFocus =lib__WEBPACK_IMPORTED_MODULE_3__/* .noop */ .ZT , onKeyDown =lib__WEBPACK_IMPORTED_MODULE_3__/* .noop */ .ZT ,  })=>{
+const Tile = ({ autoFocus , className , character ="" , disabled , highlighted , inputRef: ref , isBlank , isValid , placeholder , points , raised , size , tabIndex , onChange , onFocus =lib__WEBPACK_IMPORTED_MODULE_3__/* .noop */ .ZT , onKeyDown =lib__WEBPACK_IMPORTED_MODULE_3__/* .noop */ .ZT  })=>{
     const locale = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectLocale */ .fN);
     const { pointsFontSize , tileFontSize , tileSize  } = (0,lib__WEBPACK_IMPORTED_MODULE_3__/* .getTileSizes */ .vc)(size);
     const style = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
@@ -4825,6 +5042,7 @@ const Tile = ({ autoFocus , className , character ="" , disabled , highlighted ,
         inputRef: inputRef,
         inputStyle: inputStyle,
         isBlank: isBlank,
+        isValid: isValid,
         placeholder: placeholder,
         points: points,
         pointsFormatted: pointsFormatted,
@@ -4844,7 +5062,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 26910:
+/***/ 26098:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4857,22 +5075,25 @@ __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 _Tile_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(87633);
-/* harmony import */ var _Tile_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12374);
+/* 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__);
+
 
 
 
 
-const TilePure = ({ autoFocus , canShowPoints , character , className , disabled , highlighted , inputRef , inputStyle , isBlank , 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_3___default().tile), className, {
-            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_3___default().highlighted)]: highlighted,
-            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_3___default().blank)]: isBlank,
-            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_3___default().raised)]: raised,
-            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_3___default().points1)]: points === 1,
-            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_3___default().points2)]: points === 2,
-            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_3___default().points3)]: points === 3,
-            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_3___default().points4)]: points === 4,
-            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_3___default().points5)]: typeof points === "number" && points >= 5
+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", {
+        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().highlighted)]: highlighted,
+            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().invalid)]: !isValid,
+            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().raised)]: raised,
+            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().points1)]: points === 1,
+            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().points2)]: points === 2,
+            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().points3)]: points === 3,
+            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().points4)]: points === 4,
+            [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().points5)]: typeof points === "number" && points >= 5
         }),
         style: style,
         children: [
@@ -4881,7 +5102,7 @@ const TilePure = ({ autoFocus , canShowPoints , character , className , disabled
                 autoComplete: "off",
                 autoCorrect: "off",
                 autoFocus: autoFocus,
-                className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_3___default().character),
+                className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().character),
                 disabled: disabled,
                 placeholder: placeholder,
                 ref: inputRef,
@@ -4894,9 +5115,12 @@ const TilePure = ({ autoFocus , canShowPoints , character , className , disabled
                 onKeyDown: onKeyDown
             }),
             canShowPoints && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
-                className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_3___default().points),
+                className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().points),
                 style: pointsStyle,
                 children: pointsFormatted
+            }),
+            !isValid && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .ExclamationSquareFill */ .yT, {
+                className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().alert)
             })
         ]
     });
@@ -4905,7 +5129,7 @@ const TilePure = ({ autoFocus , canShowPoints , character , className , disabled
 
 /***/ }),
 
-/***/ 17565:
+/***/ 57243:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4913,7 +5137,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _Tile__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(86696);
+/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(39143);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tile__WEBPACK_IMPORTED_MODULE_0__]);
 _Tile__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -4923,14 +5147,14 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 8550:
+/***/ 56667:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "v": () => (/* binding */ MODIFIERS)
 /* harmony export */ });
-/* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(222);
+/* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41333);
 /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0__);
 
 const ARROW_SIZE = parseInt((_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0___default().ARROW_SIZE), 10);
@@ -4959,13 +5183,13 @@ const MODIFIERS = [
                 OFFSET + ARROW_SIZE
             ]
         }
-    }, 
+    }
 ];
 
 
 /***/ }),
 
-/***/ 73778:
+/***/ 7646:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4973,7 +5197,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "l": () => (/* reexport safe */ _useTooltip__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _useTooltip__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80246);
+/* harmony import */ var _useTooltip__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2747);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useTooltip__WEBPACK_IMPORTED_MODULE_0__]);
 _useTooltip__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -4983,7 +5207,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 80246:
+/***/ 2747:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5001,10 +5225,10 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_popper__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__(26183);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(30459);
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8550);
-/* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(222);
+/* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(46230);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(95784);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(56667);
+/* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(41333);
 /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8__);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_5__]);
 hooks__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -5021,11 +5245,11 @@ const useTooltip = (tooltip, { className , placement ="top" , onBlur =lib__WEBPA
     const id = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useUniqueId */ .Ld)();
     const isEnabled = Boolean(tooltip) || tooltip === 0;
     const isMounted = (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useMountedState)();
-    const { 0: isShown , 1: setIsShown  } = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false);
-    const { 0: referenceElement , 1: setReferenceElement  } = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null);
-    const { 0: popperElement , 1: setPopperElement  } = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null);
-    const { 0: arrowElement , 1: setArrowElement  } = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null);
-    const { attributes , styles: popperStyles , update ,  } = (0,react_popper__WEBPACK_IMPORTED_MODULE_3__.usePopper)(referenceElement, popperElement, {
+    const [isShown, setIsShown] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false);
+    const [referenceElement, setReferenceElement] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null);
+    const [popperElement, setPopperElement] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null);
+    const [arrowElement, setArrowElement] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null);
+    const { attributes , styles: popperStyles , update  } = (0,react_popper__WEBPACK_IMPORTED_MODULE_3__.usePopper)(referenceElement, popperElement, {
         modifiers: [
             {
                 name: "arrow",
@@ -5119,7 +5343,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 17084:
+/***/ 34473:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5137,7 +5361,7 @@ var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_cl
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(16689);
 // EXTERNAL MODULE: ./src/components/Well/Well.module.scss
-var Well_module = __webpack_require__(81328);
+var Well_module = __webpack_require__(7221);
 var Well_module_default = /*#__PURE__*/__webpack_require__.n(Well_module);
 ;// CONCATENATED MODULE: ./src/components/Well/Well.tsx
 
@@ -5158,7 +5382,7 @@ const Well = /*#__PURE__*/ (0,external_react_.forwardRef)(({ children , classNam
 
 /***/ }),
 
-/***/ 81478:
+/***/ 62047:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5170,11 +5394,11 @@ __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 icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20081);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(51413);
-/* harmony import */ var _Badge__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(99874);
-/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(714);
-/* harmony import */ var _Words_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8258);
+/* 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__);
@@ -5253,7 +5477,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 63186:
+/***/ 96872:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5261,7 +5485,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__(81478);
+/* 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];
 
@@ -5271,60 +5495,57 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 44515:
+/***/ 19176:
 /***/ ((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 */   "$l": () => (/* reexport safe */ _Board__WEBPACK_IMPORTED_MODULE_1__.Z),
-/* harmony export */   "F4": () => (/* reexport safe */ _Rack__WEBPACK_IMPORTED_MODULE_14__.Z),
-/* harmony export */   "Nq": () => (/* reexport safe */ _Words__WEBPACK_IMPORTED_MODULE_29__.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 */   "Xy": () => (/* reexport safe */ _Dictionary__WEBPACK_IMPORTED_MODULE_4__.Z),
-/* harmony export */   "Z$": () => (/* reexport safe */ _DictionaryInput__WEBPACK_IMPORTED_MODULE_5__.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_22__.Z),
-/* harmony export */   "tW": () => (/* reexport safe */ _Well__WEBPACK_IMPORTED_MODULE_28__.Z),
-/* harmony export */   "u9": () => (/* reexport safe */ _Results__WEBPACK_IMPORTED_MODULE_17__.Z),
-/* harmony export */   "uz": () => (/* reexport safe */ _SvgFontFix__WEBPACK_IMPORTED_MODULE_25__.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 */ });
-/* harmony import */ var _Badge__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(99874);
-/* harmony import */ var _Board__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(83774);
-/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(84095);
-/* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(85603);
-/* harmony import */ var _Dictionary__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(28135);
-/* harmony import */ var _DictionaryInput__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(73580);
-/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(79590);
-/* harmony import */ var _Key__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(50237);
-/* harmony import */ var _KeyMap__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(37870);
-/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(85907);
-/* harmony import */ var _Logo__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(51168);
-/* harmony import */ var _NavButtons__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(63495);
-/* harmony import */ var _NotFound__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(49641);
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(48368);
-/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(75138);
-/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(79845);
-/* harmony import */ var _RemainingTiles__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(63233);
-/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(65637);
-/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(57345);
-/* harmony import */ var _Screen__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(68197);
-/* harmony import */ var _Settings__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(94253);
-/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(714);
-/* harmony import */ var _Splash__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(72617);
-/* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(49021);
-/* harmony import */ var _SvgFontCss__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(69662);
-/* harmony import */ var _SvgFontFix__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(47620);
-/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(17565);
-/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(73778);
-/* harmony import */ var _Well__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(17084);
-/* harmony import */ var _Words__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(63186);
-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__, _SquareButton__WEBPACK_IMPORTED_MODULE_23__, _Tile__WEBPACK_IMPORTED_MODULE_26__, _Tooltip__WEBPACK_IMPORTED_MODULE_27__, _Words__WEBPACK_IMPORTED_MODULE_29__]);
-([_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__, _SquareButton__WEBPACK_IMPORTED_MODULE_23__, _Tile__WEBPACK_IMPORTED_MODULE_26__, _Tooltip__WEBPACK_IMPORTED_MODULE_27__, _Words__WEBPACK_IMPORTED_MODULE_29__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var _Badge__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(47743);
+/* harmony import */ var _Board__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8511);
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(96753);
+/* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(25898);
+/* harmony import */ var _Dictionary__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(62166);
+/* 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 _Solver__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(89058);
+/* harmony import */ var _Splash__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(83790);
+/* 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__);
+
 
 
 
@@ -5361,27 +5582,30 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 26183:
+/***/ 46230:
 /***/ ((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 */   "Av": () => (/* reexport safe */ _useIsTablet__WEBPACK_IMPORTED_MODULE_1__.Z),
-/* harmony export */   "Ld": () => (/* reexport safe */ _useUniqueId__WEBPACK_IMPORTED_MODULE_5__.Z),
-/* harmony export */   "ZK": () => (/* reexport safe */ _useLanguage__WEBPACK_IMPORTED_MODULE_2__.Z),
-/* harmony export */   "_": () => (/* reexport safe */ _useLocalStorage__WEBPACK_IMPORTED_MODULE_3__.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 */   "gm": () => (/* reexport safe */ _useDirection__WEBPACK_IMPORTED_MODULE_0__.Z),
-/* harmony export */   "vI": () => (/* reexport safe */ _usePortal__WEBPACK_IMPORTED_MODULE_4__.Z)
+/* harmony export */   "vI": () => (/* reexport safe */ _usePortal__WEBPACK_IMPORTED_MODULE_5__.Z)
 /* harmony export */ });
-/* harmony import */ var _useDirection__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(23193);
-/* harmony import */ var _useIsTablet__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(46661);
-/* harmony import */ var _useLanguage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(31401);
-/* harmony import */ var _useLocalStorage__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(39289);
-/* harmony import */ var _usePortal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(57854);
-/* harmony import */ var _useUniqueId__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(52810);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useLocalStorage__WEBPACK_IMPORTED_MODULE_3__, _useUniqueId__WEBPACK_IMPORTED_MODULE_5__]);
-([_useLocalStorage__WEBPACK_IMPORTED_MODULE_3__, _useUniqueId__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* 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 _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__);
+
 
 
 
@@ -5394,7 +5618,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 23193:
+/***/ 11685:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5403,7 +5627,7 @@ __webpack_async_result__();
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(30459);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(95784);
 
 
 const useDirection = (direction)=>{
@@ -5426,7 +5650,7 @@ const useDirection = (direction)=>{
 
 /***/ }),
 
-/***/ 46661:
+/***/ 41546:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5447,7 +5671,25 @@ const useIsTablet = ()=>{
 
 /***/ }),
 
-/***/ 31401:
+/***/ 19447:
+/***/ ((__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 useIsTouchDevice = ()=>{
+    return (0,react_use__WEBPACK_IMPORTED_MODULE_0__.useMedia)("(hover: none)", false);
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useIsTouchDevice);
+
+
+/***/ }),
+
+/***/ 17163:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5456,7 +5698,7 @@ const useIsTablet = ()=>{
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(30459);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(95784);
 
 
 const useLanguage = (language)=>{
@@ -5479,7 +5721,7 @@ const useLanguage = (language)=>{
 
 /***/ }),
 
-/***/ 39289:
+/***/ 56739:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5487,7 +5729,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (/* reexport safe */ _useLocalStorage__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _useLocalStorage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(49244);
+/* harmony import */ var _useLocalStorage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17318);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useLocalStorage__WEBPACK_IMPORTED_MODULE_0__]);
 _useLocalStorage__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -5497,7 +5739,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 49244:
+/***/ 17318:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5505,10 +5747,10 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _useLocalStorageBoard__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43722);
-/* harmony import */ var _useLocalStorageConfigId__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44523);
-/* harmony import */ var _useLocalStorageLocale__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(26385);
-/* harmony import */ var _useLocalStorageRack__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(95256);
+/* harmony import */ var _useLocalStorageBoard__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(30907);
+/* harmony import */ var _useLocalStorageConfigId__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41494);
+/* harmony import */ var _useLocalStorageLocale__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(46754);
+/* harmony import */ var _useLocalStorageRack__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(34201);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useLocalStorageBoard__WEBPACK_IMPORTED_MODULE_0__, _useLocalStorageConfigId__WEBPACK_IMPORTED_MODULE_1__, _useLocalStorageLocale__WEBPACK_IMPORTED_MODULE_2__, _useLocalStorageRack__WEBPACK_IMPORTED_MODULE_3__]);
 ([_useLocalStorageBoard__WEBPACK_IMPORTED_MODULE_0__, _useLocalStorageConfigId__WEBPACK_IMPORTED_MODULE_1__, _useLocalStorageLocale__WEBPACK_IMPORTED_MODULE_2__, _useLocalStorageRack__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
@@ -5528,7 +5770,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 43722:
+/***/ 30907:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5542,7 +5784,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(69755);
 /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(51413);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64579);
 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];
 
@@ -5573,7 +5815,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 44523:
+/***/ 41494:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5587,7 +5829,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(69755);
 /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(51413);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64579);
 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];
 
@@ -5620,7 +5862,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 26385:
+/***/ 46754:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5634,8 +5876,8 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(69755);
 /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(30459);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(51413);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(95784);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__]);
 state__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -5673,7 +5915,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 95256:
+/***/ 34201:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5687,7 +5929,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(69755);
 /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(51413);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64579);
 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];
 
@@ -5718,7 +5960,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 57854:
+/***/ 25953:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5733,7 +5975,7 @@ __webpack_async_result__();
 /* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom_client__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var react_portal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(63938);
 /* harmony import */ var react_portal__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_portal__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(30459);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95784);
 
 
 
@@ -5781,7 +6023,7 @@ const usePortal = (children, { disabled =false , tagName ="div"  } = {})=>{
 
 /***/ }),
 
-/***/ 52810:
+/***/ 59794:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5807,7 +6049,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 20081:
+/***/ 12374:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5825,6 +6067,7 @@ __webpack_require__.d(__webpack_exports__, {
   "ME": () => (/* reexport */ CrossFill),
   "XK": () => (/* reexport */ DashCircleFill),
   "Gs": () => (/* reexport */ Eraser),
+  "yT": () => (/* reexport */ ExclamationSquareFill),
   "WN": () => (/* reexport */ Flag),
   "rV": () => (/* reexport */ FlagDe),
   "d": () => (/* reexport */ FlagEs),
@@ -5848,286 +6091,226 @@ __webpack_require__.d(__webpack_exports__, {
 var external_react_ = __webpack_require__(16689);
 ;// CONCATENATED MODULE: ./src/icons/ArrowDown.svg
 var _path;
-
 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 SvgArrowDown = function SvgArrowDown(props) {
   return /*#__PURE__*/external_react_.createElement("svg", _extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z",
     fill: "currentColor",
     fillRule: "evenodd"
   })));
 };
-
 /* harmony default export */ const ArrowDown = (SvgArrowDown);
 ;// CONCATENATED MODULE: ./src/icons/ArrowLeft.svg
 var ArrowLeft_path;
-
 function ArrowLeft_extends() { ArrowLeft_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 ArrowLeft_extends.apply(this, arguments); }
 
-
-
 var SvgArrowLeft = function SvgArrowLeft(props) {
   return /*#__PURE__*/external_react_.createElement("svg", ArrowLeft_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), ArrowLeft_path || (ArrowLeft_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z",
     fill: "currentColor",
     fillRule: "evenodd"
   })));
 };
-
 /* harmony default export */ const ArrowLeft = (SvgArrowLeft);
 ;// CONCATENATED MODULE: ./src/icons/ArrowRight.svg
 var ArrowRight_path;
-
 function ArrowRight_extends() { ArrowRight_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 ArrowRight_extends.apply(this, arguments); }
 
-
-
 var SvgArrowRight = function SvgArrowRight(props) {
   return /*#__PURE__*/external_react_.createElement("svg", ArrowRight_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), ArrowRight_path || (ArrowRight_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z",
     fill: "currentColor",
     fillRule: "evenodd"
   })));
 };
-
 /* harmony default export */ const ArrowRight = (SvgArrowRight);
 ;// CONCATENATED MODULE: ./src/icons/ArrowUp.svg
 var ArrowUp_path;
-
 function ArrowUp_extends() { ArrowUp_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 ArrowUp_extends.apply(this, arguments); }
 
-
-
 var SvgArrowUp = function SvgArrowUp(props) {
   return /*#__PURE__*/external_react_.createElement("svg", ArrowUp_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), ArrowUp_path || (ArrowUp_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z",
     fill: "currentColor",
     fillRule: "evenodd"
   })));
 };
-
 /* harmony default export */ const ArrowUp = (SvgArrowUp);
 ;// CONCATENATED MODULE: ./src/icons/BookHalf.svg
 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({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), BookHalf_path || (BookHalf_path = /*#__PURE__*/external_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);
 ;// 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); }
 
-
-
 var SvgCheck = function SvgCheck(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Check_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    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",
     fill: "currentColor"
   })));
 };
-
 /* harmony default export */ const Check = (SvgCheck);
 ;// CONCATENATED MODULE: ./src/icons/CheckboxChecked.svg
 var CheckboxChecked_path;
-
 function CheckboxChecked_extends() { CheckboxChecked_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 CheckboxChecked_extends.apply(this, arguments); }
 
-
-
 var SvgCheckboxChecked = function SvgCheckboxChecked(props) {
   return /*#__PURE__*/React.createElement("svg", CheckboxChecked_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), CheckboxChecked_path || (CheckboxChecked_path = /*#__PURE__*/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-2H2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 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.75.75 0 0 1 1.08-.022z",
     fill: "currentColor"
   })));
 };
-
 /* harmony default export */ const CheckboxChecked = ((/* unused pure expression or super */ null && (SvgCheckboxChecked)));
 ;// CONCATENATED MODULE: ./src/icons/CheckboxEmpty.svg
 var CheckboxEmpty_path;
-
 function CheckboxEmpty_extends() { CheckboxEmpty_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 CheckboxEmpty_extends.apply(this, arguments); }
 
-
-
 var SvgCheckboxEmpty = function SvgCheckboxEmpty(props) {
   return /*#__PURE__*/React.createElement("svg", CheckboxEmpty_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), CheckboxEmpty_path || (CheckboxEmpty_path = /*#__PURE__*/React.createElement("path", {
     d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z",
     fill: "currentColor"
   })));
 };
-
 /* harmony default export */ const CheckboxEmpty = ((/* unused pure expression or super */ null && (SvgCheckboxEmpty)));
 ;// 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); }
 
-
-
 var SvgCog = function SvgCog(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Cog_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), Cog_path || (Cog_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z",
     fill: "currentColor"
   })));
 };
-
 /* harmony default export */ const Cog = (SvgCog);
 ;// CONCATENATED MODULE: ./src/icons/Cross.svg
 var Cross_path;
-
 function Cross_extends() { Cross_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 Cross_extends.apply(this, arguments); }
 
-
-
 var SvgCross = function SvgCross(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Cross_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), Cross_path || (Cross_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 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 0 1 0-.708z",
     fill: "currentColor"
   })));
 };
-
 /* 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); }
 
-
-
 var SvgCrossFill = function SvgCrossFill(props) {
   return /*#__PURE__*/external_react_.createElement("svg", CrossFill_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), CrossFill_path || (CrossFill_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);
 ;// 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); }
 
-
-
 var SvgDashCircleFill = function SvgDashCircleFill(props) {
   return /*#__PURE__*/external_react_.createElement("svg", DashCircleFill_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), DashCircleFill_path || (DashCircleFill_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7z",
     fill: "currentColor"
   })));
 };
-
 /* harmony default export */ const DashCircleFill = (SvgDashCircleFill);
 ;// CONCATENATED MODULE: ./src/icons/Eraser.svg
 var Eraser_path;
-
 function Eraser_extends() { Eraser_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 Eraser_extends.apply(this, arguments); }
 
-
-
 var SvgEraser = function SvgEraser(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Eraser_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), Eraser_path || (Eraser_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M8.086 2.207a2 2 0 0 1 2.828 0l3.879 3.879a2 2 0 0 1 0 2.828l-5.5 5.5A2 2 0 0 1 7.879 15H5.12a2 2 0 0 1-1.414-.586l-2.5-2.5a2 2 0 0 1 0-2.828l6.879-6.879zm.66 11.34L3.453 8.254 1.914 9.793a1 1 0 0 0 0 1.414l2.5 2.5a1 1 0 0 0 .707.293H7.88a1 1 0 0 0 .707-.293l.16-.16z",
     fill: "currentColor"
   })));
 };
-
 /* harmony default export */ const Eraser = (SvgEraser);
+;// CONCATENATED MODULE: ./src/icons/ExclamationSquareFill.svg
+var ExclamationSquareFill_path;
+function ExclamationSquareFill_extends() { ExclamationSquareFill_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 ExclamationSquareFill_extends.apply(this, arguments); }
+
+var SvgExclamationSquareFill = function SvgExclamationSquareFill(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", ExclamationSquareFill_extends({
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), ExclamationSquareFill_path || (ExclamationSquareFill_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-2H2zm6 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z",
+    fill: "currentColor"
+  })));
+};
+/* harmony default export */ const ExclamationSquareFill = (SvgExclamationSquareFill);
 ;// 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); }
 
-
-
 var SvgFlag = function SvgFlag(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Flag_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), Flag_path || (Flag_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001",
     fill: "currentColor"
   })));
 };
-
 /* harmony default export */ const Flag = (SvgFlag);
 ;// CONCATENATED MODULE: ./src/icons/FlagEs.svg
 var FlagEs_path, _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) {
   return /*#__PURE__*/external_react_.createElement("svg", FlagEs_extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 750 500",
-    role: "img"
+    viewBox: "0 0 750 500"
   }, props), FlagEs_path || (FlagEs_path = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#c60b1e",
     d: "M0 0h750v500H0z"
@@ -6136,20 +6319,15 @@ var SvgFlagEs = function SvgFlagEs(props) {
     d: "M0 125h750v250H0z"
   })));
 };
-
 /* harmony default export */ const FlagEs = (SvgFlagEs);
 ;// CONCATENATED MODULE: ./src/icons/FlagFa.svg
 var FlagFa_path, FlagFa_path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _g;
-
 function FlagFa_extends() { FlagFa_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 FlagFa_extends.apply(this, arguments); }
 
-
-
 var SvgFlagFa = function SvgFlagFa(props) {
   return /*#__PURE__*/external_react_.createElement("svg", FlagFa_extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 630 360",
-    role: "img"
+    viewBox: "0 0 630 360"
   }, props), /*#__PURE__*/external_react_.createElement("path", {
     style: {
       fill: "#da0000"
@@ -6379,20 +6557,15 @@ var SvgFlagFa = function SvgFlagFa(props) {
     d: "M287.175 209.763a34.377 34.377 0 0 1 8.851-63.11 45 45 0 0 0-8.851 63.11M315 225l2.25-45-2.25-35.428a13.95 13.95 0 0 1-5.312 4.46v26.45l1.81 44.699ZM315.9 141.75l-.9.845a6.494 6.494 0 0 1-11.343-6.142A6.138 6.138 0 0 0 315 138.391"
   }))));
 };
-
 /* harmony default export */ const FlagFa = (SvgFlagFa);
 ;// CONCATENATED MODULE: ./src/icons/FlagFr.svg
 var FlagFr_path, FlagFr_path2, FlagFr_path3;
-
 function FlagFr_extends() { FlagFr_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 FlagFr_extends.apply(this, arguments); }
 
-
-
 var SvgFlagFr = function SvgFlagFr(props) {
   return /*#__PURE__*/external_react_.createElement("svg", FlagFr_extends({
     viewBox: "0 0 24 15",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), FlagFr_path || (FlagFr_path = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#002395",
     d: "M0 0h8v15H0z"
@@ -6404,20 +6577,15 @@ var SvgFlagFr = function SvgFlagFr(props) {
     d: "M16 0h8v15h-8z"
   })));
 };
-
 /* harmony default export */ const FlagFr = (SvgFlagFr);
 ;// CONCATENATED MODULE: ./src/icons/FlagGb.svg
 var FlagGb_path, FlagGb_path2, FlagGb_path3, FlagGb_path4, FlagGb_path5;
-
 function FlagGb_extends() { FlagGb_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 FlagGb_extends.apply(this, arguments); }
 
-
-
 var SvgFlagGb = function SvgFlagGb(props) {
   return /*#__PURE__*/external_react_.createElement("svg", FlagGb_extends({
     viewBox: "0 0 60 30",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), FlagGb_path || (FlagGb_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M0 0v30h60V0z",
     fill: "#00247d"
@@ -6439,20 +6607,15 @@ var SvgFlagGb = function SvgFlagGb(props) {
     strokeWidth: 6
   })));
 };
-
 /* harmony default export */ const FlagGb = (SvgFlagGb);
 ;// CONCATENATED MODULE: ./src/icons/FlagPl.svg
 var FlagPl_path, FlagPl_path2;
-
 function FlagPl_extends() { FlagPl_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 FlagPl_extends.apply(this, arguments); }
 
-
-
 var SvgFlagPl = function SvgFlagPl(props) {
   return /*#__PURE__*/external_react_.createElement("svg", FlagPl_extends({
     viewBox: "0 0 16 10",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), FlagPl_path || (FlagPl_path = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#fff",
     d: "M0 0h16v10H0z"
@@ -6461,20 +6624,15 @@ var SvgFlagPl = function SvgFlagPl(props) {
     d: "M0 5h16v5H0z"
   })));
 };
-
 /* harmony default export */ const FlagPl = (SvgFlagPl);
 ;// CONCATENATED MODULE: ./src/icons/FlagUs.svg
 var FlagUs_path, FlagUs_path2, FlagUs_path3, FlagUs_g, FlagUs_path4, FlagUs_path5, FlagUs_path6, FlagUs_path7, FlagUs_path8;
-
 function FlagUs_extends() { FlagUs_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 FlagUs_extends.apply(this, arguments); }
 
-
-
 var SvgFlagUs = function SvgFlagUs(props) {
   return /*#__PURE__*/external_react_.createElement("svg", FlagUs_extends({
     viewBox: "0 0 7410 3900",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), FlagUs_path || (FlagUs_path = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#b22234",
     d: "M0 0h7410v3900H0z"
@@ -6547,20 +6705,15 @@ var SvgFlagUs = function SvgFlagUs(props) {
     strokeWidth: 6
   })));
 };
-
 /* harmony default export */ const FlagUs = (SvgFlagUs);
 ;// CONCATENATED MODULE: ./src/icons/FlagDe.svg
 var FlagDe_path, FlagDe_path2, FlagDe_path3;
-
 function FlagDe_extends() { FlagDe_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 FlagDe_extends.apply(this, arguments); }
 
-
-
 var SvgFlagDe = function SvgFlagDe(props) {
   return /*#__PURE__*/external_react_.createElement("svg", FlagDe_extends({
     viewBox: "0 0 20 12",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), FlagDe_path || (FlagDe_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M0 0h20v4H0z"
   })), FlagDe_path2 || (FlagDe_path2 = /*#__PURE__*/external_react_.createElement("path", {
@@ -6571,140 +6724,104 @@ var SvgFlagDe = function SvgFlagDe(props) {
     d: "M0 8h20v4H0z"
   })));
 };
-
 /* harmony default export */ const FlagDe = (SvgFlagDe);
 ;// CONCATENATED MODULE: ./src/icons/Github.svg
 var Github_path;
-
 function Github_extends() { Github_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 Github_extends.apply(this, arguments); }
 
-
-
 var SvgGithub = function SvgGithub(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Github_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), Github_path || (Github_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z",
     fill: "currentColor"
   })));
 };
-
 /* harmony default export */ const Github = (SvgGithub);
 ;// 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); }
 
-
-
 var SvgKeyboard = function SvgKeyboard(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Keyboard_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), Keyboard_path || (Keyboard_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm13 .25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25zM2.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 3 8.75v-.5A.25.25 0 0 0 2.75 8h-.5zM4 8.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 5 8.75v-.5A.25.25 0 0 0 4.75 8h-.5a.25.25 0 0 0-.25.25zM6.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 7 8.75v-.5A.25.25 0 0 0 6.75 8h-.5zM8 8.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 9 8.75v-.5A.25.25 0 0 0 8.75 8h-.5a.25.25 0 0 0-.25.25zM13.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5zm0 2a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5zm-3-2a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-1.5zm.75 2.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25zM11.25 6a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5zM9 6.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5A.25.25 0 0 0 9.75 6h-.5a.25.25 0 0 0-.25.25zM7.25 6a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 8 6.75v-.5A.25.25 0 0 0 7.75 6h-.5zM5 6.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 6 6.75v-.5A.25.25 0 0 0 5.75 6h-.5a.25.25 0 0 0-.25.25zM2.25 6a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 4 6.75v-.5A.25.25 0 0 0 3.75 6h-1.5zM2 10.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25zM4.25 10a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h5.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-5.5z",
     fill: "currentColor"
   })));
 };
-
 /* 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); }
 
-
-
 var SvgPlay = function SvgPlay(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Play_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    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",
     fill: "currentColor"
   })));
 };
-
 /* harmony default export */ const Play = (SvgPlay);
 ;// 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); }
 
-
-
 var SvgSack = function SvgSack(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Sack_extends({
     viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), Sack_path || (Sack_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M16 9c4 2 5 9 5 9s1 4-5 4H8c-6 0-5-4-5-4s1-7 5-9m6-5-2-2-2 2-4-2 2 5h8l2-5-4 2Z",
     fill: "currentColor"
   })));
 };
-
 /* harmony default export */ const Sack = (SvgSack);
 ;// 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); }
 
-
-
 var SvgSortDown = function SvgSortDown(props) {
   return /*#__PURE__*/external_react_.createElement("svg", SortDown_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), SortDown_path || (SortDown_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M3.5 2.5a.5.5 0 0 0-1 0v8.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 1.999.007.007a.497.497 0 0 0 .7-.006l2-2a.5.5 0 0 0-.707-.708L3.5 11.293V2.5zm3.5 1a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM7.5 6a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zm0 3a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z",
     fill: "currentColor"
   })));
 };
-
 /* harmony default export */ const SortDown = (SvgSortDown);
 ;// CONCATENATED MODULE: ./src/icons/SortUp.svg
 var SortUp_path;
-
 function SortUp_extends() { SortUp_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 SortUp_extends.apply(this, arguments); }
 
-
-
 var SvgSortUp = function SvgSortUp(props) {
   return /*#__PURE__*/external_react_.createElement("svg", SortUp_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), SortUp_path || (SortUp_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M3.5 12.5a.5.5 0 0 1-1 0V3.707L1.354 4.854a.5.5 0 1 1-.708-.708l2-1.999.007-.007a.498.498 0 0 1 .7.006l2 2a.5.5 0 1 1-.707.708L3.5 3.707V12.5zm3.5-9a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM7.5 6a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zm0 3a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z",
     fill: "currentColor"
   })));
 };
-
 /* harmony default export */ const SortUp = (SvgSortUp);
 ;// CONCATENATED MODULE: ./src/icons/Star.svg
 var Star_path;
-
 function Star_extends() { Star_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 Star_extends.apply(this, arguments); }
 
-
-
 var SvgStar = function SvgStar(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Star_extends({
     viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    role: "img"
+    xmlns: "http://www.w3.org/2000/svg"
   }, props), Star_path || (Star_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z",
     fill: "currentColor"
   })));
 };
-
 /* harmony default export */ const Star = (SvgStar);
 ;// CONCATENATED MODULE: ./src/icons/index.ts
 
@@ -6735,6 +6852,7 @@ var SvgStar = function SvgStar(props) {
 
 
 
+
 
 
 /***/ })