@scrabble-solver/scrabble-solver 2.10.8 → 2.10.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/.next/BUILD_ID +1 -1
  2. package/.next/build-manifest.json +15 -15
  3. package/.next/cache/.tsbuildinfo +1 -1
  4. package/.next/cache/eslint/.cache_8dgz12 +1 -1
  5. package/.next/cache/next-server.js.nft.json +1 -1
  6. package/.next/cache/webpack/client-production/0.pack +0 -0
  7. package/.next/cache/webpack/client-production/index.pack +0 -0
  8. package/.next/cache/webpack/edge-server-production/0.pack +0 -0
  9. package/.next/cache/webpack/edge-server-production/index.pack +0 -0
  10. package/.next/cache/webpack/server-production/0.pack +0 -0
  11. package/.next/cache/webpack/server-production/index.pack +0 -0
  12. package/.next/images-manifest.json +1 -1
  13. package/.next/next-server.js.nft.json +1 -1
  14. package/.next/prerender-manifest.json +1 -1
  15. package/.next/required-server-files.json +1 -1
  16. package/.next/routes-manifest.json +1 -1
  17. package/.next/server/chunks/176.js +435 -286
  18. package/.next/server/chunks/664.js +27 -2414
  19. package/.next/server/chunks/859.js +29 -1
  20. package/.next/server/font-loader-manifest.js +1 -0
  21. package/.next/server/font-loader-manifest.json +6 -0
  22. package/.next/server/middleware-build-manifest.js +1 -1
  23. package/.next/server/pages/404.html +2 -2
  24. package/.next/server/pages/404.js.nft.json +1 -1
  25. package/.next/server/pages/500.html +1 -12
  26. package/.next/server/pages/_app.js +13 -133
  27. package/.next/server/pages/_app.js.nft.json +1 -1
  28. package/.next/server/pages/_document.js +1 -1
  29. package/.next/server/pages/_document.js.nft.json +1 -1
  30. package/.next/server/pages/_error.js +133 -17
  31. package/.next/server/pages/_error.js.nft.json +1 -1
  32. package/.next/server/pages/api/solve.js +5 -6
  33. package/.next/server/pages/index.html +1 -1
  34. package/.next/server/pages/index.js +34 -154
  35. package/.next/server/pages/index.js.nft.json +1 -1
  36. package/.next/server/pages/index.json +1 -1
  37. package/.next/static/chunks/main-74c4d6b2b5c362f3.js +1 -0
  38. package/.next/static/chunks/pages/{404-8cab6d62fe4ead73.js → 404-d5ff00df1c687977.js} +1 -1
  39. package/.next/static/chunks/pages/_app-52cb288dc680bdfe.js +28 -0
  40. package/.next/static/chunks/pages/index-5c2544930e46c5ce.js +1 -0
  41. package/.next/static/chunks/webpack-6ef43a8d4a395f49.js +1 -0
  42. package/.next/static/css/{d1cc6b79b211b7b8.css → ec4e47a6b1866fe5.css} +1 -1
  43. package/.next/static/css/f65b7b2a74f57c1c.css +2 -0
  44. package/.next/static/fZRsz4P0gQ8Wgb9jP8eap/_buildManifest.js +1 -0
  45. package/.next/trace +55 -55
  46. package/package.json +11 -10
  47. package/src/components/Board/Board.module.scss +14 -0
  48. package/src/components/Board/Board.tsx +117 -19
  49. package/src/components/Board/BoardPure.tsx +7 -15
  50. package/src/components/Board/components/Actions/Actions.module.scss +64 -0
  51. package/src/components/Board/components/Actions/Actions.tsx +68 -0
  52. package/src/components/Board/components/Actions/index.ts +1 -0
  53. package/src/components/Board/components/Cell/Cell.module.scss +10 -121
  54. package/src/components/Board/components/Cell/Cell.tsx +0 -37
  55. package/src/components/Board/components/Cell/CellPure.tsx +5 -68
  56. package/src/components/Board/components/index.ts +1 -0
  57. package/src/components/Board/hooks/useGrid.ts +16 -16
  58. package/src/components/Button/Button.module.scss +1 -1
  59. package/src/components/Rack/Rack.module.scss +2 -1
  60. package/src/components/Solver/Solver.module.scss +0 -5
  61. package/src/components/Solver/Solver.tsx +1 -1
  62. package/src/components/Tile/Tile.module.scss +0 -26
  63. package/src/components/Tile/Tile.tsx +3 -1
  64. package/src/components/Tile/TilePure.tsx +16 -18
  65. package/src/hooks/useLocalStorage/useLocalStorageBoard.ts +6 -3
  66. package/src/hooks/useLocalStorage/useLocalStorageConfigId.ts +6 -3
  67. package/src/hooks/useLocalStorage/useLocalStorageLocale.ts +6 -3
  68. package/src/hooks/useLocalStorage/useLocalStorageRack.ts +6 -3
  69. package/src/modals/SettingsModal/components/ConfigSetting/ConfigSetting.module.scss +1 -1
  70. package/src/modals/SettingsModal/components/LocaleSetting/LocaleSetting.module.scss +2 -2
  71. package/src/parameters/index.ts +5 -3
  72. package/src/styles/animations.scss +10 -0
  73. package/src/styles/global.scss +2 -2
  74. package/src/styles/mixins.scss +56 -1
  75. package/src/styles/variables.scss +5 -2
  76. package/.next/server/chunks/210.js +0 -122
  77. package/.next/server/chunks/676.js +0 -32
  78. package/.next/static/Cs23uxWG6AxS72F2yrjHu/_buildManifest.js +0 -1
  79. package/.next/static/chunks/main-f11614d8aa7ee555.js +0 -1
  80. package/.next/static/chunks/pages/_app-dcbbb823dc93a031.js +0 -28
  81. package/.next/static/chunks/pages/index-df1ff01aa82d2d4d.js +0 -1
  82. package/.next/static/chunks/webpack-59c5c889f52620d6.js +0 -1
  83. package/.next/static/css/bf2e969b88c4e3dd.css +0 -2
  84. /package/.next/static/{Cs23uxWG6AxS72F2yrjHu → fZRsz4P0gQ8Wgb9jP8eap}/_ssgManifest.js +0 -0
package/.next/server/chunks/176.js CHANGED
@@ -982,7 +982,7 @@ exports.VOWELS = ['a', 'ą', 'ä', 'e', 'ę', 'i', 'o', 'ó', 'ö', 'u', 'ü', '
982
982
 
983
983
  /***/ }),
984
984
 
985
- /***/ 91889:
985
+ /***/ 696:
986
986
  /***/ ((module) => {
987
987
 
988
988
  // Exports
@@ -993,19 +993,40 @@ module.exports = {
993
993
 
994
994
  /***/ }),
995
995
 
996
- /***/ 41205:
996
+ /***/ 28139:
997
997
  /***/ ((module) => {
998
998
 
999
999
  // Exports
1000
1000
  module.exports = {
1001
1001
  "board": "Board_board__eA_bB",
1002
- "row": "Board_row__mezHN"
1002
+ "row": "Board_row__mezHN",
1003
+ "actions": "Board_actions__W2CX9",
1004
+ "hide": "Board_hide__Fskbc",
1005
+ "shown": "Board_shown__T9Txa",
1006
+ "show": "Board_show__1ChIu",
1007
+ "progress": "Board_progress__3ImeV",
1008
+ "pulse": "Board_pulse__RoNSE",
1009
+ "wave": "Board_wave__NDbpN"
1003
1010
  };
1004
1011
 
1005
1012
 
1006
1013
  /***/ }),
1007
1014
 
1008
- /***/ 95770:
1015
+ /***/ 91950:
1016
+ /***/ ((module) => {
1017
+
1018
+ // Exports
1019
+ module.exports = {
1020
+ "actions": "Actions_actions__3ry_t",
1021
+ "action": "Actions_action__2tKnh",
1022
+ "toggleDirection": "Actions_toggleDirection__GWMbz",
1023
+ "right": "Actions_right___DlTx"
1024
+ };
1025
+
1026
+
1027
+ /***/ }),
1028
+
1029
+ /***/ 92512:
1009
1030
  /***/ ((module) => {
1010
1031
 
1011
1032
  // Exports
@@ -1022,20 +1043,14 @@ module.exports = {
1022
1043
  "bonusCharacterMultiplier3": "Cell_bonusCharacterMultiplier3__0qtZY",
1023
1044
  "bonusWord2": "Cell_bonusWord2__Ztd1C",
1024
1045
  "bonusWord3": "Cell_bonusWord3__eTB6G",
1025
- "candidate": "Cell_candidate__qGOhc",
1026
- "actions": "Cell_actions__YOyrG",
1027
- "action": "Cell_action___13Yo",
1028
- "toggleDirection": "Cell_toggleDirection__1WgpQ",
1029
- "iconContainer": "Cell_iconContainer__luGh5",
1030
- "flagContainer": "Cell_flagContainer__A_IDX",
1031
- "flag": "Cell_flag__hPqWD",
1032
- "star": "Cell_star__qeUuH"
1046
+ "filtered": "Cell_filtered__16gx1",
1047
+ "icon": "Cell_icon__8EWsQ"
1033
1048
  };
1034
1049
 
1035
1050
 
1036
1051
  /***/ }),
1037
1052
 
1038
- /***/ 60394:
1053
+ /***/ 48258:
1039
1054
  /***/ ((module) => {
1040
1055
 
1041
1056
  // Exports
@@ -1051,7 +1066,7 @@ module.exports = {
1051
1066
 
1052
1067
  /***/ }),
1053
1068
 
1054
- /***/ 68358:
1069
+ /***/ 94432:
1055
1070
  /***/ ((module) => {
1056
1071
 
1057
1072
  // Exports
@@ -1069,7 +1084,7 @@ module.exports = {
1069
1084
 
1070
1085
  /***/ }),
1071
1086
 
1072
- /***/ 55624:
1087
+ /***/ 1427:
1073
1088
  /***/ ((module) => {
1074
1089
 
1075
1090
  // Exports
@@ -1081,7 +1096,7 @@ module.exports = {
1081
1096
 
1082
1097
  /***/ }),
1083
1098
 
1084
- /***/ 52603:
1099
+ /***/ 70561:
1085
1100
  /***/ ((module) => {
1086
1101
 
1087
1102
  // Exports
@@ -1093,7 +1108,7 @@ module.exports = {
1093
1108
 
1094
1109
  /***/ }),
1095
1110
 
1096
- /***/ 36085:
1111
+ /***/ 19922:
1097
1112
  /***/ ((module) => {
1098
1113
 
1099
1114
  // Exports
@@ -1106,7 +1121,7 @@ module.exports = {
1106
1121
 
1107
1122
  /***/ }),
1108
1123
 
1109
- /***/ 91898:
1124
+ /***/ 54448:
1110
1125
  /***/ ((module) => {
1111
1126
 
1112
1127
  // Exports
@@ -1117,7 +1132,7 @@ module.exports = {
1117
1132
 
1118
1133
  /***/ }),
1119
1134
 
1120
- /***/ 94095:
1135
+ /***/ 13518:
1121
1136
  /***/ ((module) => {
1122
1137
 
1123
1138
  // Exports
@@ -1131,7 +1146,7 @@ module.exports = {
1131
1146
 
1132
1147
  /***/ }),
1133
1148
 
1134
- /***/ 55941:
1149
+ /***/ 95377:
1135
1150
  /***/ ((module) => {
1136
1151
 
1137
1152
  // Exports
@@ -1145,13 +1160,14 @@ module.exports = {
1145
1160
  "progress": "LogoSplashScreen_progress__m0bkB",
1146
1161
  "logoGrayscale": "LogoSplashScreen_logoGrayscale__zDa_H",
1147
1162
  "author": "LogoSplashScreen_author__jDI5k",
1163
+ "show": "LogoSplashScreen_show__N_vWU",
1148
1164
  "wave": "LogoSplashScreen_wave__Trjnf"
1149
1165
  };
1150
1166
 
1151
1167
 
1152
1168
  /***/ }),
1153
1169
 
1154
- /***/ 55242:
1170
+ /***/ 45331:
1155
1171
  /***/ ((module) => {
1156
1172
 
1157
1173
  // Exports
@@ -1170,7 +1186,7 @@ module.exports = {
1170
1186
 
1171
1187
  /***/ }),
1172
1188
 
1173
- /***/ 5406:
1189
+ /***/ 16778:
1174
1190
  /***/ ((module) => {
1175
1191
 
1176
1192
  // Exports
@@ -1182,7 +1198,7 @@ module.exports = {
1182
1198
 
1183
1199
  /***/ }),
1184
1200
 
1185
- /***/ 25223:
1201
+ /***/ 65649:
1186
1202
  /***/ ((module) => {
1187
1203
 
1188
1204
  // Exports
@@ -1197,7 +1213,7 @@ module.exports = {
1197
1213
 
1198
1214
  /***/ }),
1199
1215
 
1200
- /***/ 8557:
1216
+ /***/ 71539:
1201
1217
  /***/ ((module) => {
1202
1218
 
1203
1219
  // Exports
@@ -1211,7 +1227,7 @@ module.exports = {
1211
1227
 
1212
1228
  /***/ }),
1213
1229
 
1214
- /***/ 79798:
1230
+ /***/ 66029:
1215
1231
  /***/ ((module) => {
1216
1232
 
1217
1233
  // Exports
@@ -1220,6 +1236,7 @@ module.exports = {
1220
1236
  "tile": "PlainTiles_tile__4eIjX",
1221
1237
  "dropShadow": "PlainTiles_dropShadow__TjPAL",
1222
1238
  "hide": "PlainTiles_hide__ZXQ7t",
1239
+ "show": "PlainTiles_show__KuWdS",
1223
1240
  "progress": "PlainTiles_progress__GEq5G",
1224
1241
  "pulse": "PlainTiles_pulse__MTQRB"
1225
1242
  };
@@ -1227,7 +1244,7 @@ module.exports = {
1227
1244
 
1228
1245
  /***/ }),
1229
1246
 
1230
- /***/ 27217:
1247
+ /***/ 85040:
1231
1248
  /***/ ((module) => {
1232
1249
 
1233
1250
  // Exports
@@ -1238,7 +1255,7 @@ module.exports = {
1238
1255
 
1239
1256
  /***/ }),
1240
1257
 
1241
- /***/ 30277:
1258
+ /***/ 38135:
1242
1259
  /***/ ((module) => {
1243
1260
 
1244
1261
  // Exports
@@ -1250,7 +1267,7 @@ module.exports = {
1250
1267
 
1251
1268
  /***/ }),
1252
1269
 
1253
- /***/ 59758:
1270
+ /***/ 68589:
1254
1271
  /***/ ((module) => {
1255
1272
 
1256
1273
  // Exports
@@ -1265,7 +1282,7 @@ module.exports = {
1265
1282
 
1266
1283
  /***/ }),
1267
1284
 
1268
- /***/ 54206:
1285
+ /***/ 6834:
1269
1286
  /***/ ((module) => {
1270
1287
 
1271
1288
  // Exports
@@ -1292,7 +1309,7 @@ module.exports = {
1292
1309
 
1293
1310
  /***/ }),
1294
1311
 
1295
- /***/ 55293:
1312
+ /***/ 62440:
1296
1313
  /***/ ((module) => {
1297
1314
 
1298
1315
  // Exports
@@ -1304,7 +1321,7 @@ module.exports = {
1304
1321
 
1305
1322
  /***/ }),
1306
1323
 
1307
- /***/ 23826:
1324
+ /***/ 32262:
1308
1325
  /***/ ((module) => {
1309
1326
 
1310
1327
  // Exports
@@ -1315,7 +1332,7 @@ module.exports = {
1315
1332
 
1316
1333
  /***/ }),
1317
1334
 
1318
- /***/ 90375:
1335
+ /***/ 70591:
1319
1336
  /***/ ((module) => {
1320
1337
 
1321
1338
  // Exports
@@ -1333,7 +1350,6 @@ module.exports = {
1333
1350
  "dictionaryInput": "Solver_dictionaryInput__9BLNF",
1334
1351
  "bottomContainer": "Solver_bottomContainer__VLhkh",
1335
1352
  "bottomContent": "Solver_bottomContent__9rVjO",
1336
- "rackContainer": "Solver_rackContainer__2QSoB",
1337
1353
  "rack": "Solver_rack__9DDCR",
1338
1354
  "controls": "Solver_controls__2D9Ez",
1339
1355
  "emptyState": "Solver_emptyState__P5fkX",
@@ -1343,7 +1359,7 @@ module.exports = {
1343
1359
 
1344
1360
  /***/ }),
1345
1361
 
1346
- /***/ 74048:
1362
+ /***/ 57094:
1347
1363
  /***/ ((module) => {
1348
1364
 
1349
1365
  // Exports
@@ -1360,7 +1376,7 @@ module.exports = {
1360
1376
 
1361
1377
  /***/ }),
1362
1378
 
1363
- /***/ 99725:
1379
+ /***/ 37468:
1364
1380
  /***/ ((module) => {
1365
1381
 
1366
1382
  // Exports
@@ -1372,7 +1388,7 @@ module.exports = {
1372
1388
 
1373
1389
  /***/ }),
1374
1390
 
1375
- /***/ 50495:
1391
+ /***/ 99776:
1376
1392
  /***/ ((module) => {
1377
1393
 
1378
1394
  // Exports
@@ -1393,7 +1409,7 @@ module.exports = {
1393
1409
 
1394
1410
  /***/ }),
1395
1411
 
1396
- /***/ 61077:
1412
+ /***/ 26263:
1397
1413
  /***/ ((module) => {
1398
1414
 
1399
1415
  // Exports
@@ -1404,7 +1420,7 @@ module.exports = {
1404
1420
 
1405
1421
  /***/ }),
1406
1422
 
1407
- /***/ 3713:
1423
+ /***/ 36841:
1408
1424
  /***/ ((module) => {
1409
1425
 
1410
1426
  // Exports
@@ -1416,7 +1432,7 @@ module.exports = {
1416
1432
 
1417
1433
  /***/ }),
1418
1434
 
1419
- /***/ 48564:
1435
+ /***/ 93712:
1420
1436
  /***/ ((module) => {
1421
1437
 
1422
1438
  // Exports
@@ -1427,7 +1443,7 @@ module.exports = {
1427
1443
 
1428
1444
  /***/ }),
1429
1445
 
1430
- /***/ 68716:
1446
+ /***/ 74018:
1431
1447
  /***/ ((module) => {
1432
1448
 
1433
1449
  // Exports
@@ -1445,7 +1461,6 @@ module.exports = {
1445
1461
  "points": "Tile_points__z39vV",
1446
1462
  "disabled": "Tile_disabled__aPQkZ",
1447
1463
  "input": "Tile_input__Rol_n",
1448
- "inputContainer": "Tile_inputContainer__4t_o2",
1449
1464
  "empty": "Tile_empty__DGtO_",
1450
1465
  "raised": "Tile_raised__WKori",
1451
1466
  "alert": "Tile_alert__0o8j3"
@@ -1454,7 +1469,7 @@ module.exports = {
1454
1469
 
1455
1470
  /***/ }),
1456
1471
 
1457
- /***/ 41333:
1472
+ /***/ 19417:
1458
1473
  /***/ ((module) => {
1459
1474
 
1460
1475
  // Exports
@@ -1473,7 +1488,7 @@ module.exports = {
1473
1488
 
1474
1489
  /***/ }),
1475
1490
 
1476
- /***/ 7221:
1491
+ /***/ 98119:
1477
1492
  /***/ ((module) => {
1478
1493
 
1479
1494
  // Exports
@@ -1500,7 +1515,7 @@ var jsx_runtime_ = __webpack_require__(20997);
1500
1515
  var external_classnames_ = __webpack_require__(59003);
1501
1516
  var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
1502
1517
  // EXTERNAL MODULE: ./src/components/Badge/Badge.module.scss
1503
- var Badge_module = __webpack_require__(91889);
1518
+ var Badge_module = __webpack_require__(696);
1504
1519
  var Badge_module_default = /*#__PURE__*/__webpack_require__.n(Badge_module);
1505
1520
  ;// CONCATENATED MODULE: ./src/components/Badge/Badge.tsx
1506
1521
 
@@ -1528,32 +1543,137 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
1528
1543
  /* harmony export */ });
1529
1544
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
1530
1545
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
1531
- /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64579);
1532
- /* harmony import */ var _BoardPure__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14989);
1533
- /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18481);
1534
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_1__, _BoardPure__WEBPACK_IMPORTED_MODULE_2__, _hooks__WEBPACK_IMPORTED_MODULE_3__]);
1535
- ([state__WEBPACK_IMPORTED_MODULE_1__, _BoardPure__WEBPACK_IMPORTED_MODULE_2__, _hooks__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
1546
+ /* harmony import */ var _floating_ui_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21964);
1547
+ /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
1548
+ /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
1549
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
1550
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
1551
+ /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6022);
1552
+ /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_4__);
1553
+ /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(69755);
1554
+ /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_5__);
1555
+ /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(74200);
1556
+ /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64579);
1557
+ /* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(28139);
1558
+ /* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_Board_module_scss__WEBPACK_IMPORTED_MODULE_11__);
1559
+ /* harmony import */ var _BoardPure__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(14989);
1560
+ /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(11329);
1561
+ /* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(18481);
1562
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, state__WEBPACK_IMPORTED_MODULE_7__, _BoardPure__WEBPACK_IMPORTED_MODULE_8__, _components__WEBPACK_IMPORTED_MODULE_9__, _hooks__WEBPACK_IMPORTED_MODULE_10__]);
1563
+ ([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, state__WEBPACK_IMPORTED_MODULE_7__, _BoardPure__WEBPACK_IMPORTED_MODULE_8__, _components__WEBPACK_IMPORTED_MODULE_9__, _hooks__WEBPACK_IMPORTED_MODULE_10__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
1536
1564
 
1537
1565
 
1538
1566
 
1539
1567
 
1540
- const Board = ({ cellSize , className , innerRef })=>{
1541
- const rows = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectRowsWithCandidate */ .ZA);
1542
- const board = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectBoard */ .ZO);
1543
- const [{ direction , refs }, { onChange , onDirectionToggle , onFocus , onKeyDown , onPaste }] = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__/* .useGrid */ .N)(rows);
1544
- return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_BoardPure__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
1545
- className: className,
1546
- cellSize: cellSize,
1547
- center: board.center,
1548
- direction: direction,
1549
- innerRef: innerRef,
1550
- refs: refs,
1551
- rows: rows,
1552
- onChange: onChange,
1553
- onDirectionToggle: onDirectionToggle,
1554
- onFocus: onFocus,
1555
- onKeyDown: onKeyDown,
1556
- onPaste: onPaste
1568
+
1569
+
1570
+
1571
+
1572
+
1573
+
1574
+
1575
+
1576
+ const Board = ({ cellSize , className })=>{
1577
+ const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_4__.useDispatch)();
1578
+ const rows = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectRowsWithCandidate */ .ZA);
1579
+ const board = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectBoard */ .ZO);
1580
+ const [actionsMeasureRef, { width: actionsWidth }] = (0,react_use__WEBPACK_IMPORTED_MODULE_5__.useMeasure)();
1581
+ const [{ activeIndex , direction , inputRefs }, { onChange , onDirectionToggle , onFocus , onKeyDown , onPaste }] = (0,_hooks__WEBPACK_IMPORTED_MODULE_10__/* .useGrid */ .N)(rows);
1582
+ const inputRef = inputRefs[activeIndex.y][activeIndex.x];
1583
+ const cell = rows[activeIndex.y][activeIndex.x];
1584
+ const [showActions, setShowActions] = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false);
1585
+ const [transition, setTransition] = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(parameters__WEBPACK_IMPORTED_MODULE_6__/* .TRANSITION */ .yz);
1586
+ const { x , y , strategy , refs } = (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.useFloating)({
1587
+ middleware: [
1588
+ (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.offset)({
1589
+ mainAxis: -parameters__WEBPACK_IMPORTED_MODULE_6__/* .BOARD_CELL_ACTIONS_OFFSET */ .IO,
1590
+ alignmentAxis: parameters__WEBPACK_IMPORTED_MODULE_6__/* .BOARD_CELL_ACTIONS_OFFSET */ .IO - actionsWidth
1591
+ }),
1592
+ (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.shift)()
1593
+ ],
1594
+ placement: "top-end",
1595
+ whileElementsMounted: _floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.autoUpdate
1596
+ });
1597
+ const actionsRef = (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.useMergeRefs)([
1598
+ actionsMeasureRef,
1599
+ refs.setFloating
1600
+ ]);
1601
+ const handleBlur = (event)=>{
1602
+ const eventComesFromActions = refs.floating.current?.contains(event.relatedTarget);
1603
+ const eventComesFromBoard = event.currentTarget.contains(event.relatedTarget);
1604
+ const isLocalEvent = eventComesFromActions || eventComesFromBoard;
1605
+ if (!isLocalEvent) {
1606
+ setShowActions(false);
1607
+ }
1608
+ };
1609
+ const handleDirectionToggle = ()=>{
1610
+ inputRef.current?.focus();
1611
+ onDirectionToggle();
1612
+ };
1613
+ const handleFocus = (newX, newY)=>{
1614
+ const isFirstFocus = !showActions;
1615
+ const originalTransition = refs.floating.current?.style.transition || "";
1616
+ const newInputRef = inputRefs[newY][newX].current;
1617
+ const newTileElement = newInputRef?.parentElement || null;
1618
+ if (isFirstFocus) {
1619
+ setTransition("none");
1620
+ }
1621
+ refs.setReference(newTileElement);
1622
+ onFocus(newX, newY);
1623
+ setShowActions(true);
1624
+ if (isFirstFocus) {
1625
+ setTimeout(()=>{
1626
+ setTransition(originalTransition);
1627
+ }, 0);
1628
+ }
1629
+ };
1630
+ const handleToggleBlank = ()=>{
1631
+ inputRef.current?.focus();
1632
+ dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(cell));
1633
+ };
1634
+ const handleToggleFilterCell = ()=>{
1635
+ inputRef.current?.focus();
1636
+ dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .cellFilterSlice.actions.toggle */ .mO.actions.toggle(cell));
1637
+ };
1638
+ return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
1639
+ children: [
1640
+ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_BoardPure__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
1641
+ className: className,
1642
+ cellSize: cellSize,
1643
+ center: board.center,
1644
+ inputRefs: inputRefs,
1645
+ rows: rows,
1646
+ onBlur: handleBlur,
1647
+ onChange: onChange,
1648
+ onFocus: handleFocus,
1649
+ onKeyDown: onKeyDown,
1650
+ onPaste: onPaste
1651
+ }),
1652
+ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.FloatingPortal, {
1653
+ children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_9__/* .Actions */ .e, {
1654
+ cell: cell,
1655
+ className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Board_module_scss__WEBPACK_IMPORTED_MODULE_11___default().actions), {
1656
+ [(_Board_module_scss__WEBPACK_IMPORTED_MODULE_11___default().shown)]: showActions
1657
+ }),
1658
+ disabled: !showActions,
1659
+ direction: direction,
1660
+ ref: actionsRef,
1661
+ style: {
1662
+ position: strategy,
1663
+ top: y ?? 0,
1664
+ left: x ?? 0,
1665
+ transition,
1666
+ opacity: showActions ? 1 : 0,
1667
+ pointerEvents: showActions ? "auto" : "none",
1668
+ userSelect: showActions ? "auto" : "none",
1669
+ visibility: x === null || y === null ? "hidden" : "visible"
1670
+ },
1671
+ onDirectionToggle: handleDirectionToggle,
1672
+ onToggleBlank: handleToggleBlank,
1673
+ onToggleFilterCell: handleToggleFilterCell
1674
+ })
1675
+ })
1676
+ ]
1557
1677
  });
1558
1678
  };
1559
1679
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Board);
@@ -1577,7 +1697,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
1577
1697
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
1578
1698
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
1579
1699
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
1580
- /* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(41205);
1700
+ /* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(28139);
1581
1701
  /* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Board_module_scss__WEBPACK_IMPORTED_MODULE_4__);
1582
1702
  /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(11329);
1583
1703
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components__WEBPACK_IMPORTED_MODULE_3__]);
@@ -1587,9 +1707,9 @@ _components__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then
1587
1707
 
1588
1708
 
1589
1709
 
1590
- const BoardPure = ({ className , cellSize , center , direction , innerRef , refs , rows , onChange , onDirectionToggle , onFocus , onKeyDown , onPaste })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
1710
+ const BoardPure = ({ className , cellSize , center , inputRefs , rows , onBlur , onChange , onFocus , onKeyDown , onPaste })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
1591
1711
  className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default().board), className),
1592
- ref: innerRef,
1712
+ onBlur: onBlur,
1593
1713
  onKeyDown: onKeyDown,
1594
1714
  onPaste: onPaste,
1595
1715
  children: rows.map((cells, y)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
@@ -1597,14 +1717,12 @@ const BoardPure = ({ className , cellSize , center , direction , innerRef , refs
1597
1717
  children: cells.map((cell, x)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_3__/* .Cell */ .b, {
1598
1718
  className: (_Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default().cell),
1599
1719
  cell: cell,
1600
- direction: direction,
1601
- inputRef: refs[y][x],
1720
+ inputRef: inputRefs[y][x],
1602
1721
  isBottom: y === rows.length - 1,
1603
1722
  isCenter: center.x === x && center.y === y,
1604
1723
  isRight: x === cells.length - 1,
1605
1724
  size: cellSize,
1606
1725
  onChange: onChange,
1607
- onDirectionToggle: onDirectionToggle,
1608
1726
  onFocus: onFocus
1609
1727
  }, x))
1610
1728
  }, y))
@@ -1616,7 +1734,7 @@ __webpack_async_result__();
1616
1734
 
1617
1735
  /***/ }),
1618
1736
 
1619
- /***/ 58220:
1737
+ /***/ 1061:
1620
1738
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
1621
1739
 
1622
1740
  "use strict";
@@ -1627,15 +1745,17 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
1627
1745
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
1628
1746
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
1629
1747
  /* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7618);
1630
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
1631
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
1632
- /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
1633
- /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
1634
- /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95784);
1748
+ /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
1749
+ /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
1750
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
1751
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
1752
+ /* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(44607);
1635
1753
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
1636
- /* harmony import */ var _CellPure__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(88141);
1637
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _CellPure__WEBPACK_IMPORTED_MODULE_6__]);
1638
- ([state__WEBPACK_IMPORTED_MODULE_5__, _CellPure__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
1754
+ /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(96753);
1755
+ /* harmony import */ var _Actions_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(91950);
1756
+ /* harmony import */ var _Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7__);
1757
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__]);
1758
+ ([state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
1639
1759
 
1640
1760
 
1641
1761
 
@@ -1643,62 +1763,117 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
1643
1763
 
1644
1764
 
1645
1765
 
1646
- const Cell = ({ cell , className , direction , inputRef , isBottom , isCenter , isRight , size , onChange , onDirectionToggle , onFocus })=>{
1647
- const { tile , x , y } = cell;
1648
- const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
1766
+
1767
+ const Actions = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_3__.forwardRef)(({ cell , className , direction , disabled , onDirectionToggle , onToggleBlank , onToggleFilterCell , ...props }, ref)=>{
1649
1768
  const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
1650
- const locale = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectLocale */ .fN);
1651
- const bonus = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCellBonus */ .O0)(state, cell));
1652
- const points = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectTilePoints */ .Zf)(state, cell.tile));
1653
1769
  const isFiltered = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCellIsFiltered */ .id)(state, cell));
1654
- const isValid = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCellIsValid */ .fZ)(state, cell));
1655
- const { tileFontSize } = (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .getTileSizes */ .vc)(size);
1770
+ const isBlank = cell.tile.isBlank;
1771
+ const isEmpty = cell.tile.character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.EMPTY_CELL;
1772
+ return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
1773
+ className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().actions), className),
1774
+ ref: ref,
1775
+ ...props,
1776
+ children: [
1777
+ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
1778
+ "aria-label": translate("cell.toggle-direction"),
1779
+ className: (_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action),
1780
+ Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .ArrowDown */ .K5,
1781
+ iconClassName: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().toggleDirection), {
1782
+ [(_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().right)]: direction === "horizontal"
1783
+ }),
1784
+ tabIndex: disabled ? -1 : undefined,
1785
+ tooltip: translate("cell.toggle-direction"),
1786
+ onClick: onDirectionToggle
1787
+ }),
1788
+ isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
1789
+ "aria-label": translate("cell.filter-cell"),
1790
+ className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action)),
1791
+ Icon: isFiltered ? icons__WEBPACK_IMPORTED_MODULE_4__/* .Flag */ .WN : icons__WEBPACK_IMPORTED_MODULE_4__/* .FlagFill */ .aR,
1792
+ tabIndex: disabled ? -1 : undefined,
1793
+ tooltip: translate("cell.filter-cell"),
1794
+ onClick: onToggleFilterCell
1795
+ }),
1796
+ !isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
1797
+ "aria-label": isBlank ? translate("cell.set-not-blank") : translate("cell.set-blank"),
1798
+ className: (_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action),
1799
+ Icon: isBlank ? icons__WEBPACK_IMPORTED_MODULE_4__/* .SquareFill */ .uX : icons__WEBPACK_IMPORTED_MODULE_4__/* .Square */ .bK,
1800
+ tabIndex: disabled ? -1 : undefined,
1801
+ tooltip: isBlank ? translate("cell.set-not-blank") : translate("cell.set-blank"),
1802
+ onClick: onToggleBlank
1803
+ })
1804
+ ]
1805
+ });
1806
+ });
1807
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Actions);
1808
+
1809
+ __webpack_async_result__();
1810
+ } catch(e) { __webpack_async_result__(e); } });
1811
+
1812
+ /***/ }),
1813
+
1814
+ /***/ 33600:
1815
+ /***/ ((module, __webpack_exports__, __webpack_require__) => {
1816
+
1817
+ "use strict";
1818
+ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
1819
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1820
+ /* harmony export */ "Z": () => (/* reexport safe */ _Actions__WEBPACK_IMPORTED_MODULE_0__.Z)
1821
+ /* harmony export */ });
1822
+ /* harmony import */ var _Actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1061);
1823
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Actions__WEBPACK_IMPORTED_MODULE_0__]);
1824
+ _Actions__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
1825
+
1826
+
1827
+ __webpack_async_result__();
1828
+ } catch(e) { __webpack_async_result__(e); } });
1829
+
1830
+ /***/ }),
1831
+
1832
+ /***/ 58220:
1833
+ /***/ ((module, __webpack_exports__, __webpack_require__) => {
1834
+
1835
+ "use strict";
1836
+ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
1837
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1838
+ /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
1839
+ /* harmony export */ });
1840
+ /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
1841
+ /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
1842
+ /* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7618);
1843
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
1844
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
1845
+ /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(95784);
1846
+ /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
1847
+ /* harmony import */ var _CellPure__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(88141);
1848
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _CellPure__WEBPACK_IMPORTED_MODULE_5__]);
1849
+ ([state__WEBPACK_IMPORTED_MODULE_4__, _CellPure__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
1850
+
1851
+
1852
+
1853
+
1854
+
1855
+
1856
+ const Cell = ({ cell , className , inputRef , isBottom , isCenter , isRight , size , onChange , onFocus })=>{
1857
+ const { tile , x , y } = cell;
1858
+ const translate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTranslate */ .qM)();
1859
+ const locale = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectLocale */ .fN);
1860
+ const bonus = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_4__/* .selectCellBonus */ .O0)(state, cell));
1861
+ const points = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_4__/* .selectTilePoints */ .Zf)(state, cell.tile));
1862
+ const isFiltered = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_4__/* .selectCellIsFiltered */ .id)(state, cell));
1863
+ const isValid = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_4__/* .selectCellIsValid */ .fZ)(state, cell));
1864
+ const { tileFontSize } = (0,lib__WEBPACK_IMPORTED_MODULE_3__/* .getTileSizes */ .vc)(size);
1656
1865
  const isEmpty = tile.character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.EMPTY_CELL;
1657
1866
  const style = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
1658
1867
  fontSize: tileFontSize
1659
1868
  }), [
1660
1869
  tileFontSize
1661
1870
  ]);
1662
- const handleDirectionToggleClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>{
1663
- if (inputRef.current) {
1664
- inputRef.current.focus();
1665
- }
1666
- onDirectionToggle();
1667
- }, [
1668
- onDirectionToggle
1669
- ]);
1670
1871
  const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>onFocus(x, y), [
1671
1872
  x,
1672
1873
  y,
1673
1874
  onFocus
1674
1875
  ]);
1675
- const handleToggleBlankClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>{
1676
- if (inputRef.current) {
1677
- inputRef.current.focus();
1678
- }
1679
- dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank({
1680
- x,
1681
- y
1682
- }));
1683
- }, [
1684
- dispatch,
1685
- x,
1686
- y
1687
- ]);
1688
- const handleToggleFilterCellClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>{
1689
- if (inputRef.current) {
1690
- inputRef.current.focus();
1691
- }
1692
- dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .cellFilterSlice.actions.toggle */ .mO.actions.toggle({
1693
- x,
1694
- y
1695
- }));
1696
- }, [
1697
- dispatch,
1698
- x,
1699
- y
1700
- ]);
1701
- return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CellPure__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
1876
+ return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CellPure__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
1702
1877
  "aria-label": translate("cell.tile.location", {
1703
1878
  x: (x + 1).toLocaleString(locale),
1704
1879
  y: (y + 1).toLocaleString(locale)
@@ -1706,7 +1881,6 @@ const Cell = ({ cell , className , direction , inputRef , isBottom , isCenter ,
1706
1881
  bonus: bonus,
1707
1882
  cell: cell,
1708
1883
  className: className,
1709
- direction: direction,
1710
1884
  inputRef: inputRef,
1711
1885
  isBottom: isBottom,
1712
1886
  isCenter: isCenter,
@@ -1718,12 +1892,8 @@ const Cell = ({ cell , className , direction , inputRef , isBottom , isCenter ,
1718
1892
  size: size,
1719
1893
  style: style,
1720
1894
  tile: tile,
1721
- translate: translate,
1722
1895
  onChange: onChange,
1723
- onDirectionToggleClick: handleDirectionToggleClick,
1724
- onFocus: handleFocus,
1725
- onToggleBlankClick: handleToggleBlankClick,
1726
- onToggleFilterCellClick: handleToggleFilterCellClick
1896
+ onFocus: handleFocus
1727
1897
  });
1728
1898
  };
1729
1899
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Cell);
@@ -1748,13 +1918,12 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
1748
1918
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
1749
1919
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
1750
1920
  /* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(44607);
1751
- /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(96753);
1752
- /* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(57243);
1753
- /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95770);
1754
- /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7__);
1755
- /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(98094);
1756
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Button__WEBPACK_IMPORTED_MODULE_4__, _Tile__WEBPACK_IMPORTED_MODULE_5__]);
1757
- ([_Button__WEBPACK_IMPORTED_MODULE_4__, _Tile__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
1921
+ /* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(57243);
1922
+ /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(92512);
1923
+ /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6__);
1924
+ /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(98094);
1925
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tile__WEBPACK_IMPORTED_MODULE_4__]);
1926
+ _Tile__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
1758
1927
 
1759
1928
 
1760
1929
 
@@ -1762,30 +1931,23 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_But
1762
1931
 
1763
1932
 
1764
1933
 
1765
-
1766
- const CellPure = ({ "aria-label": ariaLabel , bonus , cell , className , direction , inputRef , isBottom , isCenter , isRight , isEmpty , isFiltered , isValid , points , size , style , tile , translate , onChange , onDirectionToggleClick , onFocus , onToggleBlankClick , onToggleFilterCellClick })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
1767
- className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().cell), className, (0,_lib__WEBPACK_IMPORTED_MODULE_6__/* .getBonusClassname */ .K)(cell, bonus, isCenter), {
1768
- [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().bottom)]: isBottom,
1769
- [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().candidate)]: cell.isCandidate(),
1770
- [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().right)]: isRight
1934
+ const CellPure = ({ "aria-label": ariaLabel , bonus , cell , className , inputRef , isBottom , isCenter , isRight , isEmpty , isFiltered , isValid , points , size , style , tile , onChange , onFocus })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
1935
+ className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().cell), className, (0,_lib__WEBPACK_IMPORTED_MODULE_5__/* .getBonusClassname */ .K)(cell, bonus, isCenter), {
1936
+ [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().bottom)]: isBottom,
1937
+ [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().filtered)]: isFiltered,
1938
+ [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().right)]: isRight
1771
1939
  }),
1772
1940
  style: style,
1773
1941
  children: [
1774
- isCenter && isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
1775
- className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().iconContainer)),
1776
- children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .Star */ .Ux, {
1777
- className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().star)
1778
- })
1942
+ isCenter && isEmpty && !isFiltered && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .Star */ .Ux, {
1943
+ className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().icon)
1779
1944
  }),
1780
- isFiltered && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
1781
- className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().iconContainer), (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().flagContainer)),
1782
- children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .FlagFill */ .aR, {
1783
- className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().flag)
1784
- })
1945
+ isFiltered && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .FlagFill */ .aR, {
1946
+ className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().icon)
1785
1947
  }),
1786
- /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
1948
+ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
1787
1949
  "aria-label": ariaLabel,
1788
- className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().tile),
1950
+ className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().tile),
1789
1951
  character: isEmpty ? undefined : tile.character,
1790
1952
  highlighted: cell.isCandidate(),
1791
1953
  inputRef: inputRef,
@@ -1797,35 +1959,6 @@ const CellPure = ({ "aria-label": ariaLabel , bonus , cell , className , directi
1797
1959
  tabIndex: cell.x === 0 && cell.y === 0 ? undefined : -1,
1798
1960
  onChange: onChange,
1799
1961
  onFocus: onFocus
1800
- }),
1801
- !cell.isCandidate() && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
1802
- className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().actions),
1803
- children: [
1804
- /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
1805
- "aria-label": translate("cell.toggle-direction"),
1806
- className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action),
1807
- Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .ArrowDown */ .K5,
1808
- iconClassName: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().toggleDirection), {
1809
- [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().right)]: direction === "horizontal"
1810
- }),
1811
- tooltip: translate("cell.toggle-direction"),
1812
- onClick: onDirectionToggleClick
1813
- }),
1814
- isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
1815
- "aria-label": translate("cell.filter-cell"),
1816
- className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action)),
1817
- Icon: isFiltered ? icons__WEBPACK_IMPORTED_MODULE_3__/* .Flag */ .WN : icons__WEBPACK_IMPORTED_MODULE_3__/* .FlagFill */ .aR,
1818
- tooltip: translate("cell.filter-cell"),
1819
- onClick: onToggleFilterCellClick
1820
- }),
1821
- !isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
1822
- "aria-label": tile.isBlank ? translate("cell.set-not-blank") : translate("cell.set-blank"),
1823
- className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().action),
1824
- Icon: tile.isBlank ? icons__WEBPACK_IMPORTED_MODULE_3__/* .SquareFill */ .uX : icons__WEBPACK_IMPORTED_MODULE_3__/* .Square */ .bK,
1825
- tooltip: tile.isBlank ? translate("cell.set-not-blank") : translate("cell.set-blank"),
1826
- onClick: onToggleBlankClick
1827
- })
1828
- ]
1829
1962
  })
1830
1963
  ]
1831
1964
  });
@@ -1862,7 +1995,7 @@ __webpack_async_result__();
1862
1995
  /* harmony export */ "K": () => (/* binding */ getBonusClassname)
1863
1996
  /* harmony export */ });
1864
1997
  /* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7618);
1865
- /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(95770);
1998
+ /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(92512);
1866
1999
  /* harmony import */ var _Cell_module_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_1__);
1867
2000
 
1868
2001
 
@@ -1918,11 +2051,14 @@ const getCharacterBonusClassname = (bonus)=>{
1918
2051
  "use strict";
1919
2052
  __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
1920
2053
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1921
- /* harmony export */ "b": () => (/* reexport safe */ _Cell__WEBPACK_IMPORTED_MODULE_0__.Z)
2054
+ /* harmony export */ "b": () => (/* reexport safe */ _Cell__WEBPACK_IMPORTED_MODULE_1__.Z),
2055
+ /* harmony export */ "e": () => (/* reexport safe */ _Actions__WEBPACK_IMPORTED_MODULE_0__.Z)
1922
2056
  /* harmony export */ });
1923
- /* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(79821);
1924
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Cell__WEBPACK_IMPORTED_MODULE_0__]);
1925
- _Cell__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
2057
+ /* harmony import */ var _Actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33600);
2058
+ /* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(79821);
2059
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Actions__WEBPACK_IMPORTED_MODULE_0__, _Cell__WEBPACK_IMPORTED_MODULE_1__]);
2060
+ ([_Actions__WEBPACK_IMPORTED_MODULE_0__, _Cell__WEBPACK_IMPORTED_MODULE_1__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
2061
+
1926
2062
 
1927
2063
 
1928
2064
  __webpack_async_result__();
@@ -1987,32 +2123,32 @@ const useGrid = (rows)=>{
1987
2123
  const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
1988
2124
  const config = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectConfig */ .$o);
1989
2125
  const locale = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectLocale */ .fN);
1990
- const refs = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_6__/* .createGridOf */ .DI)(width, height, ()=>(0,react__WEBPACK_IMPORTED_MODULE_2__.createRef)()), [
2126
+ const inputRefs = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_6__/* .createGridOf */ .DI)(width, height, ()=>(0,react__WEBPACK_IMPORTED_MODULE_2__.createRef)()), [
1991
2127
  width,
1992
2128
  height
1993
2129
  ]);
1994
- const activeIndexRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)({
2130
+ const [activeIndex, setActiveIndex] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)({
1995
2131
  x: 0,
1996
2132
  y: 0
1997
2133
  });
1998
2134
  const [direction, setLastDirection] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)("horizontal");
1999
2135
  const directionRef = (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useLatest)(direction);
2000
2136
  const changeActiveIndex = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((offsetX, offsetY)=>{
2001
- const x = Math.min(Math.max(activeIndexRef.current.x + offsetX, 0), width - 1);
2002
- const y = Math.min(Math.max(activeIndexRef.current.y + offsetY, 0), height - 1);
2003
- activeIndexRef.current = {
2137
+ const x = Math.min(Math.max(activeIndex.x + offsetX, 0), width - 1);
2138
+ const y = Math.min(Math.max(activeIndex.y + offsetY, 0), height - 1);
2139
+ setActiveIndex({
2004
2140
  x,
2005
2141
  y
2006
- };
2007
- refs[y][x].current?.focus();
2142
+ });
2143
+ inputRefs[y][x].current?.focus();
2008
2144
  }, [
2009
- activeIndexRef,
2010
- refs
2145
+ activeIndex,
2146
+ inputRefs
2011
2147
  ]);
2012
2148
  const getInputRefPosition = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((inputRef)=>{
2013
- return (0,_lib__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(refs, (ref)=>ref.current === inputRef);
2149
+ return (0,_lib__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(inputRefs, (ref)=>ref.current === inputRef);
2014
2150
  }, [
2015
- refs
2151
+ inputRefs
2016
2152
  ]);
2017
2153
  const moveFocus = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((offset)=>{
2018
2154
  if (directionRef.current === "horizontal") {
@@ -2179,10 +2315,10 @@ const useGrid = (rows)=>{
2179
2315
  ]);
2180
2316
  const onDirectionToggle = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>setLastDirection(toggleDirection), []);
2181
2317
  const onFocus = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((x, y)=>{
2182
- activeIndexRef.current = {
2318
+ setActiveIndex({
2183
2319
  x,
2184
2320
  y
2185
- };
2321
+ });
2186
2322
  }, []);
2187
2323
  const onKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>{
2188
2324
  return (0,lib__WEBPACK_IMPORTED_MODULE_6__/* .createKeyboardNavigation */ .np)({
@@ -2317,8 +2453,9 @@ const useGrid = (rows)=>{
2317
2453
  ]);
2318
2454
  return [
2319
2455
  {
2456
+ activeIndex,
2320
2457
  direction,
2321
- refs
2458
+ inputRefs
2322
2459
  },
2323
2460
  {
2324
2461
  onChange,
@@ -2392,7 +2529,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
2392
2529
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
2393
2530
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
2394
2531
  /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
2395
- /* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(60394);
2532
+ /* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(48258);
2396
2533
  /* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Button_module_scss__WEBPACK_IMPORTED_MODULE_4__);
2397
2534
  /* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16863);
2398
2535
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__, _Link__WEBPACK_IMPORTED_MODULE_3__]);
@@ -2448,7 +2585,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
2448
2585
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
2449
2586
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
2450
2587
  /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
2451
- /* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60394);
2588
+ /* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(48258);
2452
2589
  /* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_Button_module_scss__WEBPACK_IMPORTED_MODULE_3__);
2453
2590
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__]);
2454
2591
  _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -2569,7 +2706,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
2569
2706
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64579);
2570
2707
  /* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18681);
2571
2708
  /* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(84198);
2572
- /* harmony import */ var _Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(68358);
2709
+ /* harmony import */ var _Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(94432);
2573
2710
  /* harmony import */ var _Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_Dictionary_module_scss__WEBPACK_IMPORTED_MODULE_5__);
2574
2711
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_2__, _EmptyState__WEBPACK_IMPORTED_MODULE_3__, _Loading__WEBPACK_IMPORTED_MODULE_4__]);
2575
2712
  ([state__WEBPACK_IMPORTED_MODULE_2__, _EmptyState__WEBPACK_IMPORTED_MODULE_3__, _Loading__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -2685,7 +2822,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
2685
2822
  /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
2686
2823
  /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
2687
2824
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
2688
- /* harmony import */ var _DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55624);
2825
+ /* harmony import */ var _DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1427);
2689
2826
  /* harmony import */ var _DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_DictionaryInput_module_scss__WEBPACK_IMPORTED_MODULE_5__);
2690
2827
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__]);
2691
2828
  state__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -2764,7 +2901,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
2764
2901
  /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74200);
2765
2902
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
2766
2903
  /* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(31773);
2767
- /* harmony import */ var _EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(52603);
2904
+ /* harmony import */ var _EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(70561);
2768
2905
  /* harmony import */ var _EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7__);
2769
2906
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _PlainTiles__WEBPACK_IMPORTED_MODULE_6__]);
2770
2907
  ([state__WEBPACK_IMPORTED_MODULE_5__, _PlainTiles__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -2856,7 +2993,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
2856
2993
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
2857
2994
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
2858
2995
  /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
2859
- /* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(36085);
2996
+ /* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(19922);
2860
2997
  /* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_IconButton_module_scss__WEBPACK_IMPORTED_MODULE_4__);
2861
2998
  /* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17062);
2862
2999
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__, _Link__WEBPACK_IMPORTED_MODULE_3__]);
@@ -2903,7 +3040,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
2903
3040
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
2904
3041
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
2905
3042
  /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
2906
- /* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(36085);
3043
+ /* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(19922);
2907
3044
  /* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_IconButton_module_scss__WEBPACK_IMPORTED_MODULE_3__);
2908
3045
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__]);
2909
3046
  _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -2966,7 +3103,7 @@ var jsx_runtime_ = __webpack_require__(20997);
2966
3103
  var external_classnames_ = __webpack_require__(59003);
2967
3104
  var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
2968
3105
  // EXTERNAL MODULE: ./src/components/Key/Key.module.scss
2969
- var Key_module = __webpack_require__(91898);
3106
+ var Key_module = __webpack_require__(54448);
2970
3107
  var Key_module_default = /*#__PURE__*/__webpack_require__.n(Key_module);
2971
3108
  ;// CONCATENATED MODULE: ./src/components/Key/Key.tsx
2972
3109
 
@@ -3001,7 +3138,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
3001
3138
  /* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(77586);
3002
3139
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
3003
3140
  /* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(31773);
3004
- /* harmony import */ var _Loading_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(94095);
3141
+ /* harmony import */ var _Loading_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(13518);
3005
3142
  /* harmony import */ var _Loading_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_Loading_module_scss__WEBPACK_IMPORTED_MODULE_6__);
3006
3143
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _PlainTiles__WEBPACK_IMPORTED_MODULE_5__]);
3007
3144
  ([state__WEBPACK_IMPORTED_MODULE_4__, _PlainTiles__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -3195,7 +3332,7 @@ var Logo = __webpack_require__(2622);
3195
3332
  // EXTERNAL MODULE: ./src/components/SplashScreen/index.ts + 1 modules
3196
3333
  var SplashScreen = __webpack_require__(14676);
3197
3334
  // EXTERNAL MODULE: ./src/components/LogoSplashScreen/LogoSplashScreen.module.scss
3198
- var LogoSplashScreen_module = __webpack_require__(55941);
3335
+ var LogoSplashScreen_module = __webpack_require__(95377);
3199
3336
  var LogoSplashScreen_module_default = /*#__PURE__*/__webpack_require__.n(LogoSplashScreen_module);
3200
3337
  ;// CONCATENATED MODULE: ./src/components/LogoSplashScreen/LogoSplashScreen.tsx
3201
3338
 
@@ -3257,7 +3394,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
3257
3394
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64579);
3258
3395
  /* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(6193);
3259
3396
  /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(40265);
3260
- /* harmony import */ var _Modal_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(55242);
3397
+ /* harmony import */ var _Modal_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(45331);
3261
3398
  /* harmony import */ var _Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10__);
3262
3399
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_7__, _IconButton__WEBPACK_IMPORTED_MODULE_8__]);
3263
3400
  ([state__WEBPACK_IMPORTED_MODULE_7__, _IconButton__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -3352,7 +3489,7 @@ var jsx_runtime_ = __webpack_require__(20997);
3352
3489
  var external_classnames_ = __webpack_require__(59003);
3353
3490
  var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
3354
3491
  // EXTERNAL MODULE: ./src/components/Modal/components/Section/Section.module.scss
3355
- var Section_module = __webpack_require__(5406);
3492
+ var Section_module = __webpack_require__(16778);
3356
3493
  var Section_module_default = /*#__PURE__*/__webpack_require__.n(Section_module);
3357
3494
  ;// CONCATENATED MODULE: ./src/components/Modal/components/Section/Section.tsx
3358
3495
 
@@ -3416,7 +3553,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
3416
3553
  /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74200);
3417
3554
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
3418
3555
  /* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6193);
3419
- /* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(25223);
3556
+ /* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(65649);
3420
3557
  /* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7__);
3421
3558
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_2__, state__WEBPACK_IMPORTED_MODULE_5__, _IconButton__WEBPACK_IMPORTED_MODULE_6__]);
3422
3559
  ([hooks__WEBPACK_IMPORTED_MODULE_2__, state__WEBPACK_IMPORTED_MODULE_5__, _IconButton__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -3582,7 +3719,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
3582
3719
  /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_1__);
3583
3720
  /* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(44607);
3584
3721
  /* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(31773);
3585
- /* harmony import */ var _NotFound_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8557);
3722
+ /* harmony import */ var _NotFound_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(71539);
3586
3723
  /* harmony import */ var _NotFound_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_NotFound_module_scss__WEBPACK_IMPORTED_MODULE_4__);
3587
3724
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_PlainTiles__WEBPACK_IMPORTED_MODULE_3__]);
3588
3725
  _PlainTiles__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -3658,7 +3795,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
3658
3795
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
3659
3796
  /* harmony import */ var _SvgFontCss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28887);
3660
3797
  /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(32546);
3661
- /* harmony import */ var _PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(79798);
3798
+ /* harmony import */ var _PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(66029);
3662
3799
  /* harmony import */ var _PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_PlainTiles_module_scss__WEBPACK_IMPORTED_MODULE_8__);
3663
3800
  /* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(81718);
3664
3801
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__]);
@@ -3907,7 +4044,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
3907
4044
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
3908
4045
  /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74200);
3909
4046
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64579);
3910
- /* harmony import */ var _Progress_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(27217);
4047
+ /* harmony import */ var _Progress_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(85040);
3911
4048
  /* harmony import */ var _Progress_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Progress_module_scss__WEBPACK_IMPORTED_MODULE_4__);
3912
4049
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__]);
3913
4050
  state__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -3978,7 +4115,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
3978
4115
  /* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(77586);
3979
4116
  /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(95784);
3980
4117
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64579);
3981
- /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(30277);
4118
+ /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(38135);
3982
4119
  /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__);
3983
4120
  /* harmony import */ var _RackTile__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(84840);
3984
4121
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__, _RackTile__WEBPACK_IMPORTED_MODULE_7__]);
@@ -4131,7 +4268,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
4131
4268
  /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95784);
4132
4269
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
4133
4270
  /* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(57243);
4134
- /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(30277);
4271
+ /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(38135);
4135
4272
  /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_7__);
4136
4273
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Tile__WEBPACK_IMPORTED_MODULE_6__]);
4137
4274
  ([state__WEBPACK_IMPORTED_MODULE_5__, _Tile__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -4261,7 +4398,7 @@ var jsx_runtime_ = __webpack_require__(20997);
4261
4398
  var external_classnames_ = __webpack_require__(59003);
4262
4399
  var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
4263
4400
  // EXTERNAL MODULE: ./src/components/Radio/Radio.module.scss
4264
- var Radio_module = __webpack_require__(59758);
4401
+ var Radio_module = __webpack_require__(68589);
4265
4402
  var Radio_module_default = /*#__PURE__*/__webpack_require__.n(Radio_module);
4266
4403
  ;// CONCATENATED MODULE: ./src/components/Radio/Radio.tsx
4267
4404
 
@@ -4312,7 +4449,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
4312
4449
  /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
4313
4450
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64579);
4314
4451
  /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7646);
4315
- /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(54206);
4452
+ /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6834);
4316
4453
  /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_4__);
4317
4454
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_2__, _Tooltip__WEBPACK_IMPORTED_MODULE_3__]);
4318
4455
  ([state__WEBPACK_IMPORTED_MODULE_2__, _Tooltip__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -4357,7 +4494,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
4357
4494
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
4358
4495
  /* harmony import */ var types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9033);
4359
4496
  /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7646);
4360
- /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(54206);
4497
+ /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(6834);
4361
4498
  /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_7__);
4362
4499
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _Tooltip__WEBPACK_IMPORTED_MODULE_6__]);
4363
4500
  ([state__WEBPACK_IMPORTED_MODULE_4__, _Tooltip__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -4431,7 +4568,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
4431
4568
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
4432
4569
  /* harmony import */ var types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9033);
4433
4570
  /* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(27085);
4434
- /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(54206);
4571
+ /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(6834);
4435
4572
  /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_9__);
4436
4573
  /* harmony import */ var _useColumns__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(19970);
4437
4574
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Cell__WEBPACK_IMPORTED_MODULE_7__, _useColumns__WEBPACK_IMPORTED_MODULE_8__]);
@@ -4550,7 +4687,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
4550
4687
  /* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(92833);
4551
4688
  /* harmony import */ var _HeaderButton__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(58748);
4552
4689
  /* harmony import */ var _Result__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(73975);
4553
- /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(54206);
4690
+ /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(6834);
4554
4691
  /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_14__);
4555
4692
  /* harmony import */ var _SolveButton__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(21834);
4556
4693
  /* harmony import */ var _useColumns__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(19970);
@@ -4745,7 +4882,7 @@ __webpack_async_result__();
4745
4882
  /* harmony export */ "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
4746
4883
  /* harmony export */ });
4747
4884
  /* harmony import */ var types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9033);
4748
- /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(54206);
4885
+ /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6834);
4749
4886
  /* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_1__);
4750
4887
 
4751
4888
 
@@ -4896,7 +5033,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
4896
5033
  /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
4897
5034
  /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95784);
4898
5035
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
4899
- /* harmony import */ var _ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(55293);
5036
+ /* harmony import */ var _ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(62440);
4900
5037
  /* harmony import */ var _ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6__);
4901
5038
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__]);
4902
5039
  state__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -5006,7 +5143,7 @@ var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_cl
5006
5143
  // EXTERNAL MODULE: external "react"
5007
5144
  var external_react_ = __webpack_require__(16689);
5008
5145
  // EXTERNAL MODULE: ./src/components/Sizer/Sizer.module.scss
5009
- var Sizer_module = __webpack_require__(23826);
5146
+ var Sizer_module = __webpack_require__(32262);
5010
5147
  var Sizer_module_default = /*#__PURE__*/__webpack_require__.n(Sizer_module);
5011
5148
  ;// CONCATENATED MODULE: ./src/components/Sizer/Sizer.tsx
5012
5149
 
@@ -5054,7 +5191,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
5054
5191
  /* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(21678);
5055
5192
  /* harmony import */ var _Well__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(34473);
5056
5193
  /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(51639);
5057
- /* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(90375);
5194
+ /* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(70591);
5058
5195
  /* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15__);
5059
5196
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_8__, _Dictionary__WEBPACK_IMPORTED_MODULE_9__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__, _Rack__WEBPACK_IMPORTED_MODULE_11__, _Results__WEBPACK_IMPORTED_MODULE_12__, _components__WEBPACK_IMPORTED_MODULE_14__]);
5060
5197
  ([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_8__, _Dictionary__WEBPACK_IMPORTED_MODULE_9__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__, _Rack__WEBPACK_IMPORTED_MODULE_11__, _Results__WEBPACK_IMPORTED_MODULE_12__, _components__WEBPACK_IMPORTED_MODULE_14__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -5215,7 +5352,6 @@ const Solver = ({ className , height , width , onShowResults })=>{
5215
5352
  className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().bottomContent),
5216
5353
  children: [
5217
5354
  /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
5218
- className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().rackContainer),
5219
5355
  onSubmit: handleSubmit,
5220
5356
  children: [
5221
5357
  /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Rack__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
@@ -5285,7 +5421,7 @@ var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_cl
5285
5421
  // EXTERNAL MODULE: ./src/icons/index.ts + 40 modules
5286
5422
  var icons = __webpack_require__(44607);
5287
5423
  // EXTERNAL MODULE: ./src/components/Solver/components/EmptyState/EmptyState.module.scss
5288
- var EmptyState_module = __webpack_require__(74048);
5424
+ var EmptyState_module = __webpack_require__(57094);
5289
5425
  var EmptyState_module_default = /*#__PURE__*/__webpack_require__.n(EmptyState_module);
5290
5426
  ;// CONCATENATED MODULE: ./src/components/Solver/components/EmptyState/EmptyState.tsx
5291
5427
 
@@ -5345,7 +5481,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
5345
5481
  /* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(44607);
5346
5482
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
5347
5483
  /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(96753);
5348
- /* harmony import */ var _InsertButton_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(99725);
5484
+ /* harmony import */ var _InsertButton_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(37468);
5349
5485
  /* harmony import */ var _InsertButton_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_InsertButton_module_scss__WEBPACK_IMPORTED_MODULE_6__);
5350
5486
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__]);
5351
5487
  ([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -5420,7 +5556,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
5420
5556
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
5421
5557
  /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(96753);
5422
5558
  /* harmony import */ var _InsertButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(12343);
5423
- /* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(50495);
5559
+ /* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(99776);
5424
5560
  /* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7__);
5425
5561
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__, _InsertButton__WEBPACK_IMPORTED_MODULE_6__]);
5426
5562
  ([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__, _InsertButton__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -5562,7 +5698,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
5562
5698
  /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95784);
5563
5699
  /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
5564
5700
  /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(96753);
5565
- /* harmony import */ var _SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(61077);
5701
+ /* harmony import */ var _SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(26263);
5566
5702
  /* harmony import */ var _SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7__);
5567
5703
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__]);
5568
5704
  ([state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -5682,7 +5818,7 @@ var jsx_runtime_ = __webpack_require__(20997);
5682
5818
  var external_classnames_ = __webpack_require__(59003);
5683
5819
  var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
5684
5820
  // EXTERNAL MODULE: ./src/components/SplashScreen/SplashScreen.module.scss
5685
- var SplashScreen_module = __webpack_require__(3713);
5821
+ var SplashScreen_module = __webpack_require__(36841);
5686
5822
  var SplashScreen_module_default = /*#__PURE__*/__webpack_require__.n(SplashScreen_module);
5687
5823
  ;// CONCATENATED MODULE: ./src/components/SplashScreen/SplashScreen.tsx
5688
5824
 
@@ -5763,7 +5899,7 @@ var i18n = __webpack_require__(77586);
5763
5899
  // EXTERNAL MODULE: ./src/components/SvgFontCss/index.ts + 2 modules
5764
5900
  var SvgFontCss = __webpack_require__(28887);
5765
5901
  // EXTERNAL MODULE: ./src/components/SvgFontFix/SvgFontFix.module.scss
5766
- var SvgFontFix_module = __webpack_require__(48564);
5902
+ var SvgFontFix_module = __webpack_require__(93712);
5767
5903
  var SvgFontFix_module_default = /*#__PURE__*/__webpack_require__.n(SvgFontFix_module);
5768
5904
  ;// CONCATENATED MODULE: ./src/components/SvgFontFix/SvgFontFix.tsx
5769
5905
 
@@ -5803,12 +5939,13 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
5803
5939
  /* harmony import */ var merge_refs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(merge_refs__WEBPACK_IMPORTED_MODULE_2__);
5804
5940
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
5805
5941
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
5806
- /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95784);
5807
- /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(74200);
5808
- /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64579);
5809
- /* harmony import */ var _TilePure__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(26098);
5810
- var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__]);
5811
- state__WEBPACK_IMPORTED_MODULE_6__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
5942
+ /* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(46230);
5943
+ /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(95784);
5944
+ /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(74200);
5945
+ /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64579);
5946
+ /* harmony import */ var _TilePure__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26098);
5947
+ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_7__]);
5948
+ ([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
5812
5949
 
5813
5950
 
5814
5951
 
@@ -5817,9 +5954,10 @@ state__WEBPACK_IMPORTED_MODULE_6__ = (__webpack_async_dependencies__.then ? (awa
5817
5954
 
5818
5955
 
5819
5956
 
5820
- const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character ="" , disabled , highlighted , inputRef , isBlank , isValid , placeholder , points , raised , size , tabIndex , onChange , onFocus =lib__WEBPACK_IMPORTED_MODULE_4__/* .noop */ .ZT , onKeyDown =lib__WEBPACK_IMPORTED_MODULE_4__/* .noop */ .ZT })=>{
5821
- const locale = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectLocale */ .fN);
5822
- const { pointsFontSize , tileFontSize , tileSize } = (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .getTileSizes */ .vc)(size);
5957
+
5958
+ const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character ="" , disabled , highlighted , inputRef , isBlank , isValid , placeholder , points , raised , size , tabIndex , onChange , onFocus =lib__WEBPACK_IMPORTED_MODULE_5__/* .noop */ .ZT , onKeyDown =lib__WEBPACK_IMPORTED_MODULE_5__/* .noop */ .ZT })=>{
5959
+ const locale = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectLocale */ .fN);
5960
+ const { pointsFontSize , tileFontSize , tileSize } = (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .getTileSizes */ .vc)(size);
5823
5961
  const style = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>({
5824
5962
  height: tileSize,
5825
5963
  width: tileSize
@@ -5839,7 +5977,8 @@ const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character =""
5839
5977
  const ref = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)(null);
5840
5978
  const mergedRef = inputRef ? merge_refs__WEBPACK_IMPORTED_MODULE_2___default()(ref, inputRef) : ref;
5841
5979
  const isEmpty = !character || character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.EMPTY_CELL;
5842
- const canShowPoints = (isBlank || !isEmpty) && typeof points !== "undefined";
5980
+ const isLessThanXs = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .useMediaQuery */ .ac)("<xs");
5981
+ const canShowPoints = (isBlank || !isEmpty) && typeof points !== "undefined" && !isLessThanXs;
5843
5982
  const pointsFormatted = typeof points === "number" ? points.toLocaleString(locale) : "";
5844
5983
  const handleKeyDown = (event)=>{
5845
5984
  ref.current?.select();
@@ -5857,15 +5996,15 @@ const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character =""
5857
5996
  if (!ref.current?.parentElement || !character) {
5858
5997
  return;
5859
5998
  }
5860
- ref.current.parentElement.animate(parameters__WEBPACK_IMPORTED_MODULE_5__/* .TILE_APPEAR_KEYFRAMES */ .e2, {
5861
- duration: parameters__WEBPACK_IMPORTED_MODULE_5__/* .TILE_APPEAR_DURATION */ .PF,
5862
- easing: parameters__WEBPACK_IMPORTED_MODULE_5__/* .EASE_OUT_CUBIC */ .Kc,
5999
+ ref.current.parentElement.animate(parameters__WEBPACK_IMPORTED_MODULE_6__/* .TILE_APPEAR_KEYFRAMES */ .e2, {
6000
+ duration: parameters__WEBPACK_IMPORTED_MODULE_6__/* .TILE_APPEAR_DURATION */ .PF,
6001
+ easing: parameters__WEBPACK_IMPORTED_MODULE_6__/* .EASE_OUT_CUBIC */ .Kc,
5863
6002
  fill: "forwards"
5864
6003
  });
5865
6004
  }, [
5866
6005
  character
5867
6006
  ]);
5868
- return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_TilePure__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
6007
+ return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_TilePure__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
5869
6008
  "aria-label": ariaLabel,
5870
6009
  autoFocus: autoFocus,
5871
6010
  canShowPoints: canShowPoints,
@@ -5910,7 +6049,7 @@ __webpack_async_result__();
5910
6049
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
5911
6050
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
5912
6051
  /* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(44607);
5913
- /* harmony import */ var _Tile_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(68716);
6052
+ /* harmony import */ var _Tile_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74018);
5914
6053
  /* harmony import */ var _Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4__);
5915
6054
 
5916
6055
 
@@ -5932,24 +6071,21 @@ const TilePure = ({ "aria-label": ariaLabel , autoFocus , canShowPoints , charac
5932
6071
  }),
5933
6072
  style: style,
5934
6073
  children: [
5935
- /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
5936
- className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().inputContainer),
5937
- children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
5938
- "aria-label": ariaLabel,
5939
- autoCapitalize: "none",
5940
- autoComplete: "off",
5941
- autoCorrect: "off",
5942
- autoFocus: autoFocus,
5943
- className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().input),
5944
- disabled: disabled,
5945
- ref: inputRef,
5946
- spellCheck: false,
5947
- tabIndex: tabIndex,
5948
- value: character || "",
5949
- onChange: onChange,
5950
- onFocus: onFocus,
5951
- onKeyDown: onKeyDown
5952
- })
6074
+ /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
6075
+ "aria-label": ariaLabel,
6076
+ autoCapitalize: "none",
6077
+ autoComplete: "off",
6078
+ autoCorrect: "off",
6079
+ autoFocus: autoFocus,
6080
+ className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().input),
6081
+ disabled: disabled,
6082
+ ref: inputRef,
6083
+ spellCheck: false,
6084
+ tabIndex: tabIndex,
6085
+ value: character || "",
6086
+ onChange: onChange,
6087
+ onFocus: onFocus,
6088
+ onKeyDown: onKeyDown
5953
6089
  }),
5954
6090
  placeholder && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
5955
6091
  className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().placeholder),
@@ -6003,7 +6139,7 @@ __webpack_async_result__();
6003
6139
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
6004
6140
  /* harmony export */ "v": () => (/* binding */ MODIFIERS)
6005
6141
  /* harmony export */ });
6006
- /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41333);
6142
+ /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19417);
6007
6143
  /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0__);
6008
6144
 
6009
6145
  const ARROW_SIZE = parseInt((_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0___default().ARROW_SIZE), 10);
@@ -6077,7 +6213,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
6077
6213
  /* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(46230);
6078
6214
  /* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(95784);
6079
6215
  /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(56667);
6080
- /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(41333);
6216
+ /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(19417);
6081
6217
  /* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8__);
6082
6218
  var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_5__]);
6083
6219
  hooks__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -6219,7 +6355,7 @@ var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_cl
6219
6355
  // EXTERNAL MODULE: external "react"
6220
6356
  var external_react_ = __webpack_require__(16689);
6221
6357
  // EXTERNAL MODULE: ./src/components/Well/Well.module.scss
6222
- var Well_module = __webpack_require__(7221);
6358
+ var Well_module = __webpack_require__(98119);
6223
6359
  var Well_module_default = /*#__PURE__*/__webpack_require__.n(Well_module);
6224
6360
  ;// CONCATENATED MODULE: ./src/components/Well/Well.tsx
6225
6361
 
@@ -6523,18 +6659,21 @@ state__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (awa
6523
6659
  const useLocalStorageBoard = ()=>{
6524
6660
  const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
6525
6661
  const board = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectBoard */ .ZO);
6662
+ const [isLoaded, setIsLoaded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
6526
6663
  (0,react_use__WEBPACK_IMPORTED_MODULE_2__.useEffectOnce)(()=>{
6527
6664
  const persistedBoard = state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.getBoard */ .Xb.getBoard();
6528
6665
  if (persistedBoard) {
6529
6666
  dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .boardSlice.actions.init */ .I8.actions.init(persistedBoard));
6530
6667
  }
6668
+ setIsLoaded(true);
6531
6669
  });
6532
6670
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
6533
- if (board) {
6671
+ if (board && isLoaded) {
6534
6672
  state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.setBoard */ .Xb.setBoard(board);
6535
6673
  }
6536
6674
  }, [
6537
- board
6675
+ board,
6676
+ isLoaded
6538
6677
  ]);
6539
6678
  };
6540
6679
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLocalStorageBoard);
@@ -6568,6 +6707,7 @@ state__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (awa
6568
6707
  const useLocalStorageConfigId = ()=>{
6569
6708
  const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
6570
6709
  const configId = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectConfigId */ .md);
6710
+ const [isLoaded, setIsLoaded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
6571
6711
  (0,react_use__WEBPACK_IMPORTED_MODULE_2__.useEffectOnce)(()=>{
6572
6712
  const persistedConfigId = state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.getConfigId */ .Xb.getConfigId();
6573
6713
  if (persistedConfigId) {
@@ -6575,13 +6715,15 @@ const useLocalStorageConfigId = ()=>{
6575
6715
  configId: persistedConfigId
6576
6716
  }));
6577
6717
  }
6718
+ setIsLoaded(true);
6578
6719
  });
6579
6720
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
6580
- if (configId) {
6721
+ if (configId && isLoaded) {
6581
6722
  state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.setConfigId */ .Xb.setConfigId(configId);
6582
6723
  }
6583
6724
  }, [
6584
- configId
6725
+ configId,
6726
+ isLoaded
6585
6727
  ]);
6586
6728
  };
6587
6729
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLocalStorageConfigId);
@@ -6617,6 +6759,7 @@ state__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (awa
6617
6759
  const useLocalStorageLocale = ()=>{
6618
6760
  const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
6619
6761
  const locale = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectLocale */ .fN);
6762
+ const [isLoaded, setIsLoaded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
6620
6763
  (0,react_use__WEBPACK_IMPORTED_MODULE_2__.useEffectOnce)(()=>{
6621
6764
  const persistedLocale = state__WEBPACK_IMPORTED_MODULE_4__/* .localStorage.getLocale */ .Xb.getLocale();
6622
6765
  if (persistedLocale) {
@@ -6628,13 +6771,15 @@ const useLocalStorageLocale = ()=>{
6628
6771
  locale: (0,lib__WEBPACK_IMPORTED_MODULE_3__/* .detectLocale */ .Nj)()
6629
6772
  }));
6630
6773
  }
6774
+ setIsLoaded(true);
6631
6775
  });
6632
6776
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
6633
- if (locale) {
6777
+ if (locale && isLoaded) {
6634
6778
  state__WEBPACK_IMPORTED_MODULE_4__/* .localStorage.setLocale */ .Xb.setLocale(locale);
6635
6779
  }
6636
6780
  }, [
6637
- locale
6781
+ locale,
6782
+ isLoaded
6638
6783
  ]);
6639
6784
  };
6640
6785
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useLocalStorageLocale);
@@ -6668,17 +6813,20 @@ state__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (awa
6668
6813
  const useLocalStorageRack = ()=>{
6669
6814
  const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
6670
6815
  const rack = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectRack */ .QB);
6816
+ const [isLoaded, setIsLoaded] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
6671
6817
  (0,react_use__WEBPACK_IMPORTED_MODULE_2__.useEffectOnce)(()=>{
6672
6818
  const persistedRack = state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.getRack */ .Xb.getRack();
6673
6819
  if (persistedRack) {
6674
6820
  dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .rackSlice.actions.init */ .O_.actions.init(persistedRack));
6675
6821
  }
6822
+ setIsLoaded(true);
6676
6823
  });
6677
6824
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
6678
- if (rack) {
6825
+ if (rack && isLoaded) {
6679
6826
  state__WEBPACK_IMPORTED_MODULE_3__/* .localStorage.setRack */ .Xb.setRack(rack);
6680
6827
  }
6681
6828
  }, [
6829
+ isLoaded,
6682
6830
  rack
6683
6831
  ]);
6684
6832
  };
@@ -8414,6 +8562,7 @@ const zipCharactersAndTiles = (characters, tiles)=>{
8414
8562
  /* harmony export */ "BF": () => (/* binding */ PLAIN_TILES_COLOR_DEFAULT),
8415
8563
  /* harmony export */ "D": () => (/* binding */ PLAIN_TILES_TILE_MAX_SCATTER),
8416
8564
  /* harmony export */ "F1": () => (/* binding */ COLOR_GREEN),
8565
+ /* harmony export */ "IO": () => (/* binding */ BOARD_CELL_ACTIONS_OFFSET),
8417
8566
  /* harmony export */ "Kc": () => (/* binding */ EASE_OUT_CUBIC),
8418
8567
  /* harmony export */ "Kw": () => (/* binding */ BOARD_TILE_SIZE_MAX),
8419
8568
  /* harmony export */ "MA": () => (/* binding */ TRANSITION_DURATION_LONG),
@@ -8442,6 +8591,7 @@ const zipCharactersAndTiles = (characters, tiles)=>{
8442
8591
  /* harmony export */ "xZ": () => (/* binding */ PROGRESS_COLOR_VALUE),
8443
8592
  /* harmony export */ "yg": () => (/* binding */ COLOR_RED),
8444
8593
  /* harmony export */ "yr": () => (/* binding */ COLOR_YELLOW),
8594
+ /* harmony export */ "yz": () => (/* binding */ TRANSITION),
8445
8595
  /* harmony export */ "z": () => (/* binding */ COLUMN_MIN_HEIGHT)
8446
8596
  /* harmony export */ });
8447
8597
  /* unused harmony exports TRANSITION_DURATION, BOARD_CELL_BORDER_WIDTH, TILE_SIZE, PLAIN_TILES_VERSION_TILE_COLOR, PLAIN_TILES_VERSION_TILE_SIZE */
@@ -8453,6 +8603,7 @@ const BREAKPOINTS = {
8453
8603
  xl: 1400
8454
8604
  };
8455
8605
  const EASE_OUT_CUBIC = "cubic-bezier(0.33, 1, 0.68, 1)"; // https://easings.net/#easeOutCubic
8606
+ const TRANSITION = "var(--transition)";
8456
8607
  const GITHUB_PROJECT_URL = "https://github.com/kamilmielnik/scrabble-solver";
8457
8608
  const INITIALIZATION_DURATION = 100;
8458
8609
  const TRANSITION_DURATION = 100;
@@ -8463,6 +8614,7 @@ const COLOR_RED = "#f7c2aa";
8463
8614
  const COLOR_YELLOW = "#efe3ae";
8464
8615
  const COMPONENTS_SPACING = 40;
8465
8616
  const COMPONENTS_SPACING_SMALL = 20;
8617
+ const BOARD_CELL_ACTIONS_OFFSET = 3;
8466
8618
  const BOARD_CELL_BORDER_WIDTH = 1;
8467
8619
  const BOARD_TILE_FONT_SIZE_MIN = 14;
8468
8620
  const BOARD_TILE_FONT_SIZE_POINTS_MIN = 10;
@@ -8507,17 +8659,14 @@ const RESULTS_INPUT_HEIGHT = 40;
8507
8659
  const TILE_APPEAR_DURATION = 200;
8508
8660
  const TILE_APPEAR_KEYFRAMES = [
8509
8661
  {
8510
- transform: "translateY(0)",
8511
- zIndex: 2
8662
+ transform: "translateY(0)"
8512
8663
  },
8513
8664
  {
8514
8665
  transform: "translateY(10%)",
8515
- offset: 0.5,
8516
- zIndex: 2
8666
+ offset: 0.5
8517
8667
  },
8518
8668
  {
8519
- transform: "translateY(0)",
8520
- zIndex: 1
8669
+ transform: "translateY(0)"
8521
8670
  }
8522
8671
  ];
8523
8672