@scrabble-solver/scrabble-solver 2.5.0 → 2.7.0

package/.next/server/pages/index.js

@@ -258,6 +258,13 @@ module.exports = _interopRequireWildcard;
 
 /***/ }),
 
+/***/ "2QrI":
+/***/ (function(module) {
+
+module.exports = JSON.parse("{\"cell.set-blank\":\"Marcar como en blanco\",\"cell.set-not-blank\":\"Marcar como no en blanco\",\"cell.toggle-direction\":\"Dirección de escritura: haga clic para alternar\",\"common.blanks\":\"Blancos\",\"common.clear\":\"Borrar\",\"common.close\":\"Cerrar\",\"common.consonants\":\"Consonantes\",\"common.loading\":\"Cargando\",\"common.points\":\"Puntos\",\"common.tiles\":\"Longitud\",\"common.two-letter-tiles\":\"Dos letras\",\"common.vowels\":\"Vocales\",\"common.word\":\"Palabra\",\"common.words\":\"Palabras\",\"dictionary.empty-state.no-definitions\":\"La palabra existe en el diccionario pero no tiene una definición.\",\"dictionary.empty-state.no-results\":\"No se puede encontrar la definición de palabra en el diccionario.\",\"dictionary.empty-state.not-allowed\":\"Esta palabra no es aceptable.\",\"dictionary.empty-state.uninitialized\":\"Aquí se mostrará la definición del diccionario de la última palabra resaltada.\",\"dictionary.input.placeholder\":\"Busca el diccionario...\",\"empty-state.error\":\"Error\",\"empty-state.info\":\"Info\",\"empty-state.success\":\"Sí!\",\"empty-state.warning\":\"Vaya!\",\"github\":\"Ver este proyecto en GitHub\",\"keyMap\":\"Atajos de teclado\",\"keyMap.board\":\"Tablero\",\"keyMap.board.toggle-blank\":\"Marcar / desmarcar un espacio en blanco\",\"keyMap.board.toggle-direction\":\"Alternar dirección de escritura\",\"keyMap.board-and-rack\":\"Tablero y estante\",\"keyMap.board-and-rack.insert-two-letter-tile\":\"Insertar mosaico de dos letras\",\"keyMap.board-and-rack.navigate\":\"Navegar\",\"keyMap.board-and-rack.remove-tile\":\"Quitar Letra\",\"keyMap.board-and-rack.submit\":\"Empezar a resolver\",\"keyMap.rack\":\"Estante\",\"keyMap.rack.insert-blank\":\"Insertar espacio en blanco (barra espaciadora)\",\"rack.placeholder\":\"Letras…\",\"remaining-tiles\":\"Casillas restantes\",\"results.empty-state.no-filtered-results\":\"Ningún resultado coincide con esta consulta.\",\"results.empty-state.no-results\":\"No hay resultados; no se pueden generar palabras\",\"results.empty-state.outdated\":\"Los resultados están desactualizados. Haga clic a continuación para actualizar.\",\"results.empty-state.uninitialized\":\"Aquí se mostrarán las palabras generadas a partir de sus letras.\",\"results.input.placeholder\":\"Busque una solución... (RegExp)\",\"results.solve\":\"Resolver\",\"settings\":\"Configuración\",\"settings.autoGroupTiles\":\"Agrupar casillas restantes\",\"settings.autoGroupTiles.left\":\"A la izquierda\",\"settings.autoGroupTiles.right\":\"A la derecha\",\"settings.autoGroupTiles.null\":\"No agrupar\",\"settings.game\":\"Juego\",\"settings.language\":\"Idioma\"}");
+
+/***/ }),
+
 /***/ "3WeD":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -354,10 +361,12 @@ module.exports = {
 	"flag": "LocaleSetting_flag__1pprE",
 	"checked": "LocaleSetting_checked__3XJSh",
 	"label": "LocaleSetting_label__2rj6n",
+	"es": "LocaleSetting_es__3avX3",
 	"fr": "LocaleSetting_fr__25G9k",
 	"gb": "LocaleSetting_gb__qVZSX",
 	"pl": "LocaleSetting_pl__YUmDs",
-	"us": "LocaleSetting_us__30qoJ"
+	"us": "LocaleSetting_us__30qoJ",
+	"de": "LocaleSetting_de__J0Tpb"
 };
 
 
@@ -366,7 +375,7 @@ module.exports = {
 /***/ "4Ign":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"cell.set-blank\":\"Mark it a blank\",\"cell.set-not-blank\":\"Mark it not a blank\",\"cell.toggle-direction\":\"Typing direction - click to toggle\",\"common.blanks\":\"Blanks\",\"common.clear\":\"Clear\",\"common.close\":\"Close\",\"common.consonants\":\"Consonants\",\"common.loading\":\"Loading\",\"common.points\":\"Points\",\"common.tiles\":\"Tiles\",\"common.vowels\":\"Vowels\",\"common.word\":\"Word\",\"common.words\":\"Words\",\"dictionary.empty-state.no-definitions\":\"Word exists in the dictionary but it does not have a definition.\",\"dictionary.empty-state.no-results\":\"Unable to find word definition in dictionary.\",\"dictionary.empty-state.not-allowed\":\"This word is not allowed.\",\"dictionary.empty-state.uninitialized\":\"Dictionary definition of the last highlighted word will be shown here.\",\"dictionary.input.placeholder\":\"Search dictionary...\",\"empty-state.error\":\"Error\",\"empty-state.info\":\"Info\",\"empty-state.success\":\"Yeah!\",\"empty-state.warning\":\"Oops!\",\"github\":\"See this project on GitHub\",\"keyMap\":\"Keyboard shortcuts\",\"keyMap.board\":\"Board\",\"keyMap.board.toggle-blank\":\"Mark/unmark tile as a blank\",\"keyMap.board.toggle-direction\":\"Toggle typing direction\",\"keyMap.board-and-rack\":\"Board & rack\",\"keyMap.board-and-rack.navigate\":\"Navigate\",\"keyMap.board-and-rack.remove-tile\":\"Remove tile\",\"keyMap.board-and-rack.submit\":\"Start solving\",\"keyMap.rack\":\"Rack\",\"keyMap.rack.insert-blank\":\"Insert blank (spacebar)\",\"rack.placeholder\":\"Letters\",\"remaining-tiles\":\"Remaining tiles\",\"results.empty-state.no-filtered-results\":\"No result matches this query.\",\"results.empty-state.no-results\":\"No results - unable to generate any words.\",\"results.empty-state.outdated\":\"Results are outdated. Click below to update.\",\"results.empty-state.uninitialized\":\"Words generated from your letters will be shown here.\",\"results.input.placeholder\":\"Search results... (RegExp)\",\"results.solve\":\"Solve\",\"settings\":\"Settings\",\"settings.autoGroupTiles\":\"Group remaining tiles\",\"settings.autoGroupTiles.left\":\"On the left\",\"settings.autoGroupTiles.right\":\"On the right\",\"settings.autoGroupTiles.null\":\"Do not group\",\"settings.game\":\"Game\",\"settings.language\":\"Language\"}");
+module.exports = JSON.parse("{\"cell.set-blank\":\"Mark it a blank\",\"cell.set-not-blank\":\"Mark it not a blank\",\"cell.toggle-direction\":\"Typing direction - click to toggle\",\"common.blanks\":\"Blanks\",\"common.clear\":\"Clear\",\"common.close\":\"Close\",\"common.consonants\":\"Consonants\",\"common.loading\":\"Loading\",\"common.points\":\"Points\",\"common.tiles\":\"Tiles\",\"common.two-letter-tiles\":\"Two-letter\",\"common.vowels\":\"Vowels\",\"common.word\":\"Word\",\"common.words\":\"Words\",\"dictionary.empty-state.no-definitions\":\"Word exists in the dictionary but it does not have a definition.\",\"dictionary.empty-state.no-results\":\"Unable to find word definition in dictionary.\",\"dictionary.empty-state.not-allowed\":\"This word is not allowed.\",\"dictionary.empty-state.uninitialized\":\"Dictionary definition of the last highlighted word will be shown here.\",\"dictionary.input.placeholder\":\"Search dictionary...\",\"empty-state.error\":\"Error\",\"empty-state.info\":\"Info\",\"empty-state.success\":\"Yeah!\",\"empty-state.warning\":\"Oops!\",\"github\":\"See this project on GitHub\",\"keyMap\":\"Keyboard shortcuts\",\"keyMap.board\":\"Board\",\"keyMap.board.toggle-blank\":\"Mark/unmark tile as a blank\",\"keyMap.board.toggle-direction\":\"Toggle typing direction\",\"keyMap.board-and-rack\":\"Board & rack\",\"keyMap.board-and-rack.insert-two-letter-tile\":\"Insert two-letter tile\",\"keyMap.board-and-rack.navigate\":\"Navigate\",\"keyMap.board-and-rack.remove-tile\":\"Remove tile\",\"keyMap.board-and-rack.submit\":\"Start solving\",\"keyMap.rack\":\"Rack\",\"keyMap.rack.insert-blank\":\"Insert blank (spacebar)\",\"rack.placeholder\":\"Letters\",\"remaining-tiles\":\"Remaining tiles\",\"results.empty-state.no-filtered-results\":\"No result matches this query.\",\"results.empty-state.no-results\":\"No results - unable to generate any words.\",\"results.empty-state.outdated\":\"Results are outdated. Click below to update.\",\"results.empty-state.uninitialized\":\"Words generated from your letters will be shown here.\",\"results.input.placeholder\":\"Search results... (RegExp)\",\"results.solve\":\"Solve\",\"settings\":\"Settings\",\"settings.autoGroupTiles\":\"Group remaining tiles\",\"settings.autoGroupTiles.left\":\"On the left\",\"settings.autoGroupTiles.right\":\"On the right\",\"settings.autoGroupTiles.null\":\"Do not group\",\"settings.game\":\"Game\",\"settings.language\":\"Language\"}");
 
 /***/ }),
 
@@ -376,7 +385,6 @@ module.exports = JSON.parse("{\"cell.set-blank\":\"Mark it a blank\",\"cell.set-
 // Exports
 module.exports = {
 	"squareButton": "SquareButton_squareButton__3XZzH",
-	"label": "SquareButton_label__2lvIX",
 	"content": "SquareButton_content__2e8pD",
 	"icon": "SquareButton_icon__2HxOh"
 };
@@ -573,30 +581,29 @@ __webpack_require__.d(__webpack_exports__, "s", function() { return /* reexport
 __webpack_require__.d(__webpack_exports__, "k", function() { return /* reexport */ selectBoard; });
 __webpack_require__.d(__webpack_exports__, "o", function() { return /* reexport */ selectConfigId; });
 __webpack_require__.d(__webpack_exports__, "n", function() { return /* reexport */ selectConfig; });
-__webpack_require__.d(__webpack_exports__, "x", function() { return /* reexport */ selectResultsQuery; });
-__webpack_require__.d(__webpack_exports__, "y", function() { return /* reexport */ selectResultsSortColumn; });
-__webpack_require__.d(__webpack_exports__, "z", function() { return /* reexport */ selectResultsSortDirection; });
-__webpack_require__.d(__webpack_exports__, "C", function() { return /* reexport */ selectSortedResults; });
-__webpack_require__.d(__webpack_exports__, "B", function() { return /* reexport */ selectSortedFilteredResults; });
-__webpack_require__.d(__webpack_exports__, "w", function() { return /* reexport */ selectResultCandidateTiles; });
-__webpack_require__.d(__webpack_exports__, "A", function() { return /* reexport */ selectRowsWithCandidate; });
+__webpack_require__.d(__webpack_exports__, "w", function() { return /* reexport */ selectResultsQuery; });
+__webpack_require__.d(__webpack_exports__, "x", function() { return /* reexport */ selectResultsSortColumn; });
+__webpack_require__.d(__webpack_exports__, "y", function() { return /* reexport */ selectResultsSortDirection; });
+__webpack_require__.d(__webpack_exports__, "B", function() { return /* reexport */ selectSortedResults; });
+__webpack_require__.d(__webpack_exports__, "A", function() { return /* reexport */ selectSortedFilteredResults; });
+__webpack_require__.d(__webpack_exports__, "v", function() { return /* reexport */ selectResultCandidateTiles; });
+__webpack_require__.d(__webpack_exports__, "z", function() { return /* reexport */ selectRowsWithCandidate; });
 __webpack_require__.d(__webpack_exports__, "l", function() { return /* reexport */ selectCellBonus; });
 __webpack_require__.d(__webpack_exports__, "m", function() { return /* reexport */ selectCharacterPoints; });
-__webpack_require__.d(__webpack_exports__, "D", function() { return /* reexport */ selectTilePoints; });
+__webpack_require__.d(__webpack_exports__, "C", function() { return /* reexport */ selectTilePoints; });
 __webpack_require__.d(__webpack_exports__, "t", function() { return /* reexport */ selectRack; });
 __webpack_require__.d(__webpack_exports__, "r", function() { return /* reexport */ selectIsLoading; });
 __webpack_require__.d(__webpack_exports__, "i", function() { return /* reexport */ selectAreResultsOutdated; });
 __webpack_require__.d(__webpack_exports__, "q", function() { return /* reexport */ selectHasOverusedTiles; });
-__webpack_require__.d(__webpack_exports__, "u", function() { return /* reexport */ selectRemainingTilesCount; });
-__webpack_require__.d(__webpack_exports__, "v", function() { return /* reexport */ selectRemainingTilesGroups; });
+__webpack_require__.d(__webpack_exports__, "u", function() { return /* reexport */ selectRemainingTilesGroups; });
 __webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ slices_boardSlice; });
 __webpack_require__.d(__webpack_exports__, "c", function() { return /* reexport */ slices_dictionarySlice; });
 __webpack_require__.d(__webpack_exports__, "f", function() { return /* reexport */ slices_rackSlice; });
 __webpack_require__.d(__webpack_exports__, "h", function() { return /* reexport */ slices_resultsSlice; });
-__webpack_require__.d(__webpack_exports__, "E", function() { return /* reexport */ slices_settingsSlice; });
-__webpack_require__.d(__webpack_exports__, "F", function() { return /* reexport */ slices_solveSlice; });
-__webpack_require__.d(__webpack_exports__, "G", function() { return /* reexport */ state_useTranslate; });
-__webpack_require__.d(__webpack_exports__, "H", function() { return /* reexport */ state_useTypedSelector; });
+__webpack_require__.d(__webpack_exports__, "D", function() { return /* reexport */ slices_settingsSlice; });
+__webpack_require__.d(__webpack_exports__, "E", function() { return /* reexport */ slices_solveSlice; });
+__webpack_require__.d(__webpack_exports__, "F", function() { return /* reexport */ state_useTranslate; });
+__webpack_require__.d(__webpack_exports__, "G", function() { return /* reexport */ state_useTypedSelector; });
 
 // UNUSED EXPORTS: selectResults, selectResultCandidate, selectResultCandidateCells, selectTranslations, selectTranslation, selectCharacters, selectLastSolvedParameters, selectHaveCharactersChanged, selectHasBoardChanged, selectRemainingTiles, boardInitialState, dictionaryInitialState, rackInitialState, resultsInitialState, settingsInitialState, solveInitialState
 
@@ -778,7 +785,7 @@ const dictionarySlice = Object(toolkit_["createSlice"])({
 // CONCATENATED MODULE: ./src/state/slices/rackInitialState.ts
 const rackInitialState = [null, null, null, null, null, null, null];
 /* harmony default export */ var slices_rackInitialState = (rackInitialState);
-// EXTERNAL MODULE: ./src/lib/index.ts + 26 modules
+// EXTERNAL MODULE: ./src/lib/index.ts + 27 modules
 var lib = __webpack_require__("psLn");
 
 // CONCATENATED MODULE: ./src/state/slices/rackSlice.ts
@@ -807,7 +814,7 @@ const rackSlice = Object(toolkit_["createSlice"])({
         return state;
       }
 
-      const nullMovingComparator = Object(lib["d" /* createNullMovingComparator */])(Object(lib["l" /* inverseDirection */])(direction));
+      const nullMovingComparator = Object(lib["e" /* createNullMovingComparator */])(Object(lib["l" /* inverseDirection */])(direction));
       const sortedTiles = [...state].sort(nullMovingComparator);
       return sortedTiles;
     },
@@ -817,7 +824,7 @@ const rackSlice = Object(toolkit_["createSlice"])({
     },
     removeTiles: (state, action) => {
       const tilesToRemove = action.payload;
-      const charactersAndTiles = Object(lib["r" /* zipCharactersAndTiles */])(state, tilesToRemove);
+      const charactersAndTiles = Object(lib["s" /* zipCharactersAndTiles */])(state, tilesToRemove);
       const charactersWithoutMatchingTiles = charactersAndTiles.map(({
         character,
         tile
@@ -1054,9 +1061,15 @@ const visit = () => {
 
 
 
+// EXTERNAL MODULE: ./src/i18n/de.json
+var de = __webpack_require__("JQii");
+
 // EXTERNAL MODULE: ./src/i18n/en.json
 var en = __webpack_require__("4Ign");
 
+// EXTERNAL MODULE: ./src/i18n/es.json
+var es = __webpack_require__("2QrI");
+
 // EXTERNAL MODULE: ./src/i18n/fr.json
 var fr = __webpack_require__("I5Sk");
 
@@ -1068,9 +1081,13 @@ var pl = __webpack_require__("uJCx");
 
 
 
+
+
 const i18n = {
+  [types_["Locale"].DE_DE]: de,
   [types_["Locale"].EN_GB]: en,
   [types_["Locale"].EN_US]: en,
+  [types_["Locale"].ES_ES]: es,
   [types_["Locale"].FR_FR]: fr,
   [types_["Locale"].PL_PL]: pl
 };
@@ -1109,7 +1126,7 @@ const selectResults = Object(toolkit_["createSelector"])([selectResultsRoot], re
 const selectResultsQuery = Object(toolkit_["createSelector"])([selectResultsRoot], results => results.query);
 const selectResultsSortColumn = Object(toolkit_["createSelector"])([selectResultsRoot], results => results.sort.column);
 const selectResultsSortDirection = Object(toolkit_["createSelector"])([selectResultsRoot], results => results.sort.direction);
-const selectSortedResults = Object(toolkit_["createSelector"])([selectResults, selectResultsSortColumn, selectResultsSortDirection], lib["p" /* sortResults */]);
+const selectSortedResults = Object(toolkit_["createSelector"])([selectResults, selectResultsSortColumn, selectResultsSortDirection], lib["q" /* sortResults */]);
 const selectSortedFilteredResults = Object(toolkit_["createSelector"])([selectSortedResults, selectResultsQuery], (results, query) => {
   if (!results || query.trim().length === 0) {
     return results;
@@ -1124,7 +1141,7 @@ const selectResultCandidate = Object(toolkit_["createSelector"])([selectResultsR
 const selectResultCandidateCells = Object(toolkit_["createSelector"])([selectResultCandidate], resultCandidate => (resultCandidate === null || resultCandidate === void 0 ? void 0 : resultCandidate.cells) || []);
 const selectResultCandidateTiles = Object(toolkit_["createSelector"])([selectResultCandidate], resultCandidate => (resultCandidate === null || resultCandidate === void 0 ? void 0 : resultCandidate.tiles) || []);
 const selectRowsWithCandidate = Object(toolkit_["createSelector"])([selectBoardRoot, selectResultCandidateCells], (board, cells) => {
-  return board.rows.map((row, y) => row.map((cell, x) => Object(lib["f" /* findCell */])(cells, x, y) || cell));
+  return board.rows.map((row, y) => row.map((cell, x) => Object(lib["g" /* findCell */])(cells, x, y) || cell));
 });
 const selectCellBonus = Object(toolkit_["createSelector"])([selectConfig, selectCell], (config, cell) => {
   return config.getCellBonus(cell);
@@ -1150,20 +1167,17 @@ const selectCharacters = Object(toolkit_["createSelector"])(selectRackRoot, rack
 const selectLastSolvedParameters = Object(toolkit_["createSelector"])([selectSolveRoot], solve => solve.lastSolvedParameters);
 const selectIsLoading = Object(toolkit_["createSelector"])([selectSolveRoot], solve => solve.isLoading);
 const selectHaveCharactersChanged = Object(toolkit_["createSelector"])([selectLastSolvedParameters, selectCharacters], (lastSolvedParameters, characters) => {
-  return !Object(lib["q" /* unorderedArraysEqual */])(lastSolvedParameters.characters, characters);
+  return !Object(lib["r" /* unorderedArraysEqual */])(lastSolvedParameters.characters, characters);
 });
 const selectHasBoardChanged = Object(toolkit_["createSelector"])([selectLastSolvedParameters, selectBoardRoot], (lastSolvedParameters, board) => !lastSolvedParameters.board.equals(board));
 const selectAreResultsOutdated = Object(toolkit_["createSelector"])([selectHasBoardChanged, selectHaveCharactersChanged], (hasBoardChanged, haveCharactersChanged) => hasBoardChanged || haveCharactersChanged);
-const selectRemainingTiles = Object(toolkit_["createSelector"])([selectConfig, selectBoardRoot, selectCharacters], lib["h" /* getRemainingTiles */]);
+const selectRemainingTiles = Object(toolkit_["createSelector"])([selectConfig, selectBoardRoot, selectCharacters], lib["i" /* getRemainingTiles */]);
 const selectHasOverusedTiles = Object(toolkit_["createSelector"])([selectRemainingTiles], remainingTiles => {
   return remainingTiles.some(({
     count,
     usedCount
   }) => usedCount > count);
 });
-const selectRemainingTilesCount = Object(toolkit_["createSelector"])([selectRemainingTiles], remainingTiles => {
-  return Object(lib["i" /* getRemainingTilesCount */])(remainingTiles);
-});
 const selectRemainingTilesGroups = Object(toolkit_["createSelector"])([selectRemainingTiles], lib["j" /* getRemainingTilesGroups */]);
 // CONCATENATED MODULE: ./src/state/sagas.ts
 
@@ -1451,6 +1465,13 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "CQjl":
+/***/ (function(module, exports) {
+
+module.exports = require("react-portal");
+
 /***/ }),
 
 /***/ "CjmZ":
@@ -1519,7 +1540,7 @@ module.exports = require("react/jsx-runtime");
 /***/ "I5Sk":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"cell.set-blank\":\"Marquer comme vide\",\"cell.set-not-blank\":\"Marquer comme non vide\",\"cell.toggle-direction\":\"Direction d'écriture - cliquer pour changer\",\"common.blanks\":\"Cases vides\",\"common.clear\":\"Effacer\",\"common.close\":\"Fermer\",\"common.consonants\":\"Consonnes\",\"common.loading\":\"Chargement\",\"common.points\":\"Points\",\"common.tiles\":\"Cases\",\"common.vowels\":\"Voyelles\",\"common.word\":\"Mot\",\"common.words\":\"Mots\",\"dictionary.empty-state.no-definitions\":\"Le mot existe dans le dictionary mais n'a pas de définition.\",\"dictionary.empty-state.no-results\":\"Impossible de trouver une définition pour ce mot dans le dictionaire.\",\"dictionary.empty-state.not-allowed\":\"Ce mot n'est pas pas acceptable.\",\"dictionary.empty-state.uninitialized\":\"La définition dictionaire du dernier mot surligné sera affichée ici.\",\"dictionary.input.placeholder\":\"Rechercher dans le dictionnaire...\",\"empty-state.error\":\"Erreur\",\"empty-state.info\":\"Info\",\"empty-state.success\":\"Ouais!\",\"empty-state.warning\":\"Oups!\",\"github\":\"Voir ce projet sur GitHub\",\"keyMap\":\"Raccourcis clavier\",\"keyMap.board\":\"Plateau\",\"keyMap.board.toggle-blank\":\"Marqué/Démarqué la case en tant que vide\",\"keyMap.board.toggle-direction\":\"Faire basculer la direction d'écriture\",\"keyMap.board-and-rack\":\"Plateau & chevalet\",\"keyMap.board-and-rack.navigate\":\"Naviguer\",\"keyMap.board-and-rack.remove-tile\":\"Supprimer une case\",\"keyMap.board-and-rack.submit\":\"Commencer la résolution\",\"keyMap.rack\":\"Chevalet\",\"keyMap.rack.insert-blank\":\"Inserer une case vide (spacebar)\",\"rack.placeholder\":\"Lettres\",\"remaining-tiles\":\"Cases restantes\",\"results.empty-state.no-filtered-results\":\"Aucun résultat ne correspond à cette requête\",\"results.empty-state.no-results\":\"Pas de résultats - impossible de générer des mots.\",\"results.empty-state.outdated\":\"Les résultats sont dépassé. Cliquer ci-dessous pour mettre à jour.\",\"results.empty-state.uninitialized\":\"Words generated from your letters will be shown here.\",\"results.input.placeholder\":\"Rechercher les résultats... (RegExp)\",\"results.solve\":\"Résoudre\",\"settings\":\"Options\",\"settings.autoGroupTiles\":\"Grouper les cases restantes\",\"settings.autoGroupTiles.left\":\"Vers la droite\",\"settings.autoGroupTiles.right\":\"Vers la gauche\",\"settings.autoGroupTiles.null\":\"Ne pas grouper\",\"settings.game\":\"Jeu\",\"settings.language\":\"Langue\"}");
+module.exports = JSON.parse("{\"cell.set-blank\":\"Marquer comme vide\",\"cell.set-not-blank\":\"Marquer comme non vide\",\"cell.toggle-direction\":\"Direction d'écriture - cliquer pour changer\",\"common.blanks\":\"Cases vides\",\"common.clear\":\"Effacer\",\"common.close\":\"Fermer\",\"common.consonants\":\"Consonnes\",\"common.loading\":\"Chargement\",\"common.points\":\"Points\",\"common.tiles\":\"Cases\",\"common.two-letter-tiles\":\"Deux lettres\",\"common.vowels\":\"Voyelles\",\"common.word\":\"Mot\",\"common.words\":\"Mots\",\"dictionary.empty-state.no-definitions\":\"Le mot existe dans le dictionary mais n'a pas de définition.\",\"dictionary.empty-state.no-results\":\"Impossible de trouver une définition pour ce mot dans le dictionaire.\",\"dictionary.empty-state.not-allowed\":\"Ce mot n'est pas pas acceptable.\",\"dictionary.empty-state.uninitialized\":\"La définition dictionaire du dernier mot surligné sera affichée ici.\",\"dictionary.input.placeholder\":\"Rechercher dans le dictionnaire...\",\"empty-state.error\":\"Erreur\",\"empty-state.info\":\"Info\",\"empty-state.success\":\"Ouais!\",\"empty-state.warning\":\"Oups!\",\"github\":\"Voir ce projet sur GitHub\",\"keyMap\":\"Raccourcis clavier\",\"keyMap.board\":\"Plateau\",\"keyMap.board.toggle-blank\":\"Marqué/Démarqué la case en tant que vide\",\"keyMap.board.toggle-direction\":\"Faire basculer la direction d'écriture\",\"keyMap.board-and-rack\":\"Plateau & chevalet\",\"keyMap.board-and-rack.insert-two-letter-tile\":\"Insérer une tuile de deux lettres\",\"keyMap.board-and-rack.navigate\":\"Naviguer\",\"keyMap.board-and-rack.remove-tile\":\"Supprimer une case\",\"keyMap.board-and-rack.submit\":\"Commencer la résolution\",\"keyMap.rack\":\"Chevalet\",\"keyMap.rack.insert-blank\":\"Inserer une case vide (spacebar)\",\"rack.placeholder\":\"Lettres\",\"remaining-tiles\":\"Cases restantes\",\"results.empty-state.no-filtered-results\":\"Aucun résultat ne correspond à cette requête\",\"results.empty-state.no-results\":\"Pas de résultats - impossible de générer des mots.\",\"results.empty-state.outdated\":\"Les résultats sont dépassé. Cliquer ci-dessous pour mettre à jour.\",\"results.empty-state.uninitialized\":\"Words generated from your letters will be shown here.\",\"results.input.placeholder\":\"Rechercher les résultats... (RegExp)\",\"results.solve\":\"Résoudre\",\"settings\":\"Options\",\"settings.autoGroupTiles\":\"Grouper les cases restantes\",\"settings.autoGroupTiles.left\":\"Vers la droite\",\"settings.autoGroupTiles.right\":\"Vers la gauche\",\"settings.autoGroupTiles.null\":\"Ne pas grouper\",\"settings.game\":\"Jeu\",\"settings.language\":\"Langue\"}");
 
 /***/ }),
 
@@ -1562,6 +1583,13 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "JQii":
+/***/ (function(module) {
+
+module.exports = JSON.parse("{\"cell.set-blank\":\"Als Blanko markieren\",\"cell.set-not-blank\":\"Nicht als Blanko markieren\",\"cell.toggle-direction\":\"Schreibrichtung - klicken zum Wechseln\",\"common.blanks\":\"Blankos\",\"common.clear\":\"Löschen\",\"common.close\":\"Schließen\",\"common.consonants\":\"Konsonanten\",\"common.loading\":\"Laden\",\"common.points\":\"Punkte\",\"common.tiles\":\"Steine\",\"common.two-letter-tiles\":\"Zwei-Buchstaben\",\"common.vowels\":\"Vokale\",\"common.word\":\"Wort\",\"common.words\":\"Wörter\",\"dictionary.empty-state.no-definitions\":\"Wort existiert im Wörterbuch aber hat keine Definition.\",\"dictionary.empty-state.no-results\":\"Wort kann nicht im Wörterbuch gefunden werden.\",\"dictionary.empty-state.not-allowed\":\"Dieses Wort ist nicht erlaubt.\",\"dictionary.empty-state.uninitialized\":\"Die Wörterbuchdefinition des letzten markierten Wortes wird hier angezeigt.\",\"dictionary.input.placeholder\":\"Durchsuche Wörterbuch...\",\"empty-state.error\":\"Fehler\",\"empty-state.info\":\"Info\",\"empty-state.success\":\"Juhuu!\",\"empty-state.warning\":\"Oje!\",\"github\":\"Schau dieses Projekt auf GitHub an\",\"keyMap\":\"Tastaturkürzel\",\"keyMap.board\":\"Brett\",\"keyMap.board.toggle-blank\":\"Als Blanko markieren / aufheben\",\"keyMap.board.toggle-direction\":\"Schreibrichtung umschalten\",\"keyMap.board-and-rack\":\"Brett & Ablage\",\"keyMap.board-and-rack.insert-two-letter-tile\":\"Zwei-Buchstaben Stein hinzufügen\",\"keyMap.board-and-rack.navigate\":\"Navigieren\",\"keyMap.board-and-rack.remove-tile\":\"Stein entfernen\",\"keyMap.board-and-rack.submit\":\"Lösen starten\",\"keyMap.rack\":\"Ablage\",\"keyMap.rack.insert-blank\":\"Blanko hinzufügen (Leertaste)\",\"rack.placeholder\":\"Steine…\",\"remaining-tiles\":\"Restliche Steine\",\"results.empty-state.no-filtered-results\":\"Keine Ergebnisse für diese Anfrage.\",\"results.empty-state.no-results\":\"Keine Ergebnisse - kein Wort konnte generiert werden.\",\"results.empty-state.outdated\":\"Ergebnisse sind alt. Klicken zum Aktualisieren.\",\"results.empty-state.uninitialized\":\"Wörter die aus deinen Buchstaben generiert wurden erscheinen hier.\",\"results.input.placeholder\":\"Suchergebnisse... (RegExp)\",\"results.solve\":\"Lösen\",\"settings\":\"Einstellungen\",\"settings.autoGroupTiles\":\"Restliche Steine gruppieren\",\"settings.autoGroupTiles.left\":\"Linke Seite\",\"settings.autoGroupTiles.right\":\"Rechte Seite\",\"settings.autoGroupTiles.null\":\"Nicht gruppieren\",\"settings.game\":\"Spiel\",\"settings.language\":\"Sprache\"}");
+
 /***/ }),
 
 /***/ "Jsr2":
@@ -1618,7 +1646,8 @@ module.exports = {
 	"resultsContainer": "index_resultsContainer__1EJmC",
 	"rackContainer": "index_rackContainer__1ud2t",
 	"rack": "index_rack__11KOR",
-	"submitInput": "index_submitInput__uKoKN"
+	"submitInput": "index_submitInput__uKoKN",
+	"version": "index_version__dm03L"
 };
 
 
@@ -1902,10 +1931,9 @@ __webpack_require__.d(__webpack_exports__, "i", function() { return /* reexport
 __webpack_require__.d(__webpack_exports__, "j", function() { return /* reexport */ Results_Results; });
 __webpack_require__.d(__webpack_exports__, "k", function() { return /* reexport */ Settings_Settings; });
 __webpack_require__.d(__webpack_exports__, "l", function() { return /* reexport */ Splash_Splash; });
-__webpack_require__.d(__webpack_exports__, "m", function() { return /* reexport */ SvgIcon_SvgIcon; });
-__webpack_require__.d(__webpack_exports__, "n", function() { return /* reexport */ Well_Well; });
+__webpack_require__.d(__webpack_exports__, "m", function() { return /* reexport */ Well_Well; });
 
-// UNUSED EXPORTS: Button, Checkbox, EmptyState, Key, Loading, PlainTiles, Radio, ResultsInput, Screen, Sidebar, SquareButton, Tile
+// UNUSED EXPORTS: Button, Checkbox, EmptyState, Key, Loading, PlainTiles, Radio, ResultsInput, Screen, Sidebar, SquareButton, SvgIcon, Tile, useTooltip
 
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__("F5FC");
@@ -1930,7 +1958,7 @@ var constants_ = __webpack_require__("h+wf");
 // EXTERNAL MODULE: external "react-redux"
 var external_react_redux_ = __webpack_require__("h74D");
 
-// EXTERNAL MODULE: ./src/lib/index.ts + 26 modules
+// EXTERNAL MODULE: ./src/lib/index.ts + 27 modules
 var lib = __webpack_require__("psLn");
 
 // EXTERNAL MODULE: ./node_modules/svg-baker-runtime/symbol.js
@@ -2051,6 +2079,17 @@ var eraser_symbol = new symbol_default.a({
 });
 var eraser_result = sprite_build_default.a.add(eraser_symbol);
 /* harmony default export */ var eraser = (eraser_symbol);
+// CONCATENATED MODULE: ./src/icons/flagEs.svg
+
+
+var flagEs_symbol = new symbol_default.a({
+  "id": "flagEs",
+  "use": "flagEs-usage",
+  "viewBox": "0 0 1280 853",
+  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 1280 853\" id=\"flagEs\">  <image id=\"flagEs_image0\" width=\"1280\" height=\"853\" x=\"0\" y=\"0\" xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABQAAAANVAgMAAABaGbsaAAAABGdBTUEAALGPC/xhBQAAACBjSFJN\nAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAADFBMVEXGCx74rwP/xAD///8H\ncjGDAAAAAWJLR0QDEQxM8gAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+UCFwAsE4DcNqcA\nAAPBSURBVHja7dAxAQAwEAOhmHyTVVkRt4IENgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\nAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALYj2SMRGAmMBEYCI4GRwEhgJDAS\nGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhg\nJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GR\nwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYC\nI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmM\nBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDAS\nGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhg\nJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GR\nwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYC\nI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmM\nBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDAS\nGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhg\nJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GR\nwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYC\nI4GRwEhgJDASGAmMBEYCI4GRwEhgJDASGAmMBEYCI4GRwEhgJDDakQwAAAAAAAAAAAAAAAAAAAAA\nAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIDtAwXRsbDe\nnzaLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTIzVDAwOjQ0OjE5KzAzOjAwYEEZrQAAACV0\nRVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0yM1QwMDo0NDoxOSswMzowMBEcoREAAAAASUVORK5CYII=\"></image>\n</symbol>"
+});
+var flagEs_result = sprite_build_default.a.add(flagEs_symbol);
+/* harmony default export */ var flagEs = (flagEs_symbol);
 // CONCATENATED MODULE: ./src/icons/flagFr.svg
 
 
@@ -2095,6 +2134,17 @@ var flagUs_symbol = new symbol_default.a({
 });
 var flagUs_result = sprite_build_default.a.add(flagUs_symbol);
 /* harmony default export */ var flagUs = (flagUs_symbol);
+// CONCATENATED MODULE: ./src/icons/flagDe.svg
+
+
+var flagDe_symbol = new symbol_default.a({
+  "id": "flagDe",
+  "use": "flagDe-usage",
+  "viewBox": "0 0 20 12",
+  "content": "<symbol viewBox=\"0 0 20 12\" xmlns=\"http://www.w3.org/2000/svg\" id=\"flagDe\">\n    <rect width=\"20\" height=\"4\" fill=\"#000\" />\n    <rect width=\"20\" height=\"4\" fill=\"#f00\" y=\"4\" />\n    <rect width=\"20\" height=\"4\" fill=\"#fc0\" y=\"8\" />\n</symbol>"
+});
+var flagDe_result = sprite_build_default.a.add(flagDe_symbol);
+/* harmony default export */ var flagDe = (flagDe_symbol);
 // CONCATENATED MODULE: ./src/icons/github.svg
 
 
@@ -2180,6 +2230,8 @@ var sortUp_result = sprite_build_default.a.add(sortUp_symbol);
 
 
 
+
+
 
 
 // CONCATENATED MODULE: ./src/components/SvgIcon/SvgIcon.tsx
@@ -2351,6 +2403,159 @@ const Tile = ({
 /* harmony default export */ var Tile_Tile = (Tile);
 // CONCATENATED MODULE: ./src/components/Tile/index.ts
 
+// EXTERNAL MODULE: external "react-popper"
+var external_react_popper_ = __webpack_require__("pYII");
+
+// EXTERNAL MODULE: external "react-use"
+var external_react_use_ = __webpack_require__("zKz7");
+
+// EXTERNAL MODULE: ./src/hooks/index.ts + 9 modules
+var hooks = __webpack_require__("eZYV");
+
+// EXTERNAL MODULE: ./src/components/Tooltip/Tooltip.module.scss
+var Tooltip_module = __webpack_require__("bQD4");
+var Tooltip_module_default = /*#__PURE__*/__webpack_require__.n(Tooltip_module);
+
+// CONCATENATED MODULE: ./src/components/Tooltip/constants.ts
+
+const ARROW_SIZE = parseInt(Tooltip_module_default.a.ARROW_SIZE, 10);
+const OFFSET = parseInt(Tooltip_module_default.a.OFFSET, 10);
+const PREVENT_OVERFLOW = parseInt(Tooltip_module_default.a.PREVENT_OVERFLOW, 10);
+const MODIFIERS = [{
+  name: 'preventOverflow',
+  options: {
+    padding: PREVENT_OVERFLOW,
+    rootBoundary: 'document'
+  }
+}, {
+  name: 'flip',
+  options: {
+    padding: ARROW_SIZE,
+    rootBoundary: 'document'
+  }
+}, {
+  name: 'offset',
+  options: {
+    offset: [0, OFFSET + ARROW_SIZE]
+  }
+}];
+// CONCATENATED MODULE: ./src/components/Tooltip/useTooltip.tsx
+
+
+
+function useTooltip_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function useTooltip_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { useTooltip_ownKeys(Object(source), true).forEach(function (key) { useTooltip_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { useTooltip_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function useTooltip_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+
+
+
+const useTooltip = (tooltip, {
+  className,
+  placement = 'top',
+  onBlur = lib["p" /* noop */],
+  onFocus = lib["p" /* noop */],
+  onMouseOut = lib["p" /* noop */],
+  onMouseOver = lib["p" /* noop */]
+} = {}) => {
+  const id = Object(hooks["d" /* useUniqueId */])();
+  const isEnabled = Boolean(tooltip) || tooltip === 0;
+  const isMounted = Object(external_react_use_["useMountedState"])();
+  const {
+    0: isShown,
+    1: setIsShown
+  } = Object(external_react_["useState"])(false);
+  const {
+    0: referenceElement,
+    1: setReferenceElement
+  } = Object(external_react_["useState"])(null);
+  const {
+    0: popperElement,
+    1: setPopperElement
+  } = Object(external_react_["useState"])(null);
+  const {
+    0: arrowElement,
+    1: setArrowElement
+  } = Object(external_react_["useState"])(null);
+  const {
+    attributes,
+    styles: popperStyles,
+    update
+  } = Object(external_react_popper_["usePopper"])(referenceElement, popperElement, {
+    modifiers: [{
+      name: 'arrow',
+      options: {
+        element: arrowElement
+      }
+    }, ...MODIFIERS],
+    placement
+  });
+  const computedPlacement = attributes.popper ? attributes.popper['data-popper-placement'] : placement;
+  const ariaAttributes = Object(external_react_["useMemo"])(() => isShown ? {
+    'aria-describedby': id
+  } : {}, [id, isShown]);
+  const handleBlur = Object(external_react_["useCallback"])(event => {
+    onBlur(event);
+    setIsShown(false);
+  }, [onBlur]);
+  const handleFocus = Object(external_react_["useCallback"])(event => {
+    onFocus(event);
+    setIsShown(true);
+  }, [onFocus]);
+  const handleMouseOut = Object(external_react_["useCallback"])(event => {
+    onMouseOut(event);
+    setIsShown(false);
+  }, [onMouseOut]);
+  const handleMouseOver = Object(external_react_["useCallback"])(event => {
+    onMouseOver(event);
+    setIsShown(true);
+  }, [onMouseOver]);
+  const triggerProps = Object(external_react_["useMemo"])(() => useTooltip_objectSpread(useTooltip_objectSpread({}, ariaAttributes), {}, {
+    ref: setReferenceElement,
+    onBlur: handleBlur,
+    onFocus: handleFocus,
+    onMouseOut: handleMouseOut,
+    onMouseOver: handleMouseOver
+  }), [ariaAttributes, handleBlur, handleFocus, handleMouseOut, handleMouseOver]);
+  Object(external_react_use_["useRafLoop"])(() => {
+    if (isMounted() && update) {
+      update();
+    }
+  });
+  Object(hooks["c" /* usePortal */])( /*#__PURE__*/Object(jsx_runtime_["jsxs"])("div", useTooltip_objectSpread(useTooltip_objectSpread({
+    className: external_classnames_default()(Tooltip_module_default.a.tooltip, className, {
+      [Tooltip_module_default.a.top]: computedPlacement === 'top',
+      [Tooltip_module_default.a.right]: computedPlacement === 'right',
+      [Tooltip_module_default.a.bottom]: computedPlacement === 'bottom',
+      [Tooltip_module_default.a.left]: computedPlacement === 'left'
+    }),
+    ref: setPopperElement,
+    style: popperStyles.popper
+  }, attributes.popper), {}, {
+    children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
+      children: tooltip
+    }), /*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
+      className: Tooltip_module_default.a.arrow,
+      ref: setArrowElement,
+      style: popperStyles.arrow
+    })]
+  })), {
+    disabled: !isEnabled || !isShown
+  });
+  return triggerProps;
+};
+
+/* harmony default export */ var Tooltip_useTooltip = (useTooltip);
+// CONCATENATED MODULE: ./src/components/Tooltip/index.ts
+
 // EXTERNAL MODULE: ./src/components/Board/components/Cell/Cell.module.scss
 var Cell_module = __webpack_require__("CjmZ");
 var Cell_module_default = /*#__PURE__*/__webpack_require__.n(Cell_module);
@@ -2372,20 +2577,23 @@ function Button_objectWithoutPropertiesLoose(source, excluded) { if (source == n
 
 
 
+
 const Button = (_ref) => {
   let {
     children,
-    className
+    className,
+    tooltip
   } = _ref,
-      props = Button_objectWithoutProperties(_ref, ["children", "className"]);
+      props = Button_objectWithoutProperties(_ref, ["children", "className", "tooltip"]);
 
-  return /*#__PURE__*/Object(jsx_runtime_["jsx"])("button", Button_objectSpread(Button_objectSpread({
+  const triggerProps = Tooltip_useTooltip(tooltip, props);
+  return /*#__PURE__*/Object(jsx_runtime_["jsx"])("button", Button_objectSpread(Button_objectSpread(Button_objectSpread({
     className: external_classnames_default()(Cell_module_default.a.action, className) // It's fine to make it not focusable with TAB from a11y point of view
     // because alternative key combos are provided.
     ,
     tabIndex: -1,
     type: "button"
-  }, props), {}, {
+  }, props), triggerProps), {}, {
     children: children
   }));
 };
@@ -2485,7 +2693,7 @@ const CellPure = ({
   }), /*#__PURE__*/Object(jsx_runtime_["jsxs"])("div", {
     className: Cell_module_default.a.actions,
     children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])(Cell_Button, {
-      title: translate('cell.toggle-direction'),
+      tooltip: translate('cell.toggle-direction'),
       onClick: onDirectionToggleClick,
       children: /*#__PURE__*/Object(jsx_runtime_["jsx"])(SvgIcon_SvgIcon, {
         className: external_classnames_default()(Cell_module_default.a.toggleDirection, {
@@ -2497,7 +2705,7 @@ const CellPure = ({
       className: external_classnames_default()(Cell_module_default.a.blank, {
         [Cell_module_default.a.active]: tile.isBlank
       }),
-      title: tile.isBlank ? translate('cell.set-not-blank') : translate('cell.set-blank'),
+      tooltip: tile.isBlank ? translate('cell.set-not-blank') : translate('cell.set-blank'),
       onClick: onToggleBlankClick,
       children: "B"
     })]
@@ -2529,9 +2737,9 @@ const Cell = ({
     y
   } = cell;
   const dispatch = Object(external_react_redux_["useDispatch"])();
-  const translate = Object(src_state["G" /* useTranslate */])();
-  const bonus = Object(src_state["H" /* useTypedSelector */])(state => Object(src_state["l" /* selectCellBonus */])(state, cell));
-  const points = Object(src_state["H" /* useTypedSelector */])(state => Object(src_state["D" /* selectTilePoints */])(state, cell.tile));
+  const translate = Object(src_state["F" /* useTranslate */])();
+  const bonus = Object(src_state["G" /* useTypedSelector */])(state => Object(src_state["l" /* selectCellBonus */])(state, cell));
+  const points = Object(src_state["G" /* useTypedSelector */])(state => Object(src_state["C" /* selectTilePoints */])(state, cell.tile));
   const {
     tileFontSize
   } = Object(lib["k" /* getTileSizes */])(size);
@@ -2616,9 +2824,6 @@ const BoardPure = ({
 });
 
 /* harmony default export */ var Board_BoardPure = (/*#__PURE__*/Object(external_react_["memo"])(BoardPure));
-// EXTERNAL MODULE: external "react-use"
-var external_react_use_ = __webpack_require__("zKz7");
-
 // CONCATENATED MODULE: ./src/components/Board/lib/getPositionInGrid.ts
 const getPositionInGrid = (grid, constraint) => {
   for (let y = 0; y < grid.length; ++y) {
@@ -2653,13 +2858,12 @@ function useGrid_defineProperty(obj, key, value) { if (key in obj) { Object.defi
 
 
 
-const useGrid = ({
-  height,
-  width
-}) => {
+const useGrid = rows => {
+  const height = rows.length;
+  const width = rows[0].length;
   const dispatch = Object(external_react_redux_["useDispatch"])();
-  const config = Object(src_state["H" /* useTypedSelector */])(src_state["n" /* selectConfig */]);
-  const refs = Object(external_react_["useMemo"])(() => Object(lib["b" /* createGridOf */])(width, height, () => /*#__PURE__*/Object(external_react_["createRef"])()), [width, height]);
+  const config = Object(src_state["G" /* useTypedSelector */])(src_state["n" /* selectConfig */]);
+  const refs = Object(external_react_["useMemo"])(() => Object(lib["c" /* createGridOf */])(width, height, () => /*#__PURE__*/Object(external_react_["createRef"])()), [width, height]);
   const activeIndexRef = Object(external_react_["useRef"])({
     x: 0,
     y: 0
@@ -2704,7 +2908,7 @@ const useGrid = ({
     }
   }, [changeActiveIndex, lastDirectionRef]);
   const onKeyDown = Object(external_react_["useMemo"])(() => {
-    return Object(lib["c" /* createKeyboardNavigation */])({
+    return Object(lib["d" /* createKeyboardNavigation */])({
       onArrowDown: event => {
         if (Object(lib["m" /* isCtrl */])(event)) {
           onDirectionToggle();
@@ -2764,20 +2968,118 @@ const useGrid = ({
           return;
         }
 
+        const {
+          x,
+          y
+        } = position;
         const character = event.key.toLowerCase();
         const isTogglingBlank = Object(lib["m" /* isCtrl */])(event) && character === 'b';
+        const twoCharacterTile = config.getTwoCharacterTileByPrefix(character);
 
         if (isTogglingBlank) {
           dispatch(src_state["a" /* boardSlice */].actions.toggleCellIsBlank(position));
-        } else if (config.hasCharacter(character)) {
-          dispatch(src_state["a" /* boardSlice */].actions.changeCellValue(useGrid_objectSpread(useGrid_objectSpread({}, position), {}, {
-            value: character
-          })));
+          return;
+        }
+
+        if (Object(lib["m" /* isCtrl */])(event) && twoCharacterTile) {
+          event.preventDefault();
+          dispatch(src_state["a" /* boardSlice */].actions.changeCellValue({
+            x,
+            y,
+            value: twoCharacterTile
+          }));
           onMoveFocus('forward');
+          return;
+        }
+
+        if (!config.hasCharacter(character)) {
+          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(src_state["a" /* boardSlice */].actions.changeCellValue(useGrid_objectSpread(useGrid_objectSpread({}, position), {}, {
+              y: y - 1,
+              value: twoCharacterCandidate
+            })));
+            return;
+          }
+        }
+
+        if (canCheckDown) {
+          const cellDown = rows[y + 1][x];
+          const twoCharacterCandidate = character + cellDown.tile.character;
+
+          if (config.twoCharacterTiles.includes(twoCharacterCandidate)) {
+            dispatch(src_state["a" /* boardSlice */].actions.changeCellValue(useGrid_objectSpread(useGrid_objectSpread({}, position), {}, {
+              value: character
+            })));
+            dispatch(src_state["a" /* boardSlice */].actions.changeCellValue(useGrid_objectSpread(useGrid_objectSpread({}, position), {}, {
+              y: y + 1,
+              value: constants_["EMPTY_CELL"]
+            })));
+            onMoveFocus('forward');
+            return;
+          }
+        }
+
+        if (canCheckLeft) {
+          const cellLeft = rows[y][x - 1];
+          const twoCharacterCandidate = cellLeft.tile.character + character;
+
+          if (config.twoCharacterTiles.includes(twoCharacterCandidate)) {
+            dispatch(src_state["a" /* boardSlice */].actions.changeCellValue(useGrid_objectSpread(useGrid_objectSpread({}, position), {}, {
+              x: x - 1,
+              value: twoCharacterCandidate
+            })));
+            return;
+          }
+        }
+
+        if (canCheckRight) {
+          const cellRight = rows[y][x + 1];
+          const twoCharacterCandidate = character + cellRight.tile.character;
+
+          if (config.twoCharacterTiles.includes(twoCharacterCandidate)) {
+            dispatch(src_state["a" /* boardSlice */].actions.changeCellValue(useGrid_objectSpread(useGrid_objectSpread({}, position), {}, {
+              value: character
+            })));
+            dispatch(src_state["a" /* boardSlice */].actions.changeCellValue(useGrid_objectSpread(useGrid_objectSpread({}, position), {}, {
+              x: x + 1,
+              value: constants_["EMPTY_CELL"]
+            })));
+            onMoveFocus('forward');
+            return;
+          }
+        }
+
+        if (!canCheckDown || !canCheckRight) {
+          const cell = rows[y][x];
+          const twoCharacterCandidate = cell.tile.character + character;
+
+          if (config.twoCharacterTiles.includes(twoCharacterCandidate)) {
+            dispatch(src_state["a" /* boardSlice */].actions.changeCellValue(useGrid_objectSpread(useGrid_objectSpread({}, position), {}, {
+              value: twoCharacterCandidate
+            })));
+            return;
+          }
+        }
+
+        dispatch(src_state["a" /* boardSlice */].actions.changeCellValue(useGrid_objectSpread(useGrid_objectSpread({}, position), {}, {
+          value: character
+        })));
+        onMoveFocus('forward');
       }
     });
-  }, [changeActiveIndex, config, dispatch, lastDirectionRef, onDirectionToggle]);
+  }, [changeActiveIndex, config, dispatch, lastDirectionRef, onDirectionToggle, rows]);
   return [{
     lastDirection,
     refs
@@ -2803,7 +3105,7 @@ const Board = ({
   className,
   innerRef
 }) => {
-  const rows = Object(src_state["H" /* useTypedSelector */])(src_state["A" /* selectRowsWithCandidate */]);
+  const rows = Object(src_state["G" /* useTypedSelector */])(src_state["z" /* selectRowsWithCandidate */]);
   const [{
     lastDirection,
     refs
@@ -2811,10 +3113,7 @@ const Board = ({
     onDirectionToggle,
     onFocus,
     onKeyDown
-  }] = hooks_useGrid({
-    height: rows.length,
-    width: rows[0].length
-  });
+  }] = hooks_useGrid(rows);
   return /*#__PURE__*/Object(jsx_runtime_["jsx"])(Board_BoardPure, {
     className: className,
     cellSize: cellSize,
@@ -2835,68 +3134,10 @@ const Board = ({
 var Button_module = __webpack_require__("1zWx");
 var Button_module_default = /*#__PURE__*/__webpack_require__.n(Button_module);
 
-// CONCATENATED MODULE: ./src/components/Button/Content.tsx
-
-
-
-
-
-
-const Content = ({
-  children,
-  icon
-}) => /*#__PURE__*/Object(jsx_runtime_["jsxs"])("span", {
-  className: Button_module_default.a.content,
-  children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])("span", {
-    className: Button_module_default.a.label,
-    children: children
-  }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(SvgIcon_SvgIcon, {
-    className: Button_module_default.a.icon,
-    icon: icon
-  })]
-});
-
-/* harmony default export */ var Button_Content = (Content);
-// CONCATENATED MODULE: ./src/components/Button/Link.tsx
-
-
-function Link_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function Link_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Link_ownKeys(Object(source), true).forEach(function (key) { Link_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Link_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function Link_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function Link_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Link_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function Link_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-
-
-
-
-
-const Link = (_ref) => {
-  let {
-    children,
-    className,
-    icon
-  } = _ref,
-      props = Link_objectWithoutProperties(_ref, ["children", "className", "icon"]);
-
-  return /*#__PURE__*/Object(jsx_runtime_["jsx"])("a", Link_objectSpread(Link_objectSpread({
-    className: external_classnames_default()(Button_module_default.a.button, className)
-  }, props), {}, {
-    children: /*#__PURE__*/Object(jsx_runtime_["jsx"])(Button_Content, {
-      icon: icon,
-      children: children
-    })
-  }));
-};
-
-/* harmony default export */ var Button_Link = (Link);
 // CONCATENATED MODULE: ./src/components/Button/Button.tsx
 
 
+
 function Button_Button_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function Button_Button_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Button_Button_ownKeys(Object(source), true).forEach(function (key) { Button_Button_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Button_Button_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -2917,24 +3158,30 @@ const Button_Button = (_ref) => {
   let {
     children,
     className,
-    icon
+    icon,
+    tooltip
   } = _ref,
-      props = Button_Button_objectWithoutProperties(_ref, ["children", "className", "icon"]);
+      props = Button_Button_objectWithoutProperties(_ref, ["children", "className", "icon", "tooltip"]);
 
-  return /*#__PURE__*/Object(jsx_runtime_["jsx"])("button", Button_Button_objectSpread(Button_Button_objectSpread({
+  const triggerProps = Tooltip_useTooltip(tooltip, props);
+  return /*#__PURE__*/Object(jsx_runtime_["jsx"])("button", Button_Button_objectSpread(Button_Button_objectSpread(Button_Button_objectSpread({
     className: external_classnames_default()(Button_module_default.a.button, className),
     type: "button"
-  }, props), {}, {
-    children: /*#__PURE__*/Object(jsx_runtime_["jsx"])(Button_Content, {
-      icon: icon,
-      children: children
+  }, props), triggerProps), {}, {
+    children: /*#__PURE__*/Object(jsx_runtime_["jsxs"])("span", {
+      className: Button_module_default.a.content,
+      children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])("span", {
+        className: Button_module_default.a.label,
+        children: children
+      }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(SvgIcon_SvgIcon, {
+        className: Button_module_default.a.icon,
+        icon: icon
+      })]
     })
   }));
 };
 
-/* harmony default export */ var components_Button_Button = (Object.assign(Button_Button, {
-  Link: Button_Link
-}));
+/* harmony default export */ var components_Button_Button = (Button_Button);
 // CONCATENATED MODULE: ./src/components/Button/index.ts
 
 // EXTERNAL MODULE: ./src/components/Checkbox/Checkbox.module.scss
@@ -2957,14 +3204,12 @@ const Checkbox = ({
   disabled,
   id,
   name,
-  title,
   onChange
 }) => /*#__PURE__*/Object(jsx_runtime_["jsxs"])("label", {
   className: external_classnames_default()(Checkbox_module_default.a.checkbox, className, {
     [Checkbox_module_default.a.checked]: checked
   }),
   htmlFor: id,
-  title: title,
   children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])("input", {
     checked: checked,
     className: Checkbox_module_default.a.input,
@@ -3224,7 +3469,7 @@ const EmptyState = ({
   children,
   type
 }) => {
-  const translate = Object(src_state["G" /* useTranslate */])();
+  const translate = Object(src_state["F" /* useTranslate */])();
   const title = Object(external_react_["useMemo"])(() => translate(TITLE_KEY_PER_TYPE[type]), [translate]);
   const content = Object(external_react_["useMemo"])(() => [[title.toUpperCase()]], [title]);
   return /*#__PURE__*/Object(jsx_runtime_["jsxs"])("div", {
@@ -3260,7 +3505,7 @@ const Loading = ({
   className,
   wave = true
 }) => {
-  const translate = Object(src_state["G" /* useTranslate */])();
+  const translate = Object(src_state["F" /* useTranslate */])();
   const content = Object(external_react_["useMemo"])(() => [[translate('common.loading').toUpperCase()]], [translate]);
   return /*#__PURE__*/Object(jsx_runtime_["jsxs"])("div", {
     className: external_classnames_default()(Loading_module_default.a.loading, className),
@@ -3299,13 +3544,13 @@ var Dictionary_module_default = /*#__PURE__*/__webpack_require__.n(Dictionary_mo
 const Dictionary = ({
   className
 }) => {
-  const translate = Object(src_state["G" /* useTranslate */])();
+  const translate = Object(src_state["F" /* useTranslate */])();
   const {
     definitions,
     isAllowed,
     isLoading,
     word
-  } = Object(src_state["H" /* useTypedSelector */])(src_state["p" /* selectDictionary */]);
+  } = Object(src_state["G" /* useTypedSelector */])(src_state["p" /* selectDictionary */]);
   return /*#__PURE__*/Object(jsx_runtime_["jsxs"])("div", {
     className: external_classnames_default()(Dictionary_module_default.a.dictionary, className, {
       [Dictionary_module_default.a.isAllowed]: isAllowed === true,
@@ -3357,10 +3602,10 @@ const DictionaryInput = ({
   className
 }) => {
   const dispatch = Object(external_react_redux_["useDispatch"])();
-  const translate = Object(src_state["G" /* useTranslate */])();
+  const translate = Object(src_state["F" /* useTranslate */])();
   const {
     input
-  } = Object(src_state["H" /* useTypedSelector */])(src_state["p" /* selectDictionary */]);
+  } = Object(src_state["G" /* useTypedSelector */])(src_state["p" /* selectDictionary */]);
 
   const handleChange = event => {
     dispatch(src_state["c" /* dictionarySlice */].actions.changeInput(event.target.value));
@@ -3417,65 +3662,49 @@ var external_react_modal_default = /*#__PURE__*/__webpack_require__.n(external_r
 var SquareButton_module = __webpack_require__("5d2k");
 var SquareButton_module_default = /*#__PURE__*/__webpack_require__.n(SquareButton_module);
 
-// CONCATENATED MODULE: ./src/components/SquareButton/Content.tsx
-
-
-
-
-
-
-const Content_Content = ({
-  children,
-  icon
-}) => /*#__PURE__*/Object(jsx_runtime_["jsxs"])("span", {
-  className: SquareButton_module_default.a.content,
-  children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])(SvgIcon_SvgIcon, {
-    className: SquareButton_module_default.a.icon,
-    icon: icon
-  }), /*#__PURE__*/Object(jsx_runtime_["jsx"])("span", {
-    className: SquareButton_module_default.a.label,
-    children: children
-  })]
-});
-
-/* harmony default export */ var SquareButton_Content = (Content_Content);
 // CONCATENATED MODULE: ./src/components/SquareButton/Link.tsx
 
 
-function SquareButton_Link_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function Link_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function Link_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Link_ownKeys(Object(source), true).forEach(function (key) { Link_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Link_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function SquareButton_Link_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { SquareButton_Link_ownKeys(Object(source), true).forEach(function (key) { SquareButton_Link_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { SquareButton_Link_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function Link_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function SquareButton_Link_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function Link_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Link_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-function SquareButton_Link_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = SquareButton_Link_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function Link_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function SquareButton_Link_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
 
 
 
 
-const Link_Link = (_ref) => {
+const Link = (_ref) => {
   let {
-    children,
     className,
-    icon
+    icon,
+    tooltip
   } = _ref,
-      props = SquareButton_Link_objectWithoutProperties(_ref, ["children", "className", "icon"]);
+      props = Link_objectWithoutProperties(_ref, ["className", "icon", "tooltip"]);
 
-  return /*#__PURE__*/Object(jsx_runtime_["jsx"])("a", SquareButton_Link_objectSpread(SquareButton_Link_objectSpread({
-    className: external_classnames_default()(SquareButton_module_default.a.squareButton, className)
-  }, props), {}, {
-    children: /*#__PURE__*/Object(jsx_runtime_["jsx"])(SquareButton_Content, {
-      icon: icon,
-      children: children
+  const triggerProps = Tooltip_useTooltip(tooltip, props);
+  return /*#__PURE__*/Object(jsx_runtime_["jsx"])("a", Link_objectSpread(Link_objectSpread(Link_objectSpread({
+    className: external_classnames_default()(SquareButton_module_default.a.squareButton, className),
+    type: "button"
+  }, props), triggerProps), {}, {
+    children: /*#__PURE__*/Object(jsx_runtime_["jsx"])("span", {
+      className: SquareButton_module_default.a.content,
+      children: /*#__PURE__*/Object(jsx_runtime_["jsx"])(SvgIcon_SvgIcon, {
+        className: SquareButton_module_default.a.icon,
+        icon: icon
+      })
     })
   }));
 };
 
-/* harmony default export */ var SquareButton_Link = (Link_Link);
+/* harmony default export */ var SquareButton_Link = (Link);
 // CONCATENATED MODULE: ./src/components/SquareButton/SquareButton.tsx
 
 
@@ -3495,21 +3724,26 @@ function SquareButton_objectWithoutPropertiesLoose(source, excluded) { if (sourc
 
 
 
+
 const SquareButton = (_ref) => {
   let {
-    children,
     className,
-    icon
+    icon,
+    tooltip
   } = _ref,
-      props = SquareButton_objectWithoutProperties(_ref, ["children", "className", "icon"]);
+      props = SquareButton_objectWithoutProperties(_ref, ["className", "icon", "tooltip"]);
 
-  return /*#__PURE__*/Object(jsx_runtime_["jsx"])("button", SquareButton_objectSpread(SquareButton_objectSpread({
+  const triggerProps = Tooltip_useTooltip(tooltip, props);
+  return /*#__PURE__*/Object(jsx_runtime_["jsx"])("button", SquareButton_objectSpread(SquareButton_objectSpread(SquareButton_objectSpread({
     className: external_classnames_default()(SquareButton_module_default.a.squareButton, className),
     type: "button"
-  }, props), {}, {
-    children: /*#__PURE__*/Object(jsx_runtime_["jsx"])(SquareButton_Content, {
-      icon: icon,
-      children: children
+  }, props), triggerProps), {}, {
+    children: /*#__PURE__*/Object(jsx_runtime_["jsx"])("span", {
+      className: SquareButton_module_default.a.content,
+      children: /*#__PURE__*/Object(jsx_runtime_["jsx"])(SvgIcon_SvgIcon, {
+        className: SquareButton_module_default.a.icon,
+        icon: icon
+      })
     })
   }));
 };
@@ -3573,7 +3807,7 @@ const Sidebar = ({
   title,
   onClose
 }) => {
-  const translate = Object(src_state["G" /* useTranslate */])();
+  const translate = Object(src_state["F" /* useTranslate */])();
   return /*#__PURE__*/Object(jsx_runtime_["jsx"])(external_react_modal_default.a, {
     className: {
       afterOpen: Sidebar_module_default.a.afterOpen,
@@ -3595,9 +3829,8 @@ const Sidebar = ({
         }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(SquareButton_SquareButton, {
           className: Sidebar_module_default.a.closeButton,
           icon: cross,
-          title: translate('common.close'),
-          onClick: onClose,
-          children: translate('common.close')
+          tooltip: translate('common.close'),
+          onClick: onClose
         })]
       }), /*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
         className: Sidebar_module_default.a.content,
@@ -3652,8 +3885,7 @@ const Mapping = ({
 
 // CONCATENATED MODULE: ./src/components/KeyMap/components/index.ts
 
-// CONCATENATED MODULE: ./src/components/KeyMap/mapping.tsx
-
+// CONCATENATED MODULE: ./src/components/KeyMap/keys.tsx
 
 
 
@@ -3667,62 +3899,39 @@ const ARROW_DOWN = /*#__PURE__*/Object(jsx_runtime_["jsx"])(Key_Key, {
     icon: arrowLeft
   })
 });
-
 const ARROW_LEFT = /*#__PURE__*/Object(jsx_runtime_["jsx"])(Key_Key, {
   children: /*#__PURE__*/Object(jsx_runtime_["jsx"])(SvgIcon_SvgIcon, {
     icon: arrowUp
   })
 });
-
 const ARROW_RIGHT = /*#__PURE__*/Object(jsx_runtime_["jsx"])(Key_Key, {
   children: /*#__PURE__*/Object(jsx_runtime_["jsx"])(SvgIcon_SvgIcon, {
     icon: arrowRight
   })
 });
-
 const ARROW_UP = /*#__PURE__*/Object(jsx_runtime_["jsx"])(Key_Key, {
   children: /*#__PURE__*/Object(jsx_runtime_["jsx"])(SvgIcon_SvgIcon, {
     icon: arrowDown
   })
 });
-
-const B = /*#__PURE__*/Object(jsx_runtime_["jsx"])(Key_Key, {
-  children: "B"
-});
-
 const BACKSPACE = /*#__PURE__*/Object(jsx_runtime_["jsx"])(Key_Key, {
   children: "\u2190 Backspace"
 });
-
 const CTRL = /*#__PURE__*/Object(jsx_runtime_["jsx"])(Key_Key, {
   children: Object(lib["n" /* isMac */])() ? '⌘' : 'Ctrl'
 });
-
 const DEL = /*#__PURE__*/Object(jsx_runtime_["jsx"])(Key_Key, {
   children: "Del"
 });
-
 const ENTER = /*#__PURE__*/Object(jsx_runtime_["jsx"])(Key_Key, {
   children: "Enter \u23CE"
 });
-
 const ARROWS = /*#__PURE__*/Object(jsx_runtime_["jsxs"])(jsx_runtime_["Fragment"], {
   children: [ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP]
 });
-
 const SPACE = /*#__PURE__*/Object(jsx_runtime_["jsx"])(Key_Key, {
   children: "\u2423"
 });
-
-const mapping_mapping = {
-  insertBlank: [SPACE],
-  navigate: [ARROWS],
-  removeTile: [DEL, BACKSPACE],
-  submit: [ENTER],
-  toggleBlank: [[CTRL, B]],
-  toggleDirection: [[CTRL, ARROWS]]
-};
-/* harmony default export */ var KeyMap_mapping = (mapping_mapping);
 // CONCATENATED MODULE: ./src/components/KeyMap/KeyMap.tsx
 
 
@@ -3732,12 +3941,15 @@ const mapping_mapping = {
 
 
 
+
+
 const KeyMap = ({
   className,
   isOpen,
   onClose
 }) => {
-  const translate = Object(src_state["G" /* useTranslate */])();
+  const translate = Object(src_state["F" /* useTranslate */])();
+  const config = Object(src_state["G" /* useTypedSelector */])(src_state["n" /* selectConfig */]);
   return /*#__PURE__*/Object(jsx_runtime_["jsxs"])(Sidebar_Sidebar, {
     className: className,
     isOpen: isOpen,
@@ -3747,28 +3959,37 @@ const KeyMap = ({
       title: translate('keyMap.board-and-rack'),
       children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])(Mapping_Mapping, {
         description: translate('keyMap.board-and-rack.navigate'),
-        mapping: KeyMap_mapping.navigate
+        mapping: [ARROWS]
       }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(Mapping_Mapping, {
         description: translate('keyMap.board-and-rack.remove-tile'),
-        mapping: KeyMap_mapping.removeTile
+        mapping: [DEL, BACKSPACE]
       }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(Mapping_Mapping, {
         description: translate('keyMap.board-and-rack.submit'),
-        mapping: KeyMap_mapping.submit
+        mapping: [ENTER]
+      }), config.twoCharacterTiles.length > 0 && /*#__PURE__*/Object(jsx_runtime_["jsx"])(Mapping_Mapping, {
+        description: translate('keyMap.board-and-rack.insert-two-letter-tile'),
+        mapping: [[CTRL, /*#__PURE__*/Object(jsx_runtime_["jsx"])(jsx_runtime_["Fragment"], {
+          children: config.twoCharacterTiles.map(([firstLetter]) => /*#__PURE__*/Object(jsx_runtime_["jsx"])(Key_Key, {
+            children: firstLetter.toUpperCase()
+          }, firstLetter))
+        })]]
       })]
     }), /*#__PURE__*/Object(jsx_runtime_["jsxs"])(Sidebar_Sidebar.Section, {
       title: translate('keyMap.board'),
       children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])(Mapping_Mapping, {
         description: translate('keyMap.board.toggle-blank'),
-        mapping: KeyMap_mapping.toggleBlank
+        mapping: [[CTRL, /*#__PURE__*/Object(jsx_runtime_["jsx"])(Key_Key, {
+          children: "B"
+        }, "b")]]
       }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(Mapping_Mapping, {
         description: translate('keyMap.board.toggle-direction'),
-        mapping: KeyMap_mapping.toggleDirection
+        mapping: [[CTRL, ARROWS]]
       })]
     }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(Sidebar_Sidebar.Section, {
       title: translate('keyMap.rack'),
       children: /*#__PURE__*/Object(jsx_runtime_["jsx"])(Mapping_Mapping, {
         description: translate('keyMap.rack.insert-blank'),
-        mapping: KeyMap_mapping.insertBlank
+        mapping: [SPACE]
       })
     })]
   });
@@ -3816,8 +4037,8 @@ const NavButtons = ({
   onShowRemainingTiles,
   onShowSettings
 }) => {
-  const translate = Object(src_state["G" /* useTranslate */])();
-  const hasOverusedTiles = Object(src_state["H" /* useTypedSelector */])(src_state["q" /* selectHasOverusedTiles */]);
+  const translate = Object(src_state["F" /* useTranslate */])();
+  const hasOverusedTiles = Object(src_state["G" /* useTypedSelector */])(src_state["q" /* selectHasOverusedTiles */]);
   return /*#__PURE__*/Object(jsx_runtime_["jsxs"])("div", {
     className: NavButtons_module_default.a.navButtons,
     children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])(SquareButton_SquareButton.Link, {
@@ -3826,38 +4047,33 @@ const NavButtons = ({
       icon: github,
       rel: "noopener noreferrer",
       target: "_blank",
-      title: translate('github'),
-      children: "GitHub"
+      tooltip: translate('github')
     }), /*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
       className: NavButtons_module_default.a.separator
     }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(SquareButton_SquareButton, {
       className: NavButtons_module_default.a.button,
       icon: keyboard,
-      title: translate('keyMap'),
-      onClick: onShowKeyMap,
-      children: translate('keyMap')
+      tooltip: translate('keyMap'),
+      onClick: onShowKeyMap
     }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(SquareButton_SquareButton, {
       className: external_classnames_default()(NavButtons_module_default.a.button, {
         [NavButtons_module_default.a.error]: hasOverusedTiles
       }),
       icon: sack,
-      title: translate('remaining-tiles'),
-      onClick: onShowRemainingTiles,
-      children: translate('remaining-tiles')
+      tooltip: translate('remaining-tiles'),
+      onClick: onShowRemainingTiles
     }), /*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
       className: NavButtons_module_default.a.separator
     }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(SquareButton_SquareButton, {
       className: NavButtons_module_default.a.button,
       icon: eraser,
-      title: translate('common.clear'),
-      onClick: onClear,
-      children: translate('common.clear')
+      tooltip: translate('common.clear'),
+      onClick: onClear
     }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(SquareButton_SquareButton, {
       className: NavButtons_module_default.a.button,
       icon: cog,
-      title: translate('settings'),
-      onClick: onShowSettings,
-      children: translate('settings')
+      tooltip: translate('settings'),
+      onClick: onShowSettings
     })]
   });
 };
@@ -3928,9 +4144,9 @@ const RackTile = ({
   onKeyDown
 }) => {
   const dispatch = Object(external_react_redux_["useDispatch"])();
-  const translate = Object(src_state["G" /* useTranslate */])();
-  const config = Object(src_state["H" /* useTypedSelector */])(src_state["n" /* selectConfig */]);
-  const points = Object(src_state["H" /* useTypedSelector */])(state => Object(src_state["m" /* selectCharacterPoints */])(state, character));
+  const translate = Object(src_state["F" /* useTranslate */])();
+  const config = Object(src_state["G" /* useTypedSelector */])(src_state["n" /* selectConfig */]);
+  const points = Object(src_state["G" /* useTypedSelector */])(state => Object(src_state["m" /* selectCharacterPoints */])(state, character));
   const handleFocus = Object(external_react_["useCallback"])(() => {
     activeIndexRef.current = index;
   }, [index]);
@@ -3941,13 +4157,17 @@ const RackTile = ({
     }));
   }, [index]);
   const handleKeyDown = Object(external_react_["useMemo"])(() => {
-    return Object(lib["c" /* createKeyboardNavigation */])({
+    return Object(lib["d" /* createKeyboardNavigation */])({
       onBackspace: () => handleCharacterChange(null),
       onDelete: () => handleCharacterChange(null),
       onKeyDown: event => {
         const newCharacter = event.key.toLowerCase();
+        const twoCharacterTile = config.getTwoCharacterTileByPrefix(newCharacter);
 
-        if (config.hasCharacter(newCharacter) || newCharacter === constants_["BLANK"]) {
+        if (Object(lib["m" /* isCtrl */])(event) && twoCharacterTile) {
+          event.preventDefault();
+          handleCharacterChange(twoCharacterTile);
+        } else if (config.hasCharacter(newCharacter) || newCharacter === constants_["BLANK"]) {
           handleCharacterChange(newCharacter);
         }
 
@@ -3986,12 +4206,12 @@ const RackTile = ({
 const Rack = ({
   className
 }) => {
-  const config = Object(src_state["H" /* useTypedSelector */])(src_state["n" /* selectConfig */]);
-  const rack = Object(src_state["H" /* useTypedSelector */])(src_state["t" /* selectRack */]);
-  const resultCandidateTiles = Object(src_state["H" /* useTypedSelector */])(src_state["w" /* selectResultCandidateTiles */]);
-  const tiles = Object(external_react_["useMemo"])(() => Object(lib["r" /* zipCharactersAndTiles */])(rack, resultCandidateTiles), [rack, resultCandidateTiles]);
+  const config = Object(src_state["G" /* useTypedSelector */])(src_state["n" /* selectConfig */]);
+  const rack = Object(src_state["G" /* useTypedSelector */])(src_state["t" /* selectRack */]);
+  const resultCandidateTiles = Object(src_state["G" /* useTypedSelector */])(src_state["v" /* selectResultCandidateTiles */]);
+  const tiles = Object(external_react_["useMemo"])(() => Object(lib["s" /* zipCharactersAndTiles */])(rack, resultCandidateTiles), [rack, resultCandidateTiles]);
   const tilesCount = tiles.length;
-  const tilesRefs = Object(external_react_["useMemo"])(() => Object(lib["a" /* createArray */])(tilesCount).map(() => /*#__PURE__*/Object(external_react_["createRef"])()), [tilesCount]);
+  const tilesRefs = Object(external_react_["useMemo"])(() => Object(lib["b" /* createArray */])(tilesCount).map(() => /*#__PURE__*/Object(external_react_["createRef"])()), [tilesCount]);
   const activeIndexRef = Object(external_react_["useRef"])();
   const changeActiveIndex = Object(external_react_["useCallback"])(offset => {
     const nextActiveIndex = Math.min(Math.max((activeIndexRef.current || 0) + offset, 0), tilesCount - 1);
@@ -4004,7 +4224,7 @@ const Rack = ({
     activeIndexRef.current = nextActiveIndex;
   }, [activeIndexRef, tilesCount, tilesRefs]);
   const onKeyDown = Object(external_react_["useMemo"])(() => {
-    return Object(lib["c" /* createKeyboardNavigation */])({
+    return Object(lib["d" /* createKeyboardNavigation */])({
       onArrowLeft: event => {
         event.preventDefault();
         changeActiveIndex(-1);
@@ -4062,7 +4282,6 @@ const Radio = ({
   disabled,
   id,
   name,
-  title,
   value,
   onChange
 }) => /*#__PURE__*/Object(jsx_runtime_["jsxs"])("label", {
@@ -4070,7 +4289,6 @@ const Radio = ({
     [Radio_module_default.a.checked]: checked
   }),
   htmlFor: id,
-  title: title,
   children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])("input", {
     checked: checked,
     className: Radio_module_default.a.input,
@@ -4115,7 +4333,7 @@ const Character = ({
     usedCount
   } = tile;
   const remainingCount = count - usedCount;
-  const points = Object(src_state["H" /* useTypedSelector */])(state => Object(src_state["m" /* selectCharacterPoints */])(state, character));
+  const points = Object(src_state["G" /* useTypedSelector */])(state => Object(src_state["m" /* selectCharacterPoints */])(state, character));
   return /*#__PURE__*/Object(jsx_runtime_["jsxs"])("div", {
     className: external_classnames_default()(Character_module_default.a.character, {
       [Character_module_default.a.finished]: remainingCount <= 0,
@@ -4155,13 +4373,12 @@ const RemainingTiles = ({
   isOpen,
   onClose
 }) => {
-  const translate = Object(src_state["G" /* useTranslate */])();
-  const remainingTilesCount = Object(src_state["H" /* useTypedSelector */])(src_state["u" /* selectRemainingTilesCount */]);
-  const groups = Object(src_state["H" /* useTypedSelector */])(src_state["v" /* selectRemainingTilesGroups */]);
+  const translate = Object(src_state["F" /* useTranslate */])();
+  const groups = Object(src_state["G" /* useTypedSelector */])(src_state["u" /* selectRemainingTilesGroups */]);
   return /*#__PURE__*/Object(jsx_runtime_["jsx"])(Sidebar_Sidebar, {
     className: className,
     isOpen: isOpen,
-    title: `${translate('remaining-tiles')} (${remainingTilesCount})`,
+    title: translate('remaining-tiles'),
     onClose: onClose,
     children: groups.map(({
       remainingCount,
@@ -4207,8 +4424,8 @@ const ResultsInput = ({
   className
 }) => {
   const dispatch = Object(external_react_redux_["useDispatch"])();
-  const translate = Object(src_state["G" /* useTranslate */])();
-  const value = Object(src_state["H" /* useTypedSelector */])(src_state["x" /* selectResultsQuery */]);
+  const translate = Object(src_state["F" /* useTranslate */])();
+  const value = Object(src_state["G" /* useTypedSelector */])(src_state["w" /* selectResultsQuery */]);
 
   const handleChange = event => {
     dispatch(src_state["h" /* resultsSlice */].actions.changeQuery(event.target.value));
@@ -4236,18 +4453,10 @@ var types = __webpack_require__("6+LV");
 var Results_module = __webpack_require__("IQtc");
 var Results_module_default = /*#__PURE__*/__webpack_require__.n(Results_module);
 
-// CONCATENATED MODULE: ./src/components/Results/Header.tsx
-
-
-
-
-
+// CONCATENATED MODULE: ./src/components/Results/constants.ts
 
 
-
-
-
-const columns = [{
+const COLUMNS = [{
   className: Results_module_default.a.word,
   id: types["a" /* ResultColumn */].Word,
   translationKey: 'common.word'
@@ -4276,61 +4485,18 @@ const columns = [{
   id: types["a" /* ResultColumn */].Points,
   translationKey: 'common.points'
 }];
+// CONCATENATED MODULE: ./src/components/Results/HeaderButton.tsx
 
-const Header = () => {
-  const dispatch = Object(external_react_redux_["useDispatch"])();
-  const translate = Object(src_state["G" /* useTranslate */])();
-  const sortColumn = Object(src_state["H" /* useTypedSelector */])(src_state["y" /* selectResultsSortColumn */]);
-  const sortDirection = Object(src_state["H" /* useTypedSelector */])(src_state["z" /* selectResultsSortDirection */]);
-
-  const handleOrderChange = columnId => {
-    dispatch(src_state["h" /* resultsSlice */].actions.sort(columnId));
-  };
-
-  return /*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
-    className: Results_module_default.a.header,
-    children: columns.map(column => /*#__PURE__*/Object(jsx_runtime_["jsx"])("button", {
-      className: external_classnames_default()(Results_module_default.a.headerButton, column.className),
-      title: translate(column.translationKey),
-      type: "button",
-      onClick: () => handleOrderChange(column.id),
-      children: /*#__PURE__*/Object(jsx_runtime_["jsxs"])("span", {
-        className: Results_module_default.a.cell,
-        children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])("span", {
-          className: Results_module_default.a.headerButtonLabel,
-          children: translate(column.translationKey)
-        }), sortColumn === column.id && /*#__PURE__*/Object(jsx_runtime_["jsx"])(SvgIcon_SvgIcon, {
-          className: Results_module_default.a.sortIcon,
-          icon: sortDirection === types["b" /* SortDirection */].Ascending ? sortUp : sortDown
-        })]
-      })
-    }, column.id))
-  });
-};
-
-/* harmony default export */ var Results_Header = (Header);
-// CONCATENATED MODULE: ./src/components/Results/Cell.tsx
 
 
+function HeaderButton_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
+function HeaderButton_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { HeaderButton_ownKeys(Object(source), true).forEach(function (key) { HeaderButton_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { HeaderButton_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+function HeaderButton_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 
-const Results_Cell_Cell = ({
-  className,
-  translationKey,
-  value
-}) => {
-  const translate = Object(src_state["G" /* useTranslate */])();
-  return /*#__PURE__*/Object(jsx_runtime_["jsx"])("span", {
-    className: external_classnames_default()(Results_module_default.a.cell, className),
-    title: `${translate(translationKey)}: ${value}`,
-    children: value
-  });
-};
 
-/* harmony default export */ var Results_Cell = (Results_Cell_Cell);
-// CONCATENATED MODULE: ./src/components/Results/Result.tsx
 
 
 
@@ -4339,13 +4505,84 @@ const Results_Cell_Cell = ({
 
 
 
-const Result = ({
-  index,
-  style
+const HeaderButton = ({
+  column
 }) => {
-  const dispatch = Object(external_react_redux_["useDispatch"])(); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  const dispatch = Object(external_react_redux_["useDispatch"])();
+  const translate = Object(src_state["F" /* useTranslate */])();
+  const sortColumn = Object(src_state["G" /* useTypedSelector */])(src_state["x" /* selectResultsSortColumn */]);
+  const sortDirection = Object(src_state["G" /* useTypedSelector */])(src_state["y" /* selectResultsSortDirection */]);
+  const triggerProps = Tooltip_useTooltip(translate(column.translationKey));
 
-  const results = Object(src_state["H" /* useTypedSelector */])(src_state["B" /* selectSortedFilteredResults */]);
+  const handleOrderChange = columnId => {
+    dispatch(src_state["h" /* resultsSlice */].actions.sort(columnId));
+  };
+
+  return /*#__PURE__*/Object(jsx_runtime_["jsx"])("button", HeaderButton_objectSpread(HeaderButton_objectSpread({
+    className: external_classnames_default()(Results_module_default.a.headerButton, column.className),
+    type: "button",
+    onClick: () => handleOrderChange(column.id)
+  }, triggerProps), {}, {
+    children: /*#__PURE__*/Object(jsx_runtime_["jsxs"])("span", {
+      className: Results_module_default.a.cell,
+      children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])("span", {
+        className: Results_module_default.a.headerButtonLabel,
+        children: translate(column.translationKey)
+      }), sortColumn === column.id && /*#__PURE__*/Object(jsx_runtime_["jsx"])(SvgIcon_SvgIcon, {
+        className: Results_module_default.a.sortIcon,
+        icon: sortDirection === types["b" /* SortDirection */].Ascending ? sortUp : sortDown
+      })]
+    })
+  }), column.id);
+};
+
+/* harmony default export */ var Results_HeaderButton = (HeaderButton);
+// CONCATENATED MODULE: ./src/components/Results/Cell.tsx
+
+
+function Cell_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function Cell_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { Cell_ownKeys(Object(source), true).forEach(function (key) { Cell_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { Cell_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function Cell_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+const Results_Cell_Cell = ({
+  className,
+  translationKey,
+  value
+}) => {
+  const translate = Object(src_state["F" /* useTranslate */])();
+  const triggerProps = Tooltip_useTooltip(`${translate(translationKey)}: ${value}`);
+  return /*#__PURE__*/Object(jsx_runtime_["jsx"])("span", Cell_objectSpread(Cell_objectSpread({
+    className: external_classnames_default()(Results_module_default.a.cell, className)
+  }, triggerProps), {}, {
+    children: value
+  }));
+};
+
+/* harmony default export */ var Results_Cell = (Results_Cell_Cell);
+// CONCATENATED MODULE: ./src/components/Results/Result.tsx
+
+
+
+
+
+
+
+
+const Result = ({
+  index,
+  style
+}) => {
+  const dispatch = Object(external_react_redux_["useDispatch"])(); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+  const results = Object(src_state["G" /* useTypedSelector */])(src_state["A" /* selectSortedFilteredResults */]);
   const result = results[index];
 
   const handleClick = () => {
@@ -4360,11 +4597,21 @@ const Result = ({
     dispatch(src_state["h" /* resultsSlice */].actions.changeResultCandidate(null));
   };
 
+  const handleFocus = () => {
+    dispatch(src_state["h" /* resultsSlice */].actions.changeResultCandidate(result));
+  };
+
+  const handleBlur = () => {
+    dispatch(src_state["h" /* resultsSlice */].actions.changeResultCandidate(null));
+  };
+
   return /*#__PURE__*/Object(jsx_runtime_["jsx"])("button", {
     className: Results_module_default.a.result,
     style: style,
     type: "button",
+    onBlur: handleBlur,
     onClick: handleClick,
+    onFocus: handleFocus,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
     children: /*#__PURE__*/Object(jsx_runtime_["jsxs"])("span", {
@@ -4414,21 +4661,20 @@ const Result = ({
 
 const SolveButton = () => {
   const dispatch = Object(external_react_redux_["useDispatch"])();
-  const translate = Object(src_state["G" /* useTranslate */])();
-  const isLoading = Object(src_state["H" /* useTypedSelector */])(src_state["r" /* selectIsLoading */]);
-  const rack = Object(src_state["H" /* useTypedSelector */])(src_state["t" /* selectRack */]);
-  const isOutdated = Object(src_state["H" /* useTypedSelector */])(src_state["i" /* selectAreResultsOutdated */]);
+  const translate = Object(src_state["F" /* useTranslate */])();
+  const isLoading = Object(src_state["G" /* useTypedSelector */])(src_state["r" /* selectIsLoading */]);
+  const rack = Object(src_state["G" /* useTypedSelector */])(src_state["t" /* selectRack */]);
+  const isOutdated = Object(src_state["G" /* useTypedSelector */])(src_state["i" /* selectAreResultsOutdated */]);
   const hasTiles = rack.some(tile => tile !== null);
 
   const handleRefresh = () => {
-    dispatch(src_state["F" /* solveSlice */].actions.submit());
+    dispatch(src_state["E" /* solveSlice */].actions.submit());
   };
 
   return /*#__PURE__*/Object(jsx_runtime_["jsx"])(components_Button_Button, {
     className: Results_module_default.a.outdatedButton,
     disabled: isLoading || !isOutdated || !hasTiles,
     icon: play,
-    title: translate('results.solve'),
     type: "submit",
     onClick: handleRefresh,
     children: translate('results.solve')
@@ -4453,18 +4699,24 @@ const SolveButton = () => {
 
 
 
+
 const Results = ({
   height,
   width
 }) => {
-  const translate = Object(src_state["G" /* useTranslate */])();
-  const allResults = Object(src_state["H" /* useTypedSelector */])(src_state["C" /* selectSortedResults */]);
-  const results = Object(src_state["H" /* useTypedSelector */])(src_state["B" /* selectSortedFilteredResults */]);
-  const isLoading = Object(src_state["H" /* useTypedSelector */])(src_state["r" /* selectIsLoading */]);
-  const isOutdated = Object(src_state["H" /* useTypedSelector */])(src_state["i" /* selectAreResultsOutdated */]);
+  const translate = Object(src_state["F" /* useTranslate */])();
+  const allResults = Object(src_state["G" /* useTypedSelector */])(src_state["B" /* selectSortedResults */]);
+  const results = Object(src_state["G" /* useTypedSelector */])(src_state["A" /* selectSortedFilteredResults */]);
+  const isLoading = Object(src_state["G" /* useTypedSelector */])(src_state["r" /* selectIsLoading */]);
+  const isOutdated = Object(src_state["G" /* useTypedSelector */])(src_state["i" /* selectAreResultsOutdated */]);
   return /*#__PURE__*/Object(jsx_runtime_["jsxs"])("div", {
     className: Results_module_default.a.results,
-    children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])(Results_Header, {}), typeof results === 'undefined' && /*#__PURE__*/Object(jsx_runtime_["jsxs"])(EmptyState_EmptyState, {
+    children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
+      className: Results_module_default.a.header,
+      children: COLUMNS.map(column => /*#__PURE__*/Object(jsx_runtime_["jsx"])(Results_HeaderButton, {
+        column: column
+      }, column.id))
+    }), typeof results === 'undefined' && /*#__PURE__*/Object(jsx_runtime_["jsxs"])(EmptyState_EmptyState, {
       className: Results_module_default.a.emptyState,
       type: "info",
       children: [translate('results.empty-state.uninitialized'), /*#__PURE__*/Object(jsx_runtime_["jsx"])(Results_SolveButton, {})]
@@ -4512,33 +4764,19 @@ var Screen_module_default = /*#__PURE__*/__webpack_require__.n(Screen_module);
 
 
 
-
-
-
-
 const Screen = ({
   children,
   className,
   contentClassName,
-  onAnimationEnd,
-  onClose
-}) => {
-  const translate = Object(src_state["G" /* useTranslate */])();
-  return /*#__PURE__*/Object(jsx_runtime_["jsxs"])("div", {
-    className: external_classnames_default()(Screen_module_default.a.screen, className),
-    onAnimationEnd: onAnimationEnd,
-    children: [onClose && /*#__PURE__*/Object(jsx_runtime_["jsx"])(components_Button_Button, {
-      className: Screen_module_default.a.closeButton,
-      icon: cross,
-      title: translate('common.close'),
-      onClick: onClose,
-      children: translate('common.close')
-    }), /*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
-      className: external_classnames_default()(Screen_module_default.a.content, contentClassName),
-      children: children
-    })]
-  });
-};
+  onAnimationEnd
+}) => /*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
+  className: external_classnames_default()(Screen_module_default.a.screen, className),
+  onAnimationEnd: onAnimationEnd,
+  children: /*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
+    className: external_classnames_default()(Screen_module_default.a.content, contentClassName),
+    children: children
+  })
+});
 
 /* harmony default export */ var Screen_Screen = (Screen);
 // CONCATENATED MODULE: ./src/components/Screen/index.ts
@@ -4577,8 +4815,8 @@ const AutoGroupTilesSetting = ({
   disabled
 }) => {
   const dispatch = Object(external_react_redux_["useDispatch"])();
-  const translate = Object(src_state["G" /* useTranslate */])();
-  const configId = Object(src_state["H" /* useTypedSelector */])(src_state["j" /* selectAutoGroupTiles */]);
+  const translate = Object(src_state["F" /* useTranslate */])();
+  const configId = Object(src_state["G" /* useTypedSelector */])(src_state["j" /* selectAutoGroupTiles */]);
   const options = [{
     label: translate('settings.autoGroupTiles.left'),
     value: 'left'
@@ -4592,7 +4830,7 @@ const AutoGroupTilesSetting = ({
 
   const handleChange = event => {
     const autoGroupTiles = parseValue(event.target.value);
-    dispatch(src_state["E" /* settingsSlice */].actions.changeAutoGroupTiles(autoGroupTiles));
+    dispatch(src_state["D" /* settingsSlice */].actions.changeAutoGroupTiles(autoGroupTiles));
   };
 
   return /*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
@@ -4603,7 +4841,6 @@ const AutoGroupTilesSetting = ({
       disabled: disabled,
       id: "autoGroupTiles",
       name: "autoGroupTiles",
-      title: option.label,
       value: option.value,
       onChange: handleChange,
       children: /*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
@@ -4645,10 +4882,10 @@ const ConfigSetting = ({
   disabled
 }) => {
   const dispatch = Object(external_react_redux_["useDispatch"])();
-  const configId = Object(src_state["H" /* useTypedSelector */])(src_state["o" /* selectConfigId */]);
+  const configId = Object(src_state["G" /* useTypedSelector */])(src_state["o" /* selectConfigId */]);
 
   const handleChange = event => {
-    dispatch(src_state["E" /* settingsSlice */].actions.changeConfigId(event.target.value));
+    dispatch(src_state["D" /* settingsSlice */].actions.changeConfigId(event.target.value));
   };
 
   return /*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
@@ -4659,7 +4896,6 @@ const ConfigSetting = ({
       disabled: disabled,
       id: "configId",
       name: "configId",
-      title: option.label,
       value: option.value,
       onChange: handleChange,
       children: /*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
@@ -4696,11 +4932,21 @@ const LocaleSetting_options_options = [{
   icon: flagFr,
   label: 'Français',
   value: types_["Locale"].FR_FR
+}, {
+  className: LocaleSetting_module_default.a.de,
+  icon: flagDe,
+  label: 'German',
+  value: types_["Locale"].DE_DE
 }, {
   className: LocaleSetting_module_default.a.pl,
   icon: flagPl,
   label: 'Polski',
   value: types_["Locale"].PL_PL
+}, {
+  className: LocaleSetting_module_default.a.es,
+  icon: flagEs,
+  label: 'Español',
+  value: types_["Locale"].ES_ES
 }];
 /* harmony default export */ var LocaleSetting_options = (LocaleSetting_options_options);
 // CONCATENATED MODULE: ./src/components/Settings/components/LocaleSetting/LocaleSetting.tsx
@@ -4720,11 +4966,11 @@ const LocaleSetting = ({
   disabled
 }) => {
   const dispatch = Object(external_react_redux_["useDispatch"])();
-  const locale = Object(src_state["H" /* useTypedSelector */])(src_state["s" /* selectLocale */]);
+  const locale = Object(src_state["G" /* useTypedSelector */])(src_state["s" /* selectLocale */]);
 
   const handleChange = event => {
     const newLocale = event.target.value;
-    dispatch(src_state["E" /* settingsSlice */].actions.changeLocale(newLocale));
+    dispatch(src_state["D" /* settingsSlice */].actions.changeLocale(newLocale));
   };
 
   return /*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
@@ -4737,7 +4983,6 @@ const LocaleSetting = ({
       disabled: disabled,
       id: "locale",
       name: "locale",
-      title: `${option.label} (${option.value})`,
       value: option.value,
       onChange: handleChange,
       children: /*#__PURE__*/Object(jsx_runtime_["jsxs"])("span", {
@@ -4773,7 +5018,7 @@ const Settings = ({
   isOpen,
   onClose
 }) => {
-  const translate = Object(src_state["G" /* useTranslate */])();
+  const translate = Object(src_state["F" /* useTranslate */])();
   return /*#__PURE__*/Object(jsx_runtime_["jsxs"])(Sidebar_Sidebar, {
     className: className,
     isOpen: isOpen,
@@ -4902,6 +5147,7 @@ const Well = /*#__PURE__*/Object(external_react_["forwardRef"])((_ref, ref) => {
 
 
 
+
 
 
 /***/ }),
@@ -4929,193 +5175,37 @@ module.exports = require("next/dist/next-server/lib/router-context.js");
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-// ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getStaticProps", function() { return getStaticProps; });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("F5FC");
+/* 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__("K2gz");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("mw/K");
+/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(fs__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("oyvS");
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(path__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("cDcd");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("7koQ");
+/* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_modal__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("h74D");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("zKz7");
+/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("Nhdc");
+/* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("eZYV");
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("psLn");
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("dm5A");
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("8+rz");
+/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("NLiy");
+/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_index_module_scss__WEBPACK_IMPORTED_MODULE_13__);
 
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, "getStaticProps", function() { return /* binding */ getStaticProps; });
-
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__("F5FC");
-
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__("K2gz");
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-
-// EXTERNAL MODULE: external "fs"
-var external_fs_ = __webpack_require__("mw/K");
-var external_fs_default = /*#__PURE__*/__webpack_require__.n(external_fs_);
-
-// EXTERNAL MODULE: external "path"
-var external_path_ = __webpack_require__("oyvS");
-var external_path_default = /*#__PURE__*/__webpack_require__.n(external_path_);
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__("cDcd");
-
-// EXTERNAL MODULE: external "react-modal"
-var external_react_modal_ = __webpack_require__("7koQ");
-var external_react_modal_default = /*#__PURE__*/__webpack_require__.n(external_react_modal_);
-
-// EXTERNAL MODULE: external "react-redux"
-var external_react_redux_ = __webpack_require__("h74D");
-
-// EXTERNAL MODULE: external "react-use"
-var external_react_use_ = __webpack_require__("zKz7");
-
-// EXTERNAL MODULE: ./src/components/index.ts + 121 modules
-var components = __webpack_require__("Nhdc");
-
-// CONCATENATED MODULE: ./src/hooks/useIsTablet.ts
-
-
-const useIsTablet = () => {
-  const isTabletHeight = Object(external_react_use_["useMedia"])('(max-height: 800px)');
-  const isTabletWidth = Object(external_react_use_["useMedia"])('(max-width: 1024px)');
-  const isTablet = isTabletHeight || isTabletWidth;
-  return isTablet;
-};
-
-/* harmony default export */ var hooks_useIsTablet = (useIsTablet);
-// EXTERNAL MODULE: ./src/state/index.ts + 26 modules
-var state = __webpack_require__("8+rz");
-
-// CONCATENATED MODULE: ./src/hooks/useLocalStorage/useLocalStorageBoard.ts
-
-
-
-
-
-const useLocalStorageBoard = () => {
-  const dispatch = Object(external_react_redux_["useDispatch"])();
-  const board = Object(state["H" /* useTypedSelector */])(state["k" /* selectBoard */]);
-  Object(external_react_use_["useEffectOnce"])(() => {
-    const persistedBoard = state["e" /* localStorage */].getBoard();
-
-    if (persistedBoard) {
-      dispatch(state["a" /* boardSlice */].actions.init(persistedBoard));
-    }
-  });
-  Object(external_react_["useEffect"])(() => {
-    if (board) {
-      state["e" /* localStorage */].setBoard(board);
-    }
-  }, [board]);
-};
-
-/* harmony default export */ var useLocalStorage_useLocalStorageBoard = (useLocalStorageBoard);
-// CONCATENATED MODULE: ./src/hooks/useLocalStorage/useLocalStorageConfigId.ts
-
-
-
-
-
-const useLocalStorageConfigId = () => {
-  const dispatch = Object(external_react_redux_["useDispatch"])();
-  const configId = Object(state["H" /* useTypedSelector */])(state["o" /* selectConfigId */]);
-  Object(external_react_use_["useEffectOnce"])(() => {
-    const persistedConfigId = state["e" /* localStorage */].getConfigId();
-
-    if (persistedConfigId) {
-      dispatch(state["E" /* settingsSlice */].actions.init({
-        configId: persistedConfigId
-      }));
-    }
-  });
-  Object(external_react_["useEffect"])(() => {
-    if (configId) {
-      state["e" /* localStorage */].setConfigId(configId);
-    }
-  }, [configId]);
-};
-
-/* harmony default export */ var useLocalStorage_useLocalStorageConfigId = (useLocalStorageConfigId);
-// EXTERNAL MODULE: ./src/lib/index.ts + 26 modules
-var lib = __webpack_require__("psLn");
-
-// CONCATENATED MODULE: ./src/hooks/useLocalStorage/useLocalStorageLocale.ts
-
-
-
-
-
-
-const useLocalStorageLocale = () => {
-  const dispatch = Object(external_react_redux_["useDispatch"])();
-  const locale = Object(state["H" /* useTypedSelector */])(state["s" /* selectLocale */]);
-  Object(external_react_use_["useEffectOnce"])(() => {
-    const persistedLocale = state["e" /* localStorage */].getLocale();
-
-    if (persistedLocale) {
-      dispatch(state["E" /* settingsSlice */].actions.init({
-        locale: persistedLocale
-      }));
-    } else {
-      dispatch(state["E" /* settingsSlice */].actions.init({
-        locale: Object(lib["e" /* detectLocale */])()
-      }));
-    }
-  });
-  Object(external_react_["useEffect"])(() => {
-    if (locale) {
-      state["e" /* localStorage */].setLocale(locale);
-    }
-  }, [locale]);
-};
-
-/* harmony default export */ var useLocalStorage_useLocalStorageLocale = (useLocalStorageLocale);
-// CONCATENATED MODULE: ./src/hooks/useLocalStorage/useLocalStorageRack.ts
-
-
-
-
-
-const useLocalStorageRack = () => {
-  const dispatch = Object(external_react_redux_["useDispatch"])();
-  const rack = Object(state["H" /* useTypedSelector */])(state["t" /* selectRack */]);
-  Object(external_react_use_["useEffectOnce"])(() => {
-    const persistedRack = state["e" /* localStorage */].getRack();
-
-    if (persistedRack) {
-      dispatch(state["f" /* rackSlice */].actions.init(persistedRack));
-    }
-  });
-  Object(external_react_["useEffect"])(() => {
-    if (rack) {
-      state["e" /* localStorage */].setRack(rack);
-    }
-  }, [rack]);
-};
-
-/* harmony default export */ var useLocalStorage_useLocalStorageRack = (useLocalStorageRack);
-// CONCATENATED MODULE: ./src/hooks/useLocalStorage/useLocalStorage.ts
-
-
-
-
-
-const useLocalStorage = () => {
-  useLocalStorage_useLocalStorageRack(); // rack has to go first, see 14869a4
-
-  useLocalStorage_useLocalStorageBoard();
-  useLocalStorage_useLocalStorageConfigId();
-  useLocalStorage_useLocalStorageLocale();
-};
-
-/* harmony default export */ var useLocalStorage_useLocalStorage = (useLocalStorage);
-// CONCATENATED MODULE: ./src/hooks/useLocalStorage/index.ts
 
-// CONCATENATED MODULE: ./src/hooks/index.ts
 
 
-// EXTERNAL MODULE: ./src/parameters/index.ts
-var parameters = __webpack_require__("dm5A");
 
-// EXTERNAL MODULE: ./src/pages/index.module.scss
-var index_module = __webpack_require__("NLiy");
-var index_module_default = /*#__PURE__*/__webpack_require__.n(index_module);
 
-// CONCATENATED MODULE: ./src/pages/index.tsx
 
 
 
@@ -5126,150 +5216,146 @@ var index_module_default = /*#__PURE__*/__webpack_require__.n(index_module);
 
 
 
-
-
-
-
-
-
-external_react_modal_default.a.setAppElement('#__next');
+react_modal__WEBPACK_IMPORTED_MODULE_5___default.a.setAppElement('#__next');
 
 const Index = ({
   version
 }) => {
-  const dispatch = Object(external_react_redux_["useDispatch"])();
-  const isTablet = hooks_useIsTablet();
+  const dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_6__["useDispatch"])();
+  const isTablet = Object(hooks__WEBPACK_IMPORTED_MODULE_9__[/* useIsTablet */ "a"])();
   const {
     0: showKeyMap,
     1: setShowKeyMap
-  } = Object(external_react_["useState"])(false);
+  } = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(false);
   const {
     0: showRemainingTiles,
     1: setShowRemainingTiles
-  } = Object(external_react_["useState"])(false);
+  } = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(false);
   const {
     0: showSettings,
     1: setShowSettings
-  } = Object(external_react_["useState"])(false);
+  } = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(false);
   const [boardRef, {
     height: boardHeight
-  }] = Object(external_react_use_["useMeasure"])();
+  }] = Object(react_use__WEBPACK_IMPORTED_MODULE_7__["useMeasure"])();
   const [contentRef, {
     height: contentHeight,
     width: contentWidth
-  }] = Object(external_react_use_["useMeasure"])();
+  }] = Object(react_use__WEBPACK_IMPORTED_MODULE_7__["useMeasure"])();
   const [resultsContainerRef, {
     height: resultsContainerHeight,
     width: resultsContainerWidth
-  }] = Object(external_react_use_["useMeasure"])();
-  const config = Object(state["H" /* useTypedSelector */])(state["n" /* selectConfig */]);
-  const cellSize = Object(lib["g" /* getCellSize */])(config, contentWidth - resultsContainerWidth, contentHeight);
+  }] = Object(react_use__WEBPACK_IMPORTED_MODULE_7__["useMeasure"])();
+  const config = Object(state__WEBPACK_IMPORTED_MODULE_12__[/* useTypedSelector */ "G"])(state__WEBPACK_IMPORTED_MODULE_12__[/* selectConfig */ "n"]);
+  const cellSize = Object(lib__WEBPACK_IMPORTED_MODULE_10__[/* getCellSize */ "h"])(config, contentWidth - resultsContainerWidth, contentHeight);
   const isInitialized = contentWidth > 0 && boardHeight > 0 && resultsContainerWidth > 0;
-  const resultsHeight = boardHeight - parameters["l" /* DICTIONARY_HEIGHT */] - (isTablet ? parameters["k" /* COMPONENTS_SPACING_MOBILE */] : parameters["j" /* COMPONENTS_SPACING */]);
+  const resultsHeight = boardHeight - parameters__WEBPACK_IMPORTED_MODULE_11__[/* DICTIONARY_HEIGHT */ "l"] - (isTablet ? parameters__WEBPACK_IMPORTED_MODULE_11__[/* COMPONENTS_SPACING_MOBILE */ "k"] : parameters__WEBPACK_IMPORTED_MODULE_11__[/* COMPONENTS_SPACING */ "j"]);
 
   const handleClear = () => {
-    dispatch(Object(state["g" /* reset */])());
+    dispatch(Object(state__WEBPACK_IMPORTED_MODULE_12__[/* reset */ "g"])());
   };
 
   const handleSubmit = event => {
     event.preventDefault();
-    dispatch(state["F" /* solveSlice */].actions.submit());
+    dispatch(state__WEBPACK_IMPORTED_MODULE_12__[/* solveSlice */ "E"].actions.submit());
   };
 
   const handleSplashAnimationEnd = event => {
-    if (event.target === event.currentTarget && !state["e" /* localStorage */].getHasVisited()) {
+    if (event.target === event.currentTarget && !state__WEBPACK_IMPORTED_MODULE_12__[/* localStorage */ "e"].getHasVisited()) {
       setShowSettings(true);
-      state["e" /* localStorage */].setHasVisited(true);
+      state__WEBPACK_IMPORTED_MODULE_12__[/* localStorage */ "e"].setHasVisited(true);
     }
   };
 
-  useLocalStorage_useLocalStorage();
-  Object(external_react_use_["useEffectOnce"])(() => {
-    dispatch(Object(state["d" /* initialize */])());
+  Object(hooks__WEBPACK_IMPORTED_MODULE_9__[/* useLocalStorage */ "b"])();
+  Object(react_use__WEBPACK_IMPORTED_MODULE_7__["useEffectOnce"])(() => {
+    dispatch(Object(state__WEBPACK_IMPORTED_MODULE_12__[/* initialize */ "d"])());
   });
-  return /*#__PURE__*/Object(jsx_runtime_["jsxs"])(jsx_runtime_["Fragment"], {
-    children: [/*#__PURE__*/Object(jsx_runtime_["jsxs"])("div", {
-      className: external_classnames_default()(index_module_default.a.index, {
-        [index_module_default.a.initialized]: isInitialized
+  return /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsxs"])(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["Fragment"], {
+    children: [/*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsxs"])("div", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.index, {
+        [_index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.initialized]: isInitialized
       }),
-      children: [/*#__PURE__*/Object(jsx_runtime_["jsxs"])("div", {
-        className: index_module_default.a.nav,
-        children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
-          className: index_module_default.a.logoContainer,
-          title: `scrabble-solver@${version}`,
-          children: /*#__PURE__*/Object(jsx_runtime_["jsx"])(components["e" /* Logo */], {
-            className: index_module_default.a.logo
+      children: [/*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsxs"])("div", {
+        className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.nav,
+        children: [/*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])("div", {
+          className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.logoContainer,
+          children: /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])(components__WEBPACK_IMPORTED_MODULE_8__[/* Logo */ "e"], {
+            className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.logo
           })
-        }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(components["f" /* NavButtons */], {
+        }), /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])(components__WEBPACK_IMPORTED_MODULE_8__[/* NavButtons */ "f"], {
           onClear: handleClear,
           onShowKeyMap: () => setShowKeyMap(true),
           onShowRemainingTiles: () => setShowRemainingTiles(true),
           onShowSettings: () => setShowSettings(true)
         })]
-      }), /*#__PURE__*/Object(jsx_runtime_["jsx"])("div", {
-        className: index_module_default.a.contentWrapper,
-        children: /*#__PURE__*/Object(jsx_runtime_["jsxs"])("div", {
-          className: index_module_default.a.content,
+      }), /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])("div", {
+        className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.contentWrapper,
+        children: /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsxs"])("div", {
+          className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.content,
           ref: contentRef,
-          children: [/*#__PURE__*/Object(jsx_runtime_["jsxs"])("form", {
-            className: index_module_default.a.boardContainer,
+          children: [/*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsxs"])("form", {
+            className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.boardContainer,
             onSubmit: handleSubmit,
-            children: [contentWidth > 0 && /*#__PURE__*/Object(jsx_runtime_["jsx"])(components["a" /* Board */], {
+            children: [contentWidth > 0 && /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])(components__WEBPACK_IMPORTED_MODULE_8__[/* Board */ "a"], {
               cellSize: cellSize,
               innerRef: boardRef
-            }), /*#__PURE__*/Object(jsx_runtime_["jsx"])("input", {
-              className: index_module_default.a.submitInput,
+            }), /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])("input", {
+              className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.submitInput,
               tabIndex: -1,
               type: "submit"
             })]
-          }), /*#__PURE__*/Object(jsx_runtime_["jsxs"])("div", {
-            className: index_module_default.a.sidebar,
+          }), /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsxs"])("div", {
+            className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.sidebar,
             style: {
               height: boardHeight + 1
             },
-            children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])(components["n" /* Well */], {
-              className: index_module_default.a.resultsContainer,
+            children: [/*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])(components__WEBPACK_IMPORTED_MODULE_8__[/* Well */ "m"], {
+              className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.resultsContainer,
               ref: resultsContainerRef,
-              children: resultsContainerWidth > 0 && resultsContainerHeight > 0 && /*#__PURE__*/Object(jsx_runtime_["jsx"])(components["j" /* Results */], {
+              children: resultsContainerWidth > 0 && resultsContainerHeight > 0 && /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])(components__WEBPACK_IMPORTED_MODULE_8__[/* Results */ "j"], {
                 height: resultsHeight,
                 width: resultsContainerWidth
               })
-            }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(components["n" /* Well */], {
-              children: /*#__PURE__*/Object(jsx_runtime_["jsxs"])("div", {
-                className: index_module_default.a.dictionary,
+            }), /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])(components__WEBPACK_IMPORTED_MODULE_8__[/* Well */ "m"], {
+              children: /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsxs"])("div", {
+                className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.dictionary,
                 style: {
-                  height: parameters["l" /* DICTIONARY_HEIGHT */]
+                  height: parameters__WEBPACK_IMPORTED_MODULE_11__[/* DICTIONARY_HEIGHT */ "l"]
                 },
-                children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])(components["b" /* Dictionary */], {
-                  className: index_module_default.a.dictionaryOutput
-                }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(components["c" /* DictionaryInput */], {
-                  className: index_module_default.a.dictionaryInput
+                children: [/*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])(components__WEBPACK_IMPORTED_MODULE_8__[/* Dictionary */ "b"], {
+                  className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.dictionaryOutput
+                }), /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])(components__WEBPACK_IMPORTED_MODULE_8__[/* DictionaryInput */ "c"], {
+                  className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.dictionaryInput
                 })]
               })
             })]
           })]
         })
-      }), /*#__PURE__*/Object(jsx_runtime_["jsxs"])("form", {
-        className: index_module_default.a.rackContainer,
+      }), /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsxs"])("form", {
+        className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.rackContainer,
         onSubmit: handleSubmit,
-        children: [/*#__PURE__*/Object(jsx_runtime_["jsx"])(components["h" /* Rack */], {
-          className: index_module_default.a.rack
-        }), /*#__PURE__*/Object(jsx_runtime_["jsx"])("input", {
-          className: index_module_default.a.submitInput,
+        children: [/*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])(components__WEBPACK_IMPORTED_MODULE_8__[/* Rack */ "h"], {
+          className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.rack
+        }), /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])("input", {
+          className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.submitInput,
           tabIndex: -1,
           type: "submit"
         })]
+      }), /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsxs"])("span", {
+        className: _index_module_scss__WEBPACK_IMPORTED_MODULE_13___default.a.version,
+        children: ["v", version]
       })]
-    }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(components["k" /* Settings */], {
+    }), /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])(components__WEBPACK_IMPORTED_MODULE_8__[/* Settings */ "k"], {
       isOpen: showSettings,
       onClose: () => setShowSettings(false)
-    }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(components["d" /* KeyMap */], {
+    }), /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])(components__WEBPACK_IMPORTED_MODULE_8__[/* KeyMap */ "d"], {
       isOpen: showKeyMap,
       onClose: () => setShowKeyMap(false)
-    }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(components["i" /* RemainingTiles */], {
+    }), /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])(components__WEBPACK_IMPORTED_MODULE_8__[/* RemainingTiles */ "i"], {
       isOpen: showRemainingTiles,
       onClose: () => setShowRemainingTiles(false)
-    }), /*#__PURE__*/Object(jsx_runtime_["jsx"])(components["l" /* Splash */], {
+    }), /*#__PURE__*/Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__["jsx"])(components__WEBPACK_IMPORTED_MODULE_8__[/* Splash */ "l"], {
       forceShow: !isInitialized,
       onAnimationEnd: handleSplashAnimationEnd
     })]
@@ -5287,8 +5373,8 @@ const getStaticProps = async () => {
 
 const readVersion = () => {
   return new Promise((resolve, reject) => {
-    const packageJsonFilepath = external_path_default.a.resolve(process.cwd(), 'package.json');
-    external_fs_default.a.readFile(packageJsonFilepath, 'utf-8', (error, data) => {
+    const packageJsonFilepath = path__WEBPACK_IMPORTED_MODULE_3___default.a.resolve(process.cwd(), 'package.json');
+    fs__WEBPACK_IMPORTED_MODULE_2___default.a.readFile(packageJsonFilepath, 'utf-8', (error, data) => {
       if (error) {
         reject(error);
         return;
@@ -5300,7 +5386,7 @@ const readVersion = () => {
   });
 };
 
-/* harmony default export */ var pages = __webpack_exports__["default"] = (Index);
+/* harmony default export */ __webpack_exports__["default"] = (Index);
 
 /***/ }),
 
@@ -5612,6 +5698,25 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "bQD4":
+/***/ (function(module, exports) {
+
+// Exports
+module.exports = {
+	"ARROW_SIZE": "4px",
+	"PREVENT_OVERFLOW": "10px",
+	"OFFSET": "2px",
+	"tooltip": "Tooltip_tooltip__1uxCc",
+	"top": "Tooltip_top__KFC44",
+	"arrow": "Tooltip_arrow__AL6zf",
+	"right": "Tooltip_right__swlOS",
+	"bottom": "Tooltip_bottom__12rbo",
+	"left": "Tooltip_left__2deQT"
+};
+
+
 /***/ }),
 
 /***/ "cDcd":
@@ -5941,6 +6046,228 @@ const RESULTS_HEADER_HEIGHT = 35;
 const RESULTS_ITEM_HEIGHT = 34;
 const RESULTS_INPUT_HEIGHT = 43;
 
+/***/ }),
+
+/***/ "eZYV":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ hooks_useIsTablet; });
+__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ useLocalStorage_useLocalStorage; });
+__webpack_require__.d(__webpack_exports__, "c", function() { return /* reexport */ hooks_usePortal; });
+__webpack_require__.d(__webpack_exports__, "d", function() { return /* reexport */ hooks_useUniqueId; });
+
+// EXTERNAL MODULE: external "react-use"
+var external_react_use_ = __webpack_require__("zKz7");
+
+// CONCATENATED MODULE: ./src/hooks/useIsTablet.ts
+
+
+const useIsTablet = () => {
+  const isTabletHeight = Object(external_react_use_["useMedia"])('(max-height: 800px)');
+  const isTabletWidth = Object(external_react_use_["useMedia"])('(max-width: 1024px)');
+  const isTablet = isTabletHeight || isTabletWidth;
+  return isTablet;
+};
+
+/* harmony default export */ var hooks_useIsTablet = (useIsTablet);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__("cDcd");
+
+// EXTERNAL MODULE: external "react-redux"
+var external_react_redux_ = __webpack_require__("h74D");
+
+// EXTERNAL MODULE: ./src/state/index.ts + 26 modules
+var state = __webpack_require__("8+rz");
+
+// CONCATENATED MODULE: ./src/hooks/useLocalStorage/useLocalStorageBoard.ts
+
+
+
+
+
+const useLocalStorageBoard = () => {
+  const dispatch = Object(external_react_redux_["useDispatch"])();
+  const board = Object(state["G" /* useTypedSelector */])(state["k" /* selectBoard */]);
+  Object(external_react_use_["useEffectOnce"])(() => {
+    const persistedBoard = state["e" /* localStorage */].getBoard();
+
+    if (persistedBoard) {
+      dispatch(state["a" /* boardSlice */].actions.init(persistedBoard));
+    }
+  });
+  Object(external_react_["useEffect"])(() => {
+    if (board) {
+      state["e" /* localStorage */].setBoard(board);
+    }
+  }, [board]);
+};
+
+/* harmony default export */ var useLocalStorage_useLocalStorageBoard = (useLocalStorageBoard);
+// CONCATENATED MODULE: ./src/hooks/useLocalStorage/useLocalStorageConfigId.ts
+
+
+
+
+
+const useLocalStorageConfigId = () => {
+  const dispatch = Object(external_react_redux_["useDispatch"])();
+  const configId = Object(state["G" /* useTypedSelector */])(state["o" /* selectConfigId */]);
+  Object(external_react_use_["useEffectOnce"])(() => {
+    const persistedConfigId = state["e" /* localStorage */].getConfigId();
+
+    if (persistedConfigId) {
+      dispatch(state["D" /* settingsSlice */].actions.init({
+        configId: persistedConfigId
+      }));
+    }
+  });
+  Object(external_react_["useEffect"])(() => {
+    if (configId) {
+      state["e" /* localStorage */].setConfigId(configId);
+    }
+  }, [configId]);
+};
+
+/* harmony default export */ var useLocalStorage_useLocalStorageConfigId = (useLocalStorageConfigId);
+// EXTERNAL MODULE: ./src/lib/index.ts + 27 modules
+var lib = __webpack_require__("psLn");
+
+// CONCATENATED MODULE: ./src/hooks/useLocalStorage/useLocalStorageLocale.ts
+
+
+
+
+
+
+const useLocalStorageLocale = () => {
+  const dispatch = Object(external_react_redux_["useDispatch"])();
+  const locale = Object(state["G" /* useTypedSelector */])(state["s" /* selectLocale */]);
+  Object(external_react_use_["useEffectOnce"])(() => {
+    const persistedLocale = state["e" /* localStorage */].getLocale();
+
+    if (persistedLocale) {
+      dispatch(state["D" /* settingsSlice */].actions.init({
+        locale: persistedLocale
+      }));
+    } else {
+      dispatch(state["D" /* settingsSlice */].actions.init({
+        locale: Object(lib["f" /* detectLocale */])()
+      }));
+    }
+  });
+  Object(external_react_["useEffect"])(() => {
+    if (locale) {
+      state["e" /* localStorage */].setLocale(locale);
+    }
+  }, [locale]);
+};
+
+/* harmony default export */ var useLocalStorage_useLocalStorageLocale = (useLocalStorageLocale);
+// CONCATENATED MODULE: ./src/hooks/useLocalStorage/useLocalStorageRack.ts
+
+
+
+
+
+const useLocalStorageRack = () => {
+  const dispatch = Object(external_react_redux_["useDispatch"])();
+  const rack = Object(state["G" /* useTypedSelector */])(state["t" /* selectRack */]);
+  Object(external_react_use_["useEffectOnce"])(() => {
+    const persistedRack = state["e" /* localStorage */].getRack();
+
+    if (persistedRack) {
+      dispatch(state["f" /* rackSlice */].actions.init(persistedRack));
+    }
+  });
+  Object(external_react_["useEffect"])(() => {
+    if (rack) {
+      state["e" /* localStorage */].setRack(rack);
+    }
+  }, [rack]);
+};
+
+/* harmony default export */ var useLocalStorage_useLocalStorageRack = (useLocalStorageRack);
+// CONCATENATED MODULE: ./src/hooks/useLocalStorage/useLocalStorage.ts
+
+
+
+
+
+const useLocalStorage = () => {
+  useLocalStorage_useLocalStorageRack(); // rack has to go first, see 14869a4
+
+  useLocalStorage_useLocalStorageBoard();
+  useLocalStorage_useLocalStorageConfigId();
+  useLocalStorage_useLocalStorageLocale();
+};
+
+/* harmony default export */ var useLocalStorage_useLocalStorage = (useLocalStorage);
+// CONCATENATED MODULE: ./src/hooks/useLocalStorage/index.ts
+
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__("F5FC");
+
+// EXTERNAL MODULE: external "react-dom"
+var external_react_dom_ = __webpack_require__("faye");
+
+// EXTERNAL MODULE: external "react-portal"
+var external_react_portal_ = __webpack_require__("CQjl");
+
+// CONCATENATED MODULE: ./src/hooks/usePortal.tsx
+
+
+
+
+
+
+const usePortal = (children, {
+  disabled = false,
+  tagName = 'div'
+} = {}) => {
+  const element = Object(external_react_["useMemo"])(() => document.createElement(tagName), [tagName]);
+  Object(external_react_["useLayoutEffect"])(() => {
+    if (disabled) {
+      return lib["p" /* noop */];
+    }
+
+    document.body.appendChild(element);
+    return () => {
+      Object(external_react_dom_["unmountComponentAtNode"])(element);
+      document.body.removeChild(element);
+    };
+  }, [disabled, element]);
+  Object(external_react_["useLayoutEffect"])(() => {
+    if (!disabled) {
+      Object(external_react_dom_["render"])( /*#__PURE__*/Object(jsx_runtime_["jsx"])(external_react_portal_["Portal"], {
+        children: children
+      }), element);
+    }
+  }, [children, disabled, element]);
+};
+
+/* harmony default export */ var hooks_usePortal = (lib["a" /* canUseDom */] ? usePortal : lib["p" /* noop */]);
+// EXTERNAL MODULE: external "uuid"
+var external_uuid_ = __webpack_require__("kNaX");
+
+// CONCATENATED MODULE: ./src/hooks/useUniqueId.ts
+
+
+
+const useUniqueId = () => {
+  const idRef = Object(external_react_["useRef"])(Object(external_uuid_["v4"])());
+  return idRef.current;
+};
+
+/* harmony default export */ var hooks_useUniqueId = (useUniqueId);
+// CONCATENATED MODULE: ./src/hooks/index.ts
+
+
+
+
+
 /***/ }),
 
 /***/ "elyg":
@@ -7020,6 +7347,13 @@ Router.events = (0, _mitt.default)();
 
 /***/ }),
 
+/***/ "faye":
+/***/ (function(module, exports) {
+
+module.exports = require("react-dom");
+
+/***/ }),
+
 /***/ "g/15":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -7263,6 +7597,13 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "kNaX":
+/***/ (function(module, exports) {
+
+module.exports = require("uuid");
+
 /***/ }),
 
 /***/ "lFTW":
@@ -7717,6 +8058,13 @@ module.exports = require("path");
 
 /***/ }),
 
+/***/ "pYII":
+/***/ (function(module, exports) {
+
+module.exports = require("react-popper");
+
+/***/ }),
+
 /***/ "pdKp":
 /***/ (function(module, exports) {
 
@@ -7743,27 +8091,31 @@ module.exports = {
 "use strict";
 
 // EXPORTS
-__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ lib_createArray; });
-__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ lib_createGridOf; });
-__webpack_require__.d(__webpack_exports__, "c", function() { return /* reexport */ lib_createKeyboardNavigation; });
-__webpack_require__.d(__webpack_exports__, "d", function() { return /* reexport */ lib_createNullMovingComparator; });
-__webpack_require__.d(__webpack_exports__, "e", function() { return /* reexport */ lib_detectLocale; });
-__webpack_require__.d(__webpack_exports__, "f", function() { return /* reexport */ lib_findCell; });
-__webpack_require__.d(__webpack_exports__, "g", function() { return /* reexport */ lib_getCellSize; });
-__webpack_require__.d(__webpack_exports__, "h", function() { return /* reexport */ lib_getRemainingTiles; });
-__webpack_require__.d(__webpack_exports__, "i", function() { return /* reexport */ lib_getRemainingTilesCount; });
+__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ lib_canUseDom; });
+__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ lib_createArray; });
+__webpack_require__.d(__webpack_exports__, "c", function() { return /* reexport */ lib_createGridOf; });
+__webpack_require__.d(__webpack_exports__, "d", function() { return /* reexport */ lib_createKeyboardNavigation; });
+__webpack_require__.d(__webpack_exports__, "e", function() { return /* reexport */ lib_createNullMovingComparator; });
+__webpack_require__.d(__webpack_exports__, "f", function() { return /* reexport */ lib_detectLocale; });
+__webpack_require__.d(__webpack_exports__, "g", function() { return /* reexport */ lib_findCell; });
+__webpack_require__.d(__webpack_exports__, "h", function() { return /* reexport */ lib_getCellSize; });
+__webpack_require__.d(__webpack_exports__, "i", function() { return /* reexport */ lib_getRemainingTiles; });
 __webpack_require__.d(__webpack_exports__, "j", function() { return /* reexport */ lib_getRemainingTilesGroups; });
 __webpack_require__.d(__webpack_exports__, "k", function() { return /* reexport */ lib_getTileSizes; });
 __webpack_require__.d(__webpack_exports__, "l", function() { return /* reexport */ lib_inverseDirection; });
 __webpack_require__.d(__webpack_exports__, "m", function() { return /* reexport */ lib_isCtrl; });
 __webpack_require__.d(__webpack_exports__, "n", function() { return /* reexport */ lib_isMac; });
 __webpack_require__.d(__webpack_exports__, "o", function() { return /* reexport */ lib_memoize; });
-__webpack_require__.d(__webpack_exports__, "p", function() { return /* reexport */ lib_sortResults; });
-__webpack_require__.d(__webpack_exports__, "q", function() { return /* reexport */ lib_unorderedArraysEqual; });
-__webpack_require__.d(__webpack_exports__, "r", function() { return /* reexport */ lib_zipCharactersAndTiles; });
+__webpack_require__.d(__webpack_exports__, "p", function() { return /* reexport */ lib_noop; });
+__webpack_require__.d(__webpack_exports__, "q", function() { return /* reexport */ lib_sortResults; });
+__webpack_require__.d(__webpack_exports__, "r", function() { return /* reexport */ lib_unorderedArraysEqual; });
+__webpack_require__.d(__webpack_exports__, "s", function() { return /* reexport */ lib_zipCharactersAndTiles; });
 
-// UNUSED EXPORTS: comparator, createKeyComparator, getTotalRemainingTilesCount, isLocale, noop, numberComparator, reverseComparator, stringComparator
+// UNUSED EXPORTS: comparator, createKeyComparator, getRemainingTilesCount, getTotalRemainingTilesCount, isLocale, numberComparator, reverseComparator, stringComparator
 
+// CONCATENATED MODULE: ./src/lib/canUseDom.ts
+const canUseDom = Boolean( false && false);
+/* harmony default export */ var lib_canUseDom = (canUseDom);
 // CONCATENATED MODULE: ./src/lib/numberComparator.ts
 const numberComparator = (a, b) => a - b;
 
@@ -8000,10 +8352,13 @@ const getRemainingTilesGroups = remainingTiles => {
   const vowels = remainingTiles.filter(({
     character
   }) => constants_["VOWELS"].includes(character));
+  const twoCharacterTiles = remainingTiles.filter(({
+    character
+  }) => character.length === 2);
   const blanks = remainingTiles.filter(({
     character
   }) => character === constants_["BLANK"]);
-  return [{
+  const groups = [{
     remainingCount: lib_getRemainingTilesCount(vowels),
     tiles: vowels,
     translationKey: 'common.vowels',
@@ -8013,12 +8368,20 @@ const getRemainingTilesGroups = remainingTiles => {
     tiles: consonants,
     translationKey: 'common.consonants',
     totalCount: lib_getTotalRemainingTilesCount(consonants)
+  }, {
+    remainingCount: lib_getRemainingTilesCount(twoCharacterTiles),
+    tiles: twoCharacterTiles,
+    translationKey: 'common.two-letter-tiles',
+    totalCount: lib_getTotalRemainingTilesCount(twoCharacterTiles)
   }, {
     remainingCount: lib_getRemainingTilesCount(blanks),
     tiles: blanks,
     translationKey: 'common.blanks',
     totalCount: lib_getTotalRemainingTilesCount(blanks)
   }];
+  return groups.filter(({
+    totalCount
+  }) => totalCount > 0);
 };
 /* harmony default export */ var lib_getRemainingTilesGroups = (getRemainingTilesGroups);
 // CONCATENATED MODULE: ./src/lib/getTileSizes.ts
@@ -8202,6 +8565,7 @@ const zipCharactersAndTiles = (characters, tiles) => {
 
 
 
+
 
 
 /***/ }),
@@ -8296,7 +8660,7 @@ module.exports = {
 /***/ "uJCx":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"cell.set-blank\":\"Oznacz jako blank\",\"cell.set-not-blank\":\"Oznacz jako nie blank\",\"cell.toggle-direction\":\"Kierunek wpisywania - kliknij aby zmienić\",\"common.blanks\":\"Blanki\",\"common.clear\":\"Wyczyść\",\"common.close\":\"Zamknij\",\"common.consonants\":\"Spółgłoski\",\"common.loading\":\"Ładowanie\",\"common.points\":\"Punkty\",\"common.tiles\":\"Płytki\",\"common.vowels\":\"Samogłoski\",\"common.word\":\"Słowo\",\"common.words\":\"Słowa\",\"dictionary.empty-state.no-definitions\":\"Słowo istnieje w słowniku ale nie posiada definicji.\",\"dictionary.empty-state.no-results\":\"Nie udało się znaleźć definicji słowa w słowniku.\",\"dictionary.empty-state.not-allowed\":\"To słowo nie jest dopuszczalne w grach.\",\"dictionary.empty-state.uninitialized\":\"Tu zostanie wyświetlona słownikowa definicja ostatnio podświetlonego słowa.\",\"dictionary.input.placeholder\":\"Szukaj w słowniku...\",\"empty-state.error\":\"Błąd\",\"empty-state.info\":\"Info\",\"empty-state.success\":\"Hurra!\",\"empty-state.warning\":\"Ups!\",\"github\":\"Zobacz ten projekt na GitHubie\",\"keyMap\":\"Skróty klawiszowe\",\"keyMap.board\":\"Plansza\",\"keyMap.board.toggle-blank\":\"Oznacz/odznacz płytkę jako blank\",\"keyMap.board.toggle-direction\":\"Zmień kierunek wpisywania\",\"keyMap.board-and-rack\":\"Plansza i stojak\",\"keyMap.board-and-rack.navigate\":\"Nawigacja\",\"keyMap.board-and-rack.remove-tile\":\"Zdejmij płytkę\",\"keyMap.board-and-rack.submit\":\"Rozpocznij wyszukiwanie\",\"keyMap.rack\":\"Stojak\",\"keyMap.rack.insert-blank\":\"Wstaw blanka (spacja)\",\"rack.placeholder\":\"Literki\",\"remaining-tiles\":\"Pozostałe płytki\",\"results.empty-state.no-filtered-results\":\"Żaden wynik nie pasuje do tej kwerendy.\",\"results.empty-state.no-results\":\"Brak wyników - nie można wygenerować żadnego słowa.\",\"results.empty-state.outdated\":\"Wyniki są nieaktualne. Kliknij poniżej, aby zaktualizować.\",\"results.empty-state.uninitialized\":\"Tu zostaną wyświetlone słowa wygenerowane z Twoich liter.\",\"results.input.placeholder\":\"Szukaj rozwiązania... (RegExp)\",\"results.solve\":\"Rozwiąż\",\"settings\":\"Opcje\",\"settings.autoGroupTiles\":\"Grupuj pozostałe płytki\",\"settings.autoGroupTiles.left\":\"Po lewej\",\"settings.autoGroupTiles.right\":\"Po prawej\",\"settings.autoGroupTiles.null\":\"Nie grupuj\",\"settings.game\":\"Gra\",\"settings.language\":\"Język\"}");
+module.exports = JSON.parse("{\"cell.set-blank\":\"Oznacz jako blank\",\"cell.set-not-blank\":\"Oznacz jako nie blank\",\"cell.toggle-direction\":\"Kierunek wpisywania - kliknij aby zmienić\",\"common.blanks\":\"Blanki\",\"common.clear\":\"Wyczyść\",\"common.close\":\"Zamknij\",\"common.consonants\":\"Spółgłoski\",\"common.loading\":\"Ładowanie\",\"common.points\":\"Punkty\",\"common.tiles\":\"Płytki\",\"common.two-letter-tiles\":\"Dwuliterowe\",\"common.vowels\":\"Samogłoski\",\"common.word\":\"Słowo\",\"common.words\":\"Słowa\",\"dictionary.empty-state.no-definitions\":\"Słowo istnieje w słowniku ale nie posiada definicji.\",\"dictionary.empty-state.no-results\":\"Nie udało się znaleźć definicji słowa w słowniku.\",\"dictionary.empty-state.not-allowed\":\"To słowo nie jest dopuszczalne w grach.\",\"dictionary.empty-state.uninitialized\":\"Tu zostanie wyświetlona słownikowa definicja ostatnio podświetlonego słowa.\",\"dictionary.input.placeholder\":\"Szukaj w słowniku...\",\"empty-state.error\":\"Błąd\",\"empty-state.info\":\"Info\",\"empty-state.success\":\"Hurra!\",\"empty-state.warning\":\"Ups!\",\"github\":\"Zobacz ten projekt na GitHubie\",\"keyMap\":\"Skróty klawiszowe\",\"keyMap.board\":\"Plansza\",\"keyMap.board.toggle-blank\":\"Oznacz/odznacz płytkę jako blank\",\"keyMap.board.toggle-direction\":\"Zmień kierunek wpisywania\",\"keyMap.board-and-rack\":\"Plansza i stojak\",\"keyMap.board-and-rack.insert-two-letter-tile\":\"Wstaw dwuliterową płytkę\",\"keyMap.board-and-rack.navigate\":\"Nawigacja\",\"keyMap.board-and-rack.remove-tile\":\"Zdejmij płytkę\",\"keyMap.board-and-rack.submit\":\"Rozpocznij wyszukiwanie\",\"keyMap.rack\":\"Stojak\",\"keyMap.rack.insert-blank\":\"Wstaw blanka (spacja)\",\"rack.placeholder\":\"Literki\",\"remaining-tiles\":\"Pozostałe płytki\",\"results.empty-state.no-filtered-results\":\"Żaden wynik nie pasuje do tej kwerendy.\",\"results.empty-state.no-results\":\"Brak wyników - nie można wygenerować żadnego słowa.\",\"results.empty-state.outdated\":\"Wyniki są nieaktualne. Kliknij poniżej, aby zaktualizować.\",\"results.empty-state.uninitialized\":\"Tu zostaną wyświetlone słowa wygenerowane z Twoich liter.\",\"results.input.placeholder\":\"Szukaj rozwiązania... (RegExp)\",\"results.solve\":\"Rozwiąż\",\"settings\":\"Opcje\",\"settings.autoGroupTiles\":\"Grupuj pozostałe płytki\",\"settings.autoGroupTiles.left\":\"Po lewej\",\"settings.autoGroupTiles.right\":\"Po prawej\",\"settings.autoGroupTiles.null\":\"Nie grupuj\",\"settings.game\":\"Gra\",\"settings.language\":\"Język\"}");
 
 /***/ }),