@scrabble-solver/scrabble-solver 2.8.8 → 2.8.10

package/.next/server/chunks/515.js

@@ -2,6 +2,17 @@ exports.id = 515;
 exports.ids = [515];
 exports.modules = {
 
+/***/ 52392:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"badge": "Badge_badge__YL9Gr"
+};
+
+
+/***/ }),
+
 /***/ 65585:
 /***/ ((module) => {
 
@@ -239,9 +250,9 @@ module.exports = {
 
 // Exports
 module.exports = {
-	"group": "RemainingTiles_group___8ILF",
 	"title": "RemainingTiles_title__QQYTv",
-	"content": "RemainingTiles_content__5cnQv"
+	"content": "RemainingTiles_content__5cnQv",
+	"badge": "RemainingTiles_badge__lyaBc"
 };
 
 
@@ -455,6 +466,56 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ 8258:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"title": "Words_title__npWWH",
+	"badge": "Words_badge__h_UnJ",
+	"word": "Words_word___UPK8",
+	"invalid": "Words_invalid__MJPnf",
+	"valid": "Words_valid__MKPTu",
+	"icon": "Words_icon__Ho1Gk"
+};
+
+
+/***/ }),
+
+/***/ 99874:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ Badge_Badge)
+});
+
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
+// EXTERNAL MODULE: external "classnames"
+var external_classnames_ = __webpack_require__(59003);
+var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
+// EXTERNAL MODULE: ./src/components/Badge/Badge.module.scss
+var Badge_module = __webpack_require__(52392);
+var Badge_module_default = /*#__PURE__*/__webpack_require__.n(Badge_module);
+;// CONCATENATED MODULE: ./src/components/Badge/Badge.tsx
+
+
+
+const Badge = ({ children , className  })=>/*#__PURE__*/ jsx_runtime_.jsx("div", {
+        className: external_classnames_default()((Badge_module_default()).badge, className),
+        children: children
+    });
+/* harmony default export */ const Badge_Badge = (Badge);
+
+;// CONCATENATED MODULE: ./src/components/Badge/index.ts
+
+
+
 /***/ }),
 
 /***/ 52701:
@@ -479,18 +540,20 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 const Board = ({ cellSize , className , innerRef  })=>{
     const rows = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectRowsWithCandidate */ .ZA);
     const board = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectBoard */ .ZO);
-    const [{ lastDirection , refs  }, { onDirectionToggle , onFocus , onKeyDown  }] = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__/* .useGrid */ .N)(rows);
+    const [{ direction , refs  }, { onChange , onDirectionToggle , onFocus , onKeyDown , onPaste  }] = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__/* .useGrid */ .N)(rows);
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_BoardPure__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
         className: className,
         cellSize: cellSize,
         center: board.center,
+        direction: direction,
         innerRef: innerRef,
-        lastDirection: lastDirection,
         refs: refs,
         rows: rows,
+        onChange: onChange,
         onDirectionToggle: onDirectionToggle,
         onFocus: onFocus,
-        onKeyDown: onKeyDown
+        onKeyDown: onKeyDown,
+        onPaste: onPaste
     });
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Board);
@@ -524,16 +587,18 @@ _components__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then
 
 
 
-const BoardPure = ({ className , cellSize , center , innerRef , lastDirection , refs , rows , onDirectionToggle , onFocus , onKeyDown ,  })=>/*#__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,
+        onChange: onChange,
         onKeyDown: onKeyDown,
+        onPaste: onPaste,
         children: rows.map((cells, y)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                 className: (_Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default().row),
                 children: cells.map((cell, x)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_3__/* .Cell */ .b, {
                         className: (_Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default().cell),
                         cell: cell,
-                        direction: lastDirection,
+                        direction: direction,
                         inputRef: refs[y][x],
                         isCenter: center.x === x && center.y === y,
                         size: cellSize,
@@ -605,7 +670,7 @@ __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__(92237);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75558);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(51413);
 /* harmony import */ var _CellPure__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(80640);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _CellPure__WEBPACK_IMPORTED_MODULE_6__]);
@@ -711,7 +776,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(81245);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6942);
 /* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(54031);
 /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(35588);
 /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89861);
@@ -917,17 +982,19 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7618);
-/* 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 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 lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(92237);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(51413);
-/* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(95137);
-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];
+/* harmony import */ var _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(34046);
+/* harmony import */ var _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_scrabble_solver_types__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(69755);
+/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(75558);
+/* 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];
 /* eslint-disable max-lines, max-statements */ 
 
 
@@ -935,22 +1002,24 @@ state__WEBPACK_IMPORTED_MODULE_5__ = (__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_2__.useDispatch)();
-    const config = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectConfig */ .$o);
-    const refs = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_4__/* .createGridOf */ .DI)(width, height, ()=>(0,react__WEBPACK_IMPORTED_MODULE_1__.createRef)()), [
+    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)()), [
         width,
         height
     ]);
-    const activeIndexRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)({
+    const activeIndexRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)({
         x: 0,
         y: 0
     });
-    const { 0: lastDirection , 1: setLastDirection  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)("horizontal");
-    const lastDirectionRef = (0,react_use__WEBPACK_IMPORTED_MODULE_3__.useLatest)(lastDirection);
-    const changeActiveIndex = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((offsetX, offsetY)=>{
+    const { 0: direction , 1: 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);
         const y = Math.min(Math.max(activeIndexRef.current.y + offsetY, 0), height - 1);
         activeIndexRef.current = {
@@ -962,58 +1031,197 @@ const useGrid = (rows)=>{
         activeIndexRef,
         refs
     ]);
-    const getInputRefPosition = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((inputRef)=>{
-        return (0,_lib__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)(refs, (ref)=>ref.current === inputRef);
+    const getInputRefPosition = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((inputRef)=>{
+        return (0,_lib__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(refs, (ref)=>ref.current === inputRef);
     }, [
         refs
     ]);
-    const onDirectionToggle = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(()=>{
-        setLastDirection((direction)=>{
-            return direction === "vertical" ? "horizontal" : "vertical";
-        });
-    }, []);
-    const onFocus = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((x, y)=>{
-        activeIndexRef.current = {
-            x,
-            y
-        };
-    }, []);
-    const onMoveFocus = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((direction)=>{
-        const offset = direction === "forward" ? 1 : -1;
-        if (lastDirectionRef.current === "horizontal") {
+    const moveFocus = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((offset)=>{
+        if (directionRef.current === "horizontal") {
             changeActiveIndex(offset, 0);
         } else {
             changeActiveIndex(0, offset);
         }
     }, [
         changeActiveIndex,
-        lastDirectionRef
+        directionRef
     ]);
-    const onKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{
-        return (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .createKeyboardNavigation */ .np)({
+    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) : [
+            _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.BLANK
+        ];
+        let board = new _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_1__.Board({
+            rows: rows.map((row)=>row.map((cell)=>cell.clone()))
+        });
+        let { x , y  } = position;
+        const scheduleMoveFocus = ()=>{
+            if (directionRef.current === "horizontal") {
+                ++x;
+            } else {
+                ++y;
+            }
+        };
+        characters.forEach((character)=>{
+            if (x >= config.boardWidth || y >= config.boardHeight) {
+                return;
+            }
+            const canCheckUp = y - 1 > 0;
+            const canCheckLeft = x > 0;
+            const canCheckRight = x + 1 < width;
+            const canCheckDown = y + 1 < height;
+            if (canCheckUp) {
+                const cellUp = board.rows[y - 1][x];
+                const twoCharacterCandidate = cellUp.tile.character + character;
+                if (!cellUp.tile.isBlank && config.twoCharacterTiles.includes(twoCharacterCandidate)) {
+                    board = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(board, state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                        x,
+                        y: y - 1,
+                        value: twoCharacterCandidate
+                    }));
+                    return;
+                }
+            }
+            if (canCheckDown) {
+                const cellDown = board.rows[y + 1][x];
+                const twoCharacterCandidate1 = character + cellDown.tile.character;
+                if (!cellDown.tile.isBlank && config.twoCharacterTiles.includes(twoCharacterCandidate1)) {
+                    board = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(board, state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                        x,
+                        y,
+                        value: character
+                    }));
+                    board = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(board, state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                        x,
+                        y: y + 1,
+                        value: _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.EMPTY_CELL
+                    }));
+                    scheduleMoveFocus();
+                    return;
+                }
+            }
+            if (canCheckLeft) {
+                const cellLeft = board.rows[y][x - 1];
+                const twoCharacterCandidate2 = cellLeft.tile.character + character;
+                if (!cellLeft.tile.isBlank && config.twoCharacterTiles.includes(twoCharacterCandidate2)) {
+                    board = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(board, state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                        x: x - 1,
+                        y,
+                        value: twoCharacterCandidate2
+                    }));
+                    return;
+                }
+            }
+            if (canCheckRight) {
+                const cellRight = board.rows[y][x + 1];
+                const twoCharacterCandidate3 = character + cellRight.tile.character;
+                if (!cellRight.tile.isBlank && config.twoCharacterTiles.includes(twoCharacterCandidate3)) {
+                    board = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(board, state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                        x,
+                        y,
+                        value: character
+                    }));
+                    board = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(board, state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                        x: x + 1,
+                        y,
+                        value: _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.EMPTY_CELL
+                    }));
+                    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)) {
+                    board = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(board, state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                        x,
+                        y,
+                        value: twoCharacterCandidate4
+                    }));
+                    return;
+                }
+            }
+            board = state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.reducer */ .I8.reducer(board, state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                x,
+                y,
+                value: character
+            }));
+            scheduleMoveFocus();
+        });
+        moveFocus(Math.abs(position.x - x) + Math.abs(position.y - y));
+        dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.change */ .I8.actions.change(board));
+    }, [
+        config,
+        directionRef,
+        dispatch,
+        moveFocus,
+        rows
+    ]);
+    const onChange = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((event)=>{
+        const position = getInputRefPosition(event.target);
+        if (!position) {
+            return;
+        }
+        const value = (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .extractInputValue */ .WM)(event.target);
+        if (!value) {
+            dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                ...position,
+                value: _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.EMPTY_CELL
+            }));
+            moveFocus(-1);
+            return;
+        }
+        if (value === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.EMPTY_CELL) {
+            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));
+                return;
+            }
+        }
+        insertValue(position, value);
+    }, [
+        dispatch,
+        insertValue,
+        moveFocus,
+        rows
+    ]);
+    const onDirectionToggle = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>setLastDirection(toggleDirection), []);
+    const onFocus = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((x, y)=>{
+        activeIndexRef.current = {
+            x,
+            y
+        };
+    }, []);
+    const onKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>{
+        return (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .createKeyboardNavigation */ .np)({
             onArrowDown: (event)=>{
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_4__/* .isCtrl */ .yl)(event)) {
+                event.preventDefault();
+                if ((0,lib__WEBPACK_IMPORTED_MODULE_5__/* .isCtrl */ .yl)(event)) {
                     onDirectionToggle();
                 } else {
                     changeActiveIndex(0, 1);
                 }
             },
             onArrowLeft: (event)=>{
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_4__/* .isCtrl */ .yl)(event)) {
+                event.preventDefault();
+                if ((0,lib__WEBPACK_IMPORTED_MODULE_5__/* .isCtrl */ .yl)(event)) {
                     onDirectionToggle();
                 } else {
                     changeActiveIndex(-1, 0);
                 }
             },
             onArrowRight: (event)=>{
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_4__/* .isCtrl */ .yl)(event)) {
+                event.preventDefault();
+                if ((0,lib__WEBPACK_IMPORTED_MODULE_5__/* .isCtrl */ .yl)(event)) {
                     onDirectionToggle();
                 } else {
                     changeActiveIndex(1, 0);
                 }
             },
             onArrowUp: (event)=>{
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_4__/* .isCtrl */ .yl)(event)) {
+                event.preventDefault();
+                if ((0,lib__WEBPACK_IMPORTED_MODULE_5__/* .isCtrl */ .yl)(event)) {
                     onDirectionToggle();
                 } else {
                     changeActiveIndex(0, -1);
@@ -1024,22 +1232,24 @@ const useGrid = (rows)=>{
                 if (!position) {
                     return;
                 }
-                dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                event.preventDefault();
+                dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                     ...position,
                     value: _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.EMPTY_CELL
                 }));
-                onMoveFocus("backward");
+                moveFocus(-1);
             },
             onDelete: (event)=>{
                 const position = getInputRefPosition(event.target);
                 if (!position) {
                     return;
                 }
-                dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                event.preventDefault();
+                dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                     ...position,
                     value: _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.EMPTY_CELL
                 }));
-                onMoveFocus("forward");
+                moveFocus(1);
             },
             onKeyDown: (event)=>{
                 const position = getInputRefPosition(event.target);
@@ -1048,129 +1258,82 @@ const useGrid = (rows)=>{
                 }
                 const { x , y  } = position;
                 const character = event.key.toLowerCase();
-                const isTogglingBlank = (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .isCtrl */ .yl)(event) && character === "b";
+                const isTogglingBlank = (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .isCtrl */ .yl)(event) && character === "b";
                 const twoCharacterTile = config.getTwoCharacterTileByPrefix(character);
                 if (isTogglingBlank) {
-                    dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(position));
+                    event.preventDefault();
+                    dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(position));
                     return;
                 }
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_4__/* .isCtrl */ .yl)(event) && twoCharacterTile) {
+                if ((0,lib__WEBPACK_IMPORTED_MODULE_5__/* .isCtrl */ .yl)(event) && twoCharacterTile) {
                     event.preventDefault();
-                    dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                    dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
                         x,
                         y,
                         value: twoCharacterTile
                     }));
-                    onMoveFocus("forward");
+                    moveFocus(1);
                     return;
                 }
-                if (!config.hasCharacter(character)) {
+                const cell = rows[y][x];
+                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({
+                        ...position,
+                        value: twoCharacterCandidate
+                    }));
+                    moveFocus(1);
                     return;
                 }
-                const canCheckUp = y - 1 > 0;
-                const canCheckLeft = x > 0;
-                const canCheckRight = x + 1 < width;
-                const canCheckDown = y + 1 < height;
-                if (canCheckUp) {
-                    const cellUp = rows[y - 1][x];
-                    const twoCharacterCandidate = cellUp.tile.character + character;
-                    if (config.twoCharacterTiles.includes(twoCharacterCandidate)) {
-                        dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
-                            ...position,
-                            y: y - 1,
-                            value: twoCharacterCandidate
-                        }));
-                        return;
-                    }
-                }
-                if (canCheckDown) {
-                    const cellDown = rows[y + 1][x];
-                    const twoCharacterCandidate1 = character + cellDown.tile.character;
-                    if (config.twoCharacterTiles.includes(twoCharacterCandidate1)) {
-                        dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
-                            ...position,
-                            value: character
-                        }));
-                        dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
-                            ...position,
-                            y: y + 1,
-                            value: _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.EMPTY_CELL
-                        }));
-                        onMoveFocus("forward");
-                        return;
-                    }
-                }
-                if (canCheckLeft) {
-                    const cellLeft = rows[y][x - 1];
-                    const twoCharacterCandidate2 = cellLeft.tile.character + character;
-                    if (config.twoCharacterTiles.includes(twoCharacterCandidate2)) {
-                        dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
-                            ...position,
-                            x: x - 1,
-                            value: twoCharacterCandidate2
-                        }));
-                        return;
-                    }
-                }
-                if (canCheckRight) {
-                    const cellRight = rows[y][x + 1];
-                    const twoCharacterCandidate3 = character + cellRight.tile.character;
-                    if (config.twoCharacterTiles.includes(twoCharacterCandidate3)) {
-                        dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
-                            ...position,
-                            value: character
-                        }));
-                        dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
-                            ...position,
-                            x: x + 1,
-                            value: _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__.EMPTY_CELL
-                        }));
-                        onMoveFocus("forward");
-                        return;
-                    }
-                }
-                if (!canCheckDown || !canCheckRight) {
-                    const cell = rows[y][x];
-                    const twoCharacterCandidate4 = cell.tile.character + character;
-                    if (config.twoCharacterTiles.includes(twoCharacterCandidate4)) {
-                        dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
-                            ...position,
-                            value: twoCharacterCandidate4
-                        }));
-                        return;
-                    }
+                if (event.target instanceof HTMLInputElement && event.target.value === event.key) {
+                    // change event did not fire because the same character was typed over the current one
+                    // but we still want to move the caret
+                    event.preventDefault();
+                    moveFocus(1);
                 }
-                dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
-                    ...position,
-                    value: character
-                }));
-                onMoveFocus("forward");
             },
             onSpace: (event)=>{
                 const position = getInputRefPosition(event.target);
                 if (!position) {
                     return;
                 }
-                dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(position));
+                event.preventDefault();
+                dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(position));
             }
         });
     }, [
         changeActiveIndex,
         config,
         dispatch,
-        lastDirectionRef,
         onDirectionToggle,
         rows
     ]);
+    const onPaste = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((event)=>{
+        if (!(event.target instanceof HTMLInputElement)) {
+            return;
+        }
+        const position = getInputRefPosition(event.target);
+        if (!position) {
+            return;
+        }
+        event.preventDefault();
+        const value = event.clipboardData.getData("text/plain").toLocaleLowerCase();
+        insertValue(position, value);
+    }, [
+        insertValue
+    ]);
     return [
         {
-            lastDirection,
+            direction,
             refs
         },
         {
+            onChange,
             onDirectionToggle,
             onFocus,
-            onKeyDown
+            onKeyDown,
+            onPaste
         }, 
     ];
 };
@@ -1302,8 +1465,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 + 24 modules
-var icons = __webpack_require__(81245);
+// EXTERNAL MODULE: ./src/icons/index.ts + 27 modules
+var icons = __webpack_require__(6942);
 ;// CONCATENATED MODULE: ./src/components/Checkbox/Checkbox.tsx
 
 
@@ -1371,6 +1534,7 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 const Dictionary = ({ className  })=>{
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_2__/* .useTranslate */ .qM)();
     const { results , isLoading  } = (0,state__WEBPACK_IMPORTED_MODULE_2__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_2__/* .selectDictionary */ .w1);
+    const error = (0,state__WEBPACK_IMPORTED_MODULE_2__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_2__/* .selectDictionaryError */ .mK);
     const isFirstAllowed = results.length > 0 ? results[0].isAllowed : undefined;
     return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5___default().dictionary), className, {
@@ -1378,6 +1542,11 @@ const Dictionary = ({ className  })=>{
             [(_Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5___default().isNotAllowed)]: isFirstAllowed === false
         }),
         children: [
+            typeof error !== "undefined" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+                className: (_Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5___default().emptyState),
+                type: "error",
+                children: error.message
+            }),
             results.map(({ definitions , isAllowed , word  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                     className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5___default().result), {
                         [(_Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5___default().isAllowed)]: isAllowed === true,
@@ -1865,8 +2034,8 @@ __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__(81245);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(92237);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6942);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(75558);
 /* harmony import */ var _Key__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50237);
 
 
@@ -2041,7 +2210,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var 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__(81245);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6942);
 /* 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);
@@ -2056,29 +2225,22 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 
-const NavButtons = ({ onClear , onShowKeyMap , onShowRemainingTiles , onShowSettings  })=>{
+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);
     return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
         className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_6___default().navButtons),
         children: [
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_5__/* ["default"].Link */ .Z.Link, {
+            /*#__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),
-                href: parameters__WEBPACK_IMPORTED_MODULE_3__/* .GITHUB_PROJECT_URL */ .h4,
-                Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .Github */ .Ey,
-                rel: "noopener noreferrer",
-                target: "_blank",
-                tooltip: translate("github")
+                Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .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)
             }),
-            /*#__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,
-                tooltip: translate("keyMap"),
-                onClick: onShowKeyMap
-            }),
             /*#__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
@@ -2087,14 +2249,33 @@ const NavButtons = ({ onClear , onShowKeyMap , onShowRemainingTiles , onShowSett
                 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
+                }),
+                Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .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)
+            }),
+            /*#__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,
+                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)
             }),
             /*#__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,
-                tooltip: translate("common.clear"),
-                onClick: onClear
+                Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .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),
@@ -2145,8 +2326,8 @@ var jsx_runtime_ = __webpack_require__(20997);
 // EXTERNAL MODULE: ./node_modules/next/link.js
 var next_link = __webpack_require__(41664);
 var link_default = /*#__PURE__*/__webpack_require__.n(next_link);
-// EXTERNAL MODULE: ./src/icons/index.ts + 24 modules
-var icons = __webpack_require__(81245);
+// EXTERNAL MODULE: ./src/icons/index.ts + 27 modules
+var icons = __webpack_require__(6942);
 // EXTERNAL MODULE: ./src/components/PlainTiles/index.ts + 9 modules
 var PlainTiles = __webpack_require__(14015);
 // EXTERNAL MODULE: ./src/components/NotFound/NotFound.module.scss
@@ -2402,12 +2583,13 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7618);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(92237);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75558);
 /* 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__);
@@ -2423,19 +2605,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_3__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_4__/* .zipCharactersAndTiles */ .gV)(rack, resultCandidateTiles), [
+    const tiles = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_4__/* .zipCharactersAndTiles */ .gV)(rack, resultCandidateTiles), [
         rack,
         resultCandidateTiles
     ]);
     const tilesCount = tiles.length;
-    const tilesRefs = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_4__/* .createArray */ .Ri)(tilesCount).map(()=>/*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_3__.createRef)()), [
+    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)()), [
         tilesCount
     ]);
-    const activeIndexRef = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)();
-    const changeActiveIndex = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((offset)=>{
+    const activeIndexRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
+    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;
         if (tileRef) {
@@ -2447,7 +2630,33 @@ const Rack = ({ className  })=>{
         tilesCount,
         tilesRefs
     ]);
-    const onKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>{
+    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) : [];
+        changeActiveIndex(value ? characters.length : -1);
+    }, [
+        changeActiveIndex,
+        config
+    ]);
+    const handlePaste = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((event)=>{
+        const index = activeIndexRef.current;
+        if (typeof index === "undefined") {
+            return;
+        }
+        event.preventDefault();
+        const value = event.clipboardData.getData("text/plain").toLocaleLowerCase();
+        const characters = value ? (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .extractCharacters */ .nK)(config, value) : [];
+        changeActiveIndex(value ? characters.length : -1);
+        dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .rackSlice.actions.changeCharacters */ .O_.actions.changeCharacters({
+            characters,
+            index
+        }));
+    }, [
+        changeActiveIndex,
+        config,
+        dispatch
+    ]);
+    const handleKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>{
         return (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .createKeyboardNavigation */ .np)({
             onArrowLeft: (event)=>{
                 event.preventDefault();
@@ -2457,12 +2666,18 @@ const Rack = ({ className  })=>{
                 event.preventDefault();
                 changeActiveIndex(1);
             },
-            onBackspace: ()=>{
+            onBackspace: (event)=>{
+                event.preventDefault();
                 changeActiveIndex(-1);
             },
             onKeyDown: (event)=>{
-                const character = event.key.toLowerCase();
-                if (config.hasCharacter(character) || character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.BLANK) {
+                if ((0,lib__WEBPACK_IMPORTED_MODULE_4__/* .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
+                    // but we still want to move the caret
+                    event.preventDefault();
+                    event.stopPropagation();
                     changeActiveIndex(1);
                 }
             }
@@ -2472,14 +2687,16 @@ const Rack = ({ className  })=>{
         config
     ]);
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Rack_module_scss__WEBPACK_IMPORTED_MODULE_7___default().rack), className),
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Rack_module_scss__WEBPACK_IMPORTED_MODULE_7___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, {
                 activeIndexRef: activeIndexRef,
                 character: character,
                 index: index,
                 inputRef: tilesRefs[index],
                 tile: tile,
-                onKeyDown: onKeyDown
+                onChange: handleChange,
+                onKeyDown: handleKeyDown
             }, index))
     });
 };
@@ -2505,7 +2722,7 @@ __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__(92237);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75558);
 /* 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__(54031);
@@ -2522,7 +2739,7 @@ state__WEBPACK_IMPORTED_MODULE_6__ = (__webpack_async_dependencies__.then ? (awa
 
 
 
-const RackTile = ({ activeIndexRef , character , index , inputRef , tile , 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);
@@ -2532,33 +2749,48 @@ const RackTile = ({ activeIndexRef , character , index , inputRef , tile , onKey
     }, [
         index
     ]);
-    const handleCharacterChange = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((value)=>{
-        dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .rackSlice.actions.changeCharacter */ .O_.actions.changeCharacter({
-            character: value,
+    const handleChange = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((event)=>{
+        event.preventDefault();
+        event.stopPropagation();
+        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) : [
+            null
+        ];
+        dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .rackSlice.actions.changeCharacters */ .O_.actions.changeCharacters({
+            characters,
             index
         }));
+        onChange(event);
     }, [
-        index
+        config,
+        index,
+        onChange
     ]);
     const handleKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>{
         return (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .createKeyboardNavigation */ .np)({
-            onBackspace: ()=>handleCharacterChange(null),
-            onDelete: ()=>handleCharacterChange(null),
+            onBackspace: (event)=>{
+                event.preventDefault();
+                dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .rackSlice.actions.changeCharacter */ .O_.actions.changeCharacter({
+                    character: null,
+                    index
+                }));
+            },
             onKeyDown: (event)=>{
-                const newCharacter = event.key.toLowerCase();
-                const twoCharacterTile = config.getTwoCharacterTileByPrefix(newCharacter);
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_4__/* .isCtrl */ .yl)(event) && twoCharacterTile) {
+                if ((0,lib__WEBPACK_IMPORTED_MODULE_4__/* .isCtrl */ .yl)(event) && config.isTwoCharacterTilePrefix(event.key)) {
                     event.preventDefault();
-                    handleCharacterChange(twoCharacterTile);
-                } else if (config.hasCharacter(newCharacter) || newCharacter === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.BLANK) {
-                    handleCharacterChange(newCharacter);
+                    event.stopPropagation();
+                    const twoTilesCharacter = config.getTwoCharacterTileByPrefix(event.key);
+                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                    dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .rackSlice.actions.changeCharacter */ .O_.actions.changeCharacter({
+                        character: twoTilesCharacter,
+                        index
+                    }));
                 }
                 onKeyDown(event);
             }
         });
     }, [
-        config,
-        handleCharacterChange,
+        index,
         onKeyDown
     ]);
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
@@ -2573,6 +2805,7 @@ const RackTile = ({ activeIndexRef , character , index , inputRef , tile , onKey
         raised: true,
         size: parameters__WEBPACK_IMPORTED_MODULE_5__/* .TILE_SIZE */ .I_,
         tabIndex: index === 0 ? undefined : -1,
+        onChange: handleChange,
         onFocus: handleFocus,
         onKeyDown: handleKeyDown
     }, index);
@@ -2732,12 +2965,14 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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 _Character__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(75194);
-/* harmony import */ var _RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(31281);
-/* harmony import */ var _RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_4__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_1__, _Sidebar__WEBPACK_IMPORTED_MODULE_2__, _Character__WEBPACK_IMPORTED_MODULE_3__]);
-([state__WEBPACK_IMPORTED_MODULE_1__, _Sidebar__WEBPACK_IMPORTED_MODULE_2__, _Character__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var _Badge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(99874);
+/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(714);
+/* harmony import */ var _Character__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75194);
+/* harmony import */ var _RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(31281);
+/* harmony import */ var _RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_5__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_1__, _Sidebar__WEBPACK_IMPORTED_MODULE_3__, _Character__WEBPACK_IMPORTED_MODULE_4__]);
+([state__WEBPACK_IMPORTED_MODULE_1__, _Sidebar__WEBPACK_IMPORTED_MODULE_3__, _Character__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
 
 
 
@@ -2746,27 +2981,36 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 const RemainingTiles = ({ className , isOpen , onClose  })=>{
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTranslate */ .qM)();
     const groups = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectRemainingTilesGroups */ .Yj);
-    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Sidebar__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Sidebar__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
         className: className,
         isOpen: isOpen,
         title: translate("remaining-tiles"),
         onClose: onClose,
-        children: groups.map(({ remainingCount , tiles , translationKey , totalCount  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                className: (_RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_4___default().group),
-                children: [
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
-                        className: (_RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_4___default().title),
-                        children: `${translate(translationKey)} (${remainingCount} / ${totalCount})`
-                    }),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                        className: (_RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_4___default().content),
-                        children: tiles.map((tile)=>{
-                            return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Character__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
-                                tile: tile
-                            }, tile.character);
+        children: groups.map(({ remainingCount , tiles , translationKey , totalCount  })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Sidebar__WEBPACK_IMPORTED_MODULE_3__/* ["default"].Section */ .Z.Section, {
+                title: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
+                    className: (_RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_5___default().title),
+                    children: [
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                            children: translate(translationKey)
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Badge__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+                            className: (_RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_5___default().badge),
+                            children: [
+                                remainingCount,
+                                " / ",
+                                totalCount
+                            ]
                         })
+                    ]
+                }),
+                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                    className: (_RemainingTiles_module_scss__WEBPACK_IMPORTED_MODULE_5___default().content),
+                    children: tiles.map((tile)=>{
+                        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Character__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+                            tile: tile
+                        }, tile.character);
                     })
-                ]
+                })
             }, translationKey))
     });
 };
@@ -2848,7 +3092,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6022);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(81245);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6942);
 /* 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);
@@ -3021,21 +3265,24 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80551);
-/* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_window__WEBPACK_IMPORTED_MODULE_2__);
-/* 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 _EmptyState__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(79590);
-/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(85907);
-/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(57345);
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(61157);
-/* harmony import */ var _HeaderButton__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(53236);
-/* harmony import */ var _Result__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(73829);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(81177);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var _SolveButton__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(17290);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _EmptyState__WEBPACK_IMPORTED_MODULE_5__, _Loading__WEBPACK_IMPORTED_MODULE_6__, _ResultsInput__WEBPACK_IMPORTED_MODULE_7__, _HeaderButton__WEBPACK_IMPORTED_MODULE_9__, _Result__WEBPACK_IMPORTED_MODULE_10__, _SolveButton__WEBPACK_IMPORTED_MODULE_11__]);
-([state__WEBPACK_IMPORTED_MODULE_4__, _EmptyState__WEBPACK_IMPORTED_MODULE_5__, _Loading__WEBPACK_IMPORTED_MODULE_6__, _ResultsInput__WEBPACK_IMPORTED_MODULE_7__, _HeaderButton__WEBPACK_IMPORTED_MODULE_9__, _Result__WEBPACK_IMPORTED_MODULE_10__, _SolveButton__WEBPACK_IMPORTED_MODULE_11__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_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 parameters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(90485);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(51413);
+/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(79590);
+/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(85907);
+/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(57345);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(61157);
+/* harmony import */ var _HeaderButton__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(53236);
+/* harmony import */ var _Result__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(73829);
+/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(81177);
+/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var _SolveButton__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(17290);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _EmptyState__WEBPACK_IMPORTED_MODULE_6__, _Loading__WEBPACK_IMPORTED_MODULE_7__, _ResultsInput__WEBPACK_IMPORTED_MODULE_8__, _HeaderButton__WEBPACK_IMPORTED_MODULE_10__, _Result__WEBPACK_IMPORTED_MODULE_11__, _SolveButton__WEBPACK_IMPORTED_MODULE_12__]);
+([state__WEBPACK_IMPORTED_MODULE_5__, _EmptyState__WEBPACK_IMPORTED_MODULE_6__, _Loading__WEBPACK_IMPORTED_MODULE_7__, _ResultsInput__WEBPACK_IMPORTED_MODULE_8__, _HeaderButton__WEBPACK_IMPORTED_MODULE_10__, _Result__WEBPACK_IMPORTED_MODULE_11__, _SolveButton__WEBPACK_IMPORTED_MODULE_12__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
 
 
 
@@ -3050,68 +3297,84 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 const Results = ({ height , width  })=>{
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTranslate */ .qM)();
-    const allResults = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectSortedResults */ .f2);
-    const results = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectSortedFilteredResults */ .dN);
-    const isLoading = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectIsLoading */ .xU);
-    const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectAreResultsOutdated */ .Mj);
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
+    const allResults = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectSortedResults */ .f2);
+    const results = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectSortedFilteredResults */ .dN);
+    const isLoading = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectIsLoading */ .xU);
+    const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectAreResultsOutdated */ .Mj);
+    const error = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectSolveError */ .Rn);
+    const listRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
+    (0,react__WEBPACK_IMPORTED_MODULE_2__.useLayoutEffect)(()=>{
+        if (listRef.current) {
+            listRef.current.scrollTo(0, 0);
+        }
+    }, [
+        listRef,
+        results
+    ]);
     return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_12___default().results),
+        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_13___default().results),
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_12___default().header),
-                children: _constants__WEBPACK_IMPORTED_MODULE_8__/* .COLUMNS.map */ .L.map((column)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_HeaderButton__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
+                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_13___default().header),
+                children: _constants__WEBPACK_IMPORTED_MODULE_9__/* .COLUMNS.map */ .L.map((column)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_HeaderButton__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
                         column: column
                     }, column.id))
             }),
-            typeof results === "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_EmptyState__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_12___default().emptyState),
+            typeof error !== "undefined" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_13___default().emptyState),
+                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_6__/* ["default"] */ .Z, {
+                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_13___default().emptyState),
                 type: "info",
                 children: [
                     translate("results.empty-state.uninitialized"),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {})
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {})
                 ]
             }),
-            typeof results !== "undefined" && typeof allResults !== "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+            typeof 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, {
                 children: [
-                    isOutdated && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_EmptyState__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_12___default().emptyState),
+                    isOutdated && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_EmptyState__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_13___default().emptyState),
                         type: "info",
                         children: [
                             translate("results.empty-state.outdated"),
-                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {})
+                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {})
                         ]
                     }),
                     !isOutdated && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                         children: [
-                            allResults.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_12___default().emptyState),
+                            allResults.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_13___default().emptyState),
                                 type: "warning",
                                 children: translate("results.empty-state.no-results")
                             }),
-                            allResults.length > 0 && results.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
-                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_12___default().emptyState),
+                            allResults.length > 0 && results.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_13___default().emptyState),
                                 type: "info",
                                 children: translate("results.empty-state.no-filtered-results")
                             }),
-                            allResults.length > 0 && results.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_window__WEBPACK_IMPORTED_MODULE_2__.FixedSizeList, {
-                                className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Results_module_scss__WEBPACK_IMPORTED_MODULE_12___default().list), {
-                                    [(_Results_module_scss__WEBPACK_IMPORTED_MODULE_12___default().outdated)]: isOutdated
+                            allResults.length > 0 && results.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_window__WEBPACK_IMPORTED_MODULE_3__.FixedSizeList, {
+                                className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Results_module_scss__WEBPACK_IMPORTED_MODULE_13___default().list), {
+                                    [(_Results_module_scss__WEBPACK_IMPORTED_MODULE_13___default().outdated)]: isOutdated
                                 }),
-                                height: height - parameters__WEBPACK_IMPORTED_MODULE_3__/* .RESULTS_HEADER_HEIGHT */ .$L - parameters__WEBPACK_IMPORTED_MODULE_3__/* .RESULTS_INPUT_HEIGHT */ .qp,
+                                height: height - parameters__WEBPACK_IMPORTED_MODULE_4__/* .RESULTS_HEADER_HEIGHT */ .$L - parameters__WEBPACK_IMPORTED_MODULE_4__/* .RESULTS_INPUT_HEIGHT */ .qp,
+                                innerRef: listRef,
                                 itemCount: results.length,
-                                itemSize: parameters__WEBPACK_IMPORTED_MODULE_3__/* .RESULTS_ITEM_HEIGHT */ .rx,
+                                itemSize: parameters__WEBPACK_IMPORTED_MODULE_4__/* .RESULTS_ITEM_HEIGHT */ .rx,
                                 width: width,
-                                children: _Result__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z
+                                children: _Result__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z
                             }),
-                            allResults.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ResultsInput__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
-                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_12___default().input)
+                            allResults.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ResultsInput__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_13___default().input)
                             })
                         ]
                     })
                 ]
             }),
-            isLoading && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Loading__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {})
+            isLoading && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Loading__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {})
         ]
     });
 };
@@ -3134,7 +3397,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(81245);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6942);
 /* 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);
@@ -3260,7 +3523,7 @@ __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__(92237);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75558);
 /* 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 _ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6__);
@@ -3732,7 +3995,7 @@ __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__(81245);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6942);
 /* harmony import */ var _LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(38997);
 /* harmony import */ var _LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_LocaleSetting_module_scss__WEBPACK_IMPORTED_MODULE_2__);
 
@@ -3837,7 +4100,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(19931);
 /* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_modal__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(81245);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6942);
 /* 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 _SquareButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(49021);
@@ -3880,7 +4143,7 @@ const Sidebar = ({ children , className , isOpen , title , onClose  })=>{
                         }),
                         /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                             className: (_Sidebar_module_scss__WEBPACK_IMPORTED_MODULE_8___default().closeButton),
-                            Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Cross */ .X1,
+                            Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .CrossFill */ .ME,
                             tooltip: translate("common.close"),
                             onClick: onClose
                         })
@@ -4050,7 +4313,6 @@ const Link = ({ className , Icon , tooltip , ...props })=>{
     const triggerProps = (0,_Tooltip__WEBPACK_IMPORTED_MODULE_2__/* .useTooltip */ .l)(tooltip, props);
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_3___default().squareButton), className),
-        type: "button",
         ...props,
         ...triggerProps,
         children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
@@ -4181,8 +4443,8 @@ var jsx_runtime_ = __webpack_require__(20997);
 var build = __webpack_require__(7618);
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(16689);
-// EXTERNAL MODULE: ./src/lib/index.ts + 27 modules
-var lib = __webpack_require__(92237);
+// EXTERNAL MODULE: ./src/lib/index.ts + 29 modules
+var lib = __webpack_require__(75558);
 // EXTERNAL MODULE: external "classnames"
 var external_classnames_ = __webpack_require__(59003);
 var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
@@ -4194,8 +4456,7 @@ var Tile_module_default = /*#__PURE__*/__webpack_require__.n(Tile_module);
 
 
 
-const handleChange = (event)=>event.preventDefault();
-const TilePure = ({ autoFocus , canShowPoints , character , className , disabled , highlighted , inputRef , inputStyle , isBlank , placeholder , points , pointsStyle , raised , style , tabIndex , onFocus , onKeyDown ,  })=>/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
+const TilePure = ({ autoFocus , canShowPoints , character , className , disabled , highlighted , inputRef , inputStyle , isBlank , placeholder , points , pointsStyle , raised , style , tabIndex , onChange , onFocus , onKeyDown ,  })=>/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
         className: external_classnames_default()((Tile_module_default()).tile, className, {
             [(Tile_module_default()).highlighted]: highlighted,
             [(Tile_module_default()).blank]: isBlank,
@@ -4215,14 +4476,13 @@ const TilePure = ({ autoFocus , canShowPoints , character , className , disabled
                 autoFocus: autoFocus,
                 className: (Tile_module_default()).character,
                 disabled: disabled,
-                maxLength: 1,
                 placeholder: placeholder,
                 ref: inputRef,
                 spellCheck: false,
                 style: inputStyle,
                 tabIndex: tabIndex,
                 value: character || "",
-                onChange: handleChange,
+                onChange: onChange,
                 onFocus: onFocus,
                 onKeyDown: onKeyDown
             }),
@@ -4241,7 +4501,7 @@ const TilePure = ({ autoFocus , canShowPoints , character , className , disabled
 
 
 
-const Tile = ({ autoFocus , className , character ="" , disabled , highlighted , inputRef: ref , isBlank , placeholder , points , raised , size , tabIndex , onFocus , onKeyDown ,  })=>{
+const Tile = ({ autoFocus , className , character ="" , disabled , highlighted , inputRef: ref , isBlank , placeholder , points , raised , size , tabIndex , onChange , onFocus =lib/* noop */.ZT , onKeyDown =lib/* noop */.ZT ,  })=>{
     const { pointsFontSize , tileFontSize , tileSize  } = (0,lib/* getTileSizes */.vc)(size);
     const style = (0,external_react_.useMemo)(()=>({
             height: tileSize,
@@ -4264,6 +4524,10 @@ const Tile = ({ autoFocus , className , character ="" , disabled , highlighted ,
     ]);
     const isEmpty = !character || character === build.EMPTY_CELL;
     const canShowPoints = (isBlank || !isEmpty) && typeof points !== "undefined";
+    const handleKeyDown = (event)=>{
+        inputRef.current?.select();
+        onKeyDown(event);
+    };
     (0,external_react_.useEffect)(()=>{
         if (autoFocus && inputRef.current) {
             inputRef.current.focus();
@@ -4288,8 +4552,9 @@ const Tile = ({ autoFocus , className , character ="" , disabled , highlighted ,
         raised: raised,
         style: style,
         tabIndex: tabIndex,
+        onChange: onChange,
         onFocus: onFocus,
-        onKeyDown: onKeyDown
+        onKeyDown: handleKeyDown
     });
 };
 /* harmony default export */ const Tile_Tile = (Tile);
@@ -4379,7 +4644,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__(92237);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(75558);
 /* 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 _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8__);
@@ -4533,6 +4798,118 @@ const Well = /*#__PURE__*/ (0,external_react_.forwardRef)(({ children , classNam
 
 
 
+/***/ }),
+
+/***/ 81478:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6942);
+/* 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 _Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_Words_module_scss__WEBPACK_IMPORTED_MODULE_6__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__, _Sidebar__WEBPACK_IMPORTED_MODULE_5__]);
+([state__WEBPACK_IMPORTED_MODULE_3__, _Sidebar__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
+
+
+
+
+
+const Words = ({ className , isOpen , onClose  })=>{
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTranslate */ .qM)();
+    const { invalidWords , validWords  } = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectVerify */ .HM);
+    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Sidebar__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+        className: className,
+        isOpen: isOpen,
+        title: translate("words"),
+        onClose: onClose,
+        children: [
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Sidebar__WEBPACK_IMPORTED_MODULE_5__/* ["default"].Section */ .Z.Section, {
+                title: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
+                    className: (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().title),
+                    children: [
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                            children: translate("words.invalid")
+                        }),
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Badge__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+                            className: (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().badge),
+                            children: invalidWords.length
+                        })
+                    ]
+                }),
+                children: invalidWords.map((word, index)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                        className: (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().word),
+                        children: [
+                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_2__/* .Cross */ .X1, {
+                                className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().icon), (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().invalid))
+                            }),
+                            " ",
+                            word
+                        ]
+                    }, index))
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Sidebar__WEBPACK_IMPORTED_MODULE_5__/* ["default"].Section */ .Z.Section, {
+                title: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
+                    className: (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().title),
+                    children: [
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                            children: translate("words.valid")
+                        }),
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Badge__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+                            className: (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().badge),
+                            children: validWords.length
+                        })
+                    ]
+                }),
+                children: validWords.map((word, index)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                        className: (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().word),
+                        children: [
+                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_2__/* .Check */ .Jr, {
+                                className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().icon), (_Words_module_scss__WEBPACK_IMPORTED_MODULE_6___default().valid))
+                            }),
+                            " ",
+                            word
+                        ]
+                    }, index))
+            })
+        ]
+    });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Words);
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 63186:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (/* reexport safe */ _Words__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _Words__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(81478);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Words__WEBPACK_IMPORTED_MODULE_0__]);
+_Words__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
 /***/ }),
 
 /***/ 44515:
@@ -4541,49 +4918,54 @@ const Well = /*#__PURE__*/ (0,external_react_.forwardRef)(({ children , classNam
 "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_0__.Z),
-/* harmony export */   "F4": () => (/* reexport safe */ _Rack__WEBPACK_IMPORTED_MODULE_13__.Z),
-/* harmony export */   "TR": () => (/* reexport safe */ _Logo__WEBPACK_IMPORTED_MODULE_9__.Z),
-/* harmony export */   "TX": () => (/* reexport safe */ _NotFound__WEBPACK_IMPORTED_MODULE_11__.Z),
-/* harmony export */   "Xy": () => (/* reexport safe */ _Dictionary__WEBPACK_IMPORTED_MODULE_3__.Z),
-/* harmony export */   "Z$": () => (/* reexport safe */ _DictionaryInput__WEBPACK_IMPORTED_MODULE_4__.Z),
-/* harmony export */   "Zr": () => (/* reexport safe */ _Settings__WEBPACK_IMPORTED_MODULE_19__.Z),
-/* harmony export */   "_m": () => (/* reexport safe */ _NavButtons__WEBPACK_IMPORTED_MODULE_10__.Z),
-/* harmony export */   "d4": () => (/* reexport safe */ _KeyMap__WEBPACK_IMPORTED_MODULE_7__.Z),
-/* harmony export */   "fs": () => (/* reexport safe */ _RemainingTiles__WEBPACK_IMPORTED_MODULE_15__.Z),
-/* harmony export */   "hX": () => (/* reexport safe */ _Splash__WEBPACK_IMPORTED_MODULE_21__.Z),
-/* harmony export */   "tW": () => (/* reexport safe */ _Well__WEBPACK_IMPORTED_MODULE_26__.Z),
-/* harmony export */   "u9": () => (/* reexport safe */ _Results__WEBPACK_IMPORTED_MODULE_16__.Z)
+/* 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_28__.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_27__.Z),
+/* harmony export */   "u9": () => (/* reexport safe */ _Results__WEBPACK_IMPORTED_MODULE_17__.Z)
 /* harmony export */ });
-/* harmony import */ var _Board__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(83774);
-/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(84095);
-/* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(85603);
-/* harmony import */ var _Dictionary__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(28135);
-/* harmony import */ var _DictionaryInput__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(73580);
-/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(79590);
-/* harmony import */ var _Key__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(50237);
-/* harmony import */ var _KeyMap__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(37870);
-/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(85907);
-/* harmony import */ var _Logo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2401);
-/* harmony import */ var _NavButtons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(63495);
-/* harmony import */ var _NotFound__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(92293);
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(14015);
-/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(75138);
-/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(79845);
-/* harmony import */ var _RemainingTiles__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(63233);
-/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(65637);
-/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(57345);
-/* harmony import */ var _Screen__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(68197);
-/* harmony import */ var _Settings__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(94253);
-/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(714);
-/* harmony import */ var _Splash__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(72617);
-/* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(49021);
-/* harmony import */ var _SvgFontCss__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(8895);
-/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(54031);
-/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(73778);
-/* harmony import */ var _Well__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(17084);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Board__WEBPACK_IMPORTED_MODULE_0__, _Button__WEBPACK_IMPORTED_MODULE_1__, _Dictionary__WEBPACK_IMPORTED_MODULE_3__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_4__, _EmptyState__WEBPACK_IMPORTED_MODULE_5__, _KeyMap__WEBPACK_IMPORTED_MODULE_7__, _Loading__WEBPACK_IMPORTED_MODULE_8__, _NavButtons__WEBPACK_IMPORTED_MODULE_10__, _Rack__WEBPACK_IMPORTED_MODULE_13__, _RemainingTiles__WEBPACK_IMPORTED_MODULE_15__, _Results__WEBPACK_IMPORTED_MODULE_16__, _ResultsInput__WEBPACK_IMPORTED_MODULE_17__, _Settings__WEBPACK_IMPORTED_MODULE_19__, _Sidebar__WEBPACK_IMPORTED_MODULE_20__, _SquareButton__WEBPACK_IMPORTED_MODULE_22__, _Tooltip__WEBPACK_IMPORTED_MODULE_25__]);
-([_Board__WEBPACK_IMPORTED_MODULE_0__, _Button__WEBPACK_IMPORTED_MODULE_1__, _Dictionary__WEBPACK_IMPORTED_MODULE_3__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_4__, _EmptyState__WEBPACK_IMPORTED_MODULE_5__, _KeyMap__WEBPACK_IMPORTED_MODULE_7__, _Loading__WEBPACK_IMPORTED_MODULE_8__, _NavButtons__WEBPACK_IMPORTED_MODULE_10__, _Rack__WEBPACK_IMPORTED_MODULE_13__, _RemainingTiles__WEBPACK_IMPORTED_MODULE_15__, _Results__WEBPACK_IMPORTED_MODULE_16__, _ResultsInput__WEBPACK_IMPORTED_MODULE_17__, _Settings__WEBPACK_IMPORTED_MODULE_19__, _Sidebar__WEBPACK_IMPORTED_MODULE_20__, _SquareButton__WEBPACK_IMPORTED_MODULE_22__, _Tooltip__WEBPACK_IMPORTED_MODULE_25__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* 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__(2401);
+/* harmony import */ var _NavButtons__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(63495);
+/* harmony import */ var _NotFound__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(92293);
+/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(14015);
+/* 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__(8895);
+/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(54031);
+/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(73778);
+/* harmony import */ var _Well__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(17084);
+/* harmony import */ var _Words__WEBPACK_IMPORTED_MODULE_28__ = __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__, _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__, _Tooltip__WEBPACK_IMPORTED_MODULE_26__, _Words__WEBPACK_IMPORTED_MODULE_28__]);
+([_Board__WEBPACK_IMPORTED_MODULE_1__, _Button__WEBPACK_IMPORTED_MODULE_2__, _Dictionary__WEBPACK_IMPORTED_MODULE_4__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_5__, _EmptyState__WEBPACK_IMPORTED_MODULE_6__, _KeyMap__WEBPACK_IMPORTED_MODULE_8__, _Loading__WEBPACK_IMPORTED_MODULE_9__, _NavButtons__WEBPACK_IMPORTED_MODULE_11__, _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__, _Tooltip__WEBPACK_IMPORTED_MODULE_26__, _Words__WEBPACK_IMPORTED_MODULE_28__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
 
 
 
@@ -4820,7 +5202,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 lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(92237);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(75558);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(51413);
 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];
@@ -4919,7 +5301,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__(92237);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75558);
 
 
 
@@ -4993,7 +5375,7 @@ __webpack_async_result__();
 
 /***/ }),
 
-/***/ 81245:
+/***/ 6942:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5004,8 +5386,11 @@ __webpack_require__.d(__webpack_exports__, {
   "Xd": () => (/* reexport */ ArrowLeft),
   "ol": () => (/* reexport */ ArrowRight),
   "a2": () => (/* reexport */ ArrowUp),
+  "PP": () => (/* reexport */ BookHalf),
+  "Jr": () => (/* reexport */ Check),
   "Oz": () => (/* reexport */ Cog),
   "X1": () => (/* reexport */ Cross),
+  "ME": () => (/* reexport */ CrossFill),
   "XK": () => (/* reexport */ DashCircleFill),
   "Gs": () => (/* reexport */ Eraser),
   "WN": () => (/* reexport */ Flag),
@@ -5108,6 +5493,44 @@ var SvgArrowUp = function SvgArrowUp(props) {
 };
 
 /* 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"
+  }, 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"
+  }, 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;
 
@@ -5178,12 +5601,31 @@ var SvgCross = function SvgCross(props) {
     xmlns: "http://www.w3.org/2000/svg",
     role: "img"
   }, props), Cross_path || (Cross_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",
+    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"
+  }, 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;
 
@@ -5611,6 +6053,9 @@ var SvgStar = function SvgStar(props) {
 
 
 
+
+
+