@scrabble-solver/scrabble-solver 2.10.9 → 2.10.11

package/.next/server/chunks/176.js

@@ -1289,6 +1289,8 @@ module.exports = {
 module.exports = {
 	"results": "Results_results__258ah",
 	"emptyState": "Results_emptyState__qSRMr",
+	"content": "Results_content__zZy9j",
+	"listContainer": "Results_listContainer__J7jKU",
 	"list": "Results_list__zp7CV",
 	"outdated": "Results_outdated__4j0Ql",
 	"header": "Results_header__RmHXo",
@@ -1302,8 +1304,7 @@ module.exports = {
 	"stat": "Results_stat__EguZM",
 	"points": "Results_points__7BAKE",
 	"solveButton": "Results_solveButton__jYiEd",
-	"sortIcon": "Results_sortIcon__y02RA",
-	"input": "Results_input__B3K40"
+	"sortIcon": "Results_sortIcon__y02RA"
 };
 
 
@@ -1344,9 +1345,8 @@ module.exports = {
 	"board": "Solver_board__d5oBN",
 	"submitInput": "Solver_submitInput__eic0t",
 	"column": "Solver_column__0EMSH",
-	"resultsContainer": "Solver_resultsContainer__DruEg",
+	"dictionaryContainer": "Solver_dictionaryContainer__uxJRV",
 	"dictionary": "Solver_dictionary__09LYB",
-	"dictionaryOutput": "Solver_dictionaryOutput__KWOcA",
 	"dictionaryInput": "Solver_dictionaryInput__9BLNF",
 	"bottomContainer": "Solver_bottomContainer__VLhkh",
 	"bottomContent": "Solver_bottomContent__9rVjO",
@@ -1486,17 +1486,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ 98119:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"well": "Well_well__WTn5e"
-};
-
-
 /***/ }),
 
 /***/ 47743:
@@ -1769,6 +1758,8 @@ const Actions = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_3__.forwardRef)(
     const isFiltered = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCellIsFiltered */ .id)(state, cell));
     const isBlank = cell.tile.isBlank;
     const isEmpty = cell.tile.character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.EMPTY_CELL;
+    // On iOS it helps with losing focus too early which makes Actions disappear
+    const handleMouseDown = (event)=>event.preventDefault();
     return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
         className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_7___default().actions), className),
         ref: ref,
@@ -1783,7 +1774,8 @@ const Actions = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_3__.forwardRef)(
                 }),
                 tabIndex: disabled ? -1 : undefined,
                 tooltip: translate("cell.toggle-direction"),
-                onClick: onDirectionToggle
+                onClick: onDirectionToggle,
+                onMouseDown: handleMouseDown
             }),
             isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                 "aria-label": translate("cell.filter-cell"),
@@ -1791,7 +1783,8 @@ const Actions = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_3__.forwardRef)(
                 Icon: isFiltered ? icons__WEBPACK_IMPORTED_MODULE_4__/* .Flag */ .WN : icons__WEBPACK_IMPORTED_MODULE_4__/* .FlagFill */ .aR,
                 tabIndex: disabled ? -1 : undefined,
                 tooltip: translate("cell.filter-cell"),
-                onClick: onToggleFilterCell
+                onClick: onToggleFilterCell,
+                onMouseDown: handleMouseDown
             }),
             !isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
                 "aria-label": isBlank ? translate("cell.set-not-blank") : translate("cell.set-blank"),
@@ -1799,7 +1792,8 @@ const Actions = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_3__.forwardRef)(
                 Icon: isBlank ? icons__WEBPACK_IMPORTED_MODULE_4__/* .SquareFill */ .uX : icons__WEBPACK_IMPORTED_MODULE_4__/* .Square */ .bK,
                 tabIndex: disabled ? -1 : undefined,
                 tooltip: isBlank ? translate("cell.set-not-blank") : translate("cell.set-blank"),
-                onClick: onToggleBlank
+                onClick: onToggleBlank,
+                onMouseDown: handleMouseDown
             })
         ]
     });
@@ -2731,7 +2725,7 @@ const Dictionary = ({ className  })=>{
                 variant: "error",
                 children: error.message
             }),
-            results.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
+            typeof error === "undefined" && results.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                 variant: "info",
                 children: translate("dictionary.empty-state.uninitialized")
             }),
@@ -4677,22 +4671,25 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80551);
-/* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_window__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(77586);
-/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(74200);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64579);
-/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(18681);
-/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(84198);
-/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(92833);
-/* harmony import */ var _HeaderButton__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(58748);
-/* harmony import */ var _Result__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(73975);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(6834);
-/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var _SolveButton__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(21834);
-/* harmony import */ var _useColumns__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(19970);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__, _EmptyState__WEBPACK_IMPORTED_MODULE_7__, _Loading__WEBPACK_IMPORTED_MODULE_8__, _ResultsInput__WEBPACK_IMPORTED_MODULE_9__, _HeaderButton__WEBPACK_IMPORTED_MODULE_10__, _Result__WEBPACK_IMPORTED_MODULE_11__, _SolveButton__WEBPACK_IMPORTED_MODULE_12__, _useColumns__WEBPACK_IMPORTED_MODULE_13__]);
-([state__WEBPACK_IMPORTED_MODULE_6__, _EmptyState__WEBPACK_IMPORTED_MODULE_7__, _Loading__WEBPACK_IMPORTED_MODULE_8__, _ResultsInput__WEBPACK_IMPORTED_MODULE_9__, _HeaderButton__WEBPACK_IMPORTED_MODULE_10__, _Result__WEBPACK_IMPORTED_MODULE_11__, _SolveButton__WEBPACK_IMPORTED_MODULE_12__, _useColumns__WEBPACK_IMPORTED_MODULE_13__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(69755);
+/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80551);
+/* harmony import */ var react_window__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_window__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(77586);
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(74200);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64579);
+/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(18681);
+/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(84198);
+/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(92833);
+/* harmony import */ var _Sizer__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(77843);
+/* harmony import */ var _HeaderButton__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(58748);
+/* harmony import */ var _Result__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(73975);
+/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(6834);
+/* harmony import */ var _Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_Results_module_scss__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var _SolveButton__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(21834);
+/* harmony import */ var _useColumns__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(19970);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_7__, _EmptyState__WEBPACK_IMPORTED_MODULE_8__, _Loading__WEBPACK_IMPORTED_MODULE_9__, _ResultsInput__WEBPACK_IMPORTED_MODULE_10__, _HeaderButton__WEBPACK_IMPORTED_MODULE_12__, _Result__WEBPACK_IMPORTED_MODULE_13__, _SolveButton__WEBPACK_IMPORTED_MODULE_14__, _useColumns__WEBPACK_IMPORTED_MODULE_15__]);
+([state__WEBPACK_IMPORTED_MODULE_7__, _EmptyState__WEBPACK_IMPORTED_MODULE_8__, _Loading__WEBPACK_IMPORTED_MODULE_9__, _ResultsInput__WEBPACK_IMPORTED_MODULE_10__, _HeaderButton__WEBPACK_IMPORTED_MODULE_12__, _Result__WEBPACK_IMPORTED_MODULE_13__, _SolveButton__WEBPACK_IMPORTED_MODULE_14__, _useColumns__WEBPACK_IMPORTED_MODULE_15__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -4708,16 +4705,18 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 
-const Results = ({ callbacks , height , highlightedIndex , width  })=>{
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTranslate */ .qM)();
-    const locale = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectLocale */ .fN);
-    const { direction  } = i18n__WEBPACK_IMPORTED_MODULE_4__/* .LOCALE_FEATURES */ .q[locale];
-    const allResults = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectSortedResults */ .f2);
-    const filteredResults = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectSortedFilteredResults */ .dN);
+
+
+const Results = ({ callbacks , highlightedIndex  })=>{
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTranslate */ .qM)();
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectLocale */ .fN);
+    const { direction  } = i18n__WEBPACK_IMPORTED_MODULE_5__/* .LOCALE_FEATURES */ .q[locale];
+    const allResults = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectSortedResults */ .f2);
+    const filteredResults = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectSortedFilteredResults */ .dN);
     const results = filteredResults || [];
-    const isLoading = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectIsLoading */ .xU);
-    const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectAreResultsOutdated */ .Mj);
-    const error = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectSolveError */ .Rn);
+    const isLoading = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectIsLoading */ .xU);
+    const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectAreResultsOutdated */ .Mj);
+    const error = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectSolveError */ .Rn);
     const itemData = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
             ...callbacks,
             highlightedIndex,
@@ -4727,8 +4726,9 @@ const Results = ({ callbacks , height , highlightedIndex , width  })=>{
         highlightedIndex,
         results
     ]);
+    const [sizerRef, { height , width  }] = (0,react_use__WEBPACK_IMPORTED_MODULE_3__.useMeasure)();
     const [listRef, setListRef] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null);
-    const columns = (0,_useColumns__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z)();
+    const columns = (0,_useColumns__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .Z)();
     const scrollToIndex = typeof highlightedIndex === "number" ? highlightedIndex : 0;
     (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(()=>{
         // without setTimeout, the initial scrolling offset is calculated
@@ -4746,74 +4746,85 @@ const Results = ({ callbacks , height , highlightedIndex , width  })=>{
         scrollToIndex
     ]);
     return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().results),
+        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().results),
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().header),
-                children: columns.map((column)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_HeaderButton__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
+                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().header),
+                children: columns.map((column)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_HeaderButton__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
                         column: column
                     }, column.id))
             }),
-            typeof error !== "undefined" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
-                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().emptyState),
-                variant: "error",
-                children: error.message
-            }),
-            typeof error === "undefined" && typeof filteredResults === "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_EmptyState__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
-                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().emptyState),
-                variant: "info",
-                children: [
-                    translate("results.empty-state.uninitialized"),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
-                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().solveButton)
-                    })
-                ]
-            }),
-            typeof error === "undefined" && typeof filteredResults !== "undefined" && typeof allResults !== "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().content),
                 children: [
-                    isOutdated && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_EmptyState__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
-                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().emptyState),
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Sizer__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
+                        ref: sizerRef
+                    }),
+                    typeof error !== "undefined" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().emptyState),
+                        variant: "error",
+                        children: error.message
+                    }),
+                    typeof error === "undefined" && typeof filteredResults === "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_EmptyState__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().emptyState),
                         variant: "info",
                         children: [
-                            translate("results.empty-state.outdated"),
-                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
-                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().solveButton)
+                            translate("results.empty-state.uninitialized"),
+                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {
+                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().solveButton)
                             })
                         ]
                     }),
-                    !isOutdated && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+                    typeof error === "undefined" && typeof filteredResults !== "undefined" && typeof allResults !== "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                         children: [
-                            allResults.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
-                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().emptyState),
-                                variant: "warning",
-                                children: translate("results.empty-state.no-results")
-                            }),
-                            allResults.length > 0 && filteredResults.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
-                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().emptyState),
+                            isOutdated && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_EmptyState__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().emptyState),
                                 variant: "info",
-                                children: translate("results.empty-state.no-filtered-results")
-                            }),
-                            allResults.length > 0 && filteredResults.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_window__WEBPACK_IMPORTED_MODULE_3__.FixedSizeList, {
-                                className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().list), {
-                                    [(_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().outdated)]: isOutdated
-                                }),
-                                direction: direction,
-                                height: height - parameters__WEBPACK_IMPORTED_MODULE_5__/* .RESULTS_HEADER_HEIGHT */ .$L - parameters__WEBPACK_IMPORTED_MODULE_5__/* .RESULTS_INPUT_HEIGHT */ .qp - 2 * parameters__WEBPACK_IMPORTED_MODULE_5__/* .BORDER_WIDTH */ .YF,
-                                itemCount: filteredResults.length,
-                                itemData: itemData,
-                                itemSize: parameters__WEBPACK_IMPORTED_MODULE_5__/* .RESULTS_ITEM_HEIGHT */ .rx,
-                                ref: setListRef,
-                                width: width,
-                                children: _Result__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z
+                                children: [
+                                    translate("results.empty-state.outdated"),
+                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SolveButton__WEBPACK_IMPORTED_MODULE_14__/* ["default"] */ .Z, {
+                                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().solveButton)
+                                    })
+                                ]
                             }),
-                            allResults.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ResultsInput__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
-                                className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_14___default().input)
+                            !isOutdated && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+                                children: [
+                                    allResults.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().emptyState),
+                                        variant: "warning",
+                                        children: translate("results.empty-state.no-results")
+                                    }),
+                                    allResults.length > 0 && filteredResults.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().emptyState),
+                                        variant: "info",
+                                        children: translate("results.empty-state.no-filtered-results")
+                                    }),
+                                    allResults.length > 0 && filteredResults.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                        className: (_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().listContainer),
+                                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_window__WEBPACK_IMPORTED_MODULE_4__.FixedSizeList, {
+                                            className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().list), {
+                                                [(_Results_module_scss__WEBPACK_IMPORTED_MODULE_16___default().outdated)]: isOutdated
+                                            }),
+                                            direction: direction,
+                                            height: height,
+                                            itemCount: filteredResults.length,
+                                            itemData: itemData,
+                                            itemSize: parameters__WEBPACK_IMPORTED_MODULE_6__/* .RESULTS_ITEM_HEIGHT */ .rx,
+                                            ref: setListRef,
+                                            width: width,
+                                            children: _Result__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z
+                                        })
+                                    })
+                                ]
                             })
                         ]
                     })
                 ]
             }),
-            isLoading && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Loading__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {})
+            typeof error === "undefined" && typeof filteredResults !== "undefined" && typeof allResults !== "undefined" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+                children: allResults.length > 0 && !isOutdated && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ResultsInput__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {})
+            }),
+            isLoading && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Loading__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {})
         ]
     });
 };
@@ -5056,8 +5067,12 @@ const ResultsInput = ({ className  })=>{
             dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .resultsSlice.actions.changeQuery */ ._C.actions.changeQuery(newValue));
         }
     };
+    const handleSubmit = (event)=>{
+        event.preventDefault();
+    };
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("form", {
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default().resultsInput), className),
+        onSubmit: handleSubmit,
         children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
             className: (_ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default().input),
             placeholder: translate("results.input.placeholder"),
@@ -5189,13 +5204,11 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(40105);
 /* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(30007);
 /* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(21678);
-/* harmony import */ var _Well__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(34473);
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(51639);
-/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(70591);
-/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_8__, _Dictionary__WEBPACK_IMPORTED_MODULE_9__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__, _Rack__WEBPACK_IMPORTED_MODULE_11__, _Results__WEBPACK_IMPORTED_MODULE_12__, _components__WEBPACK_IMPORTED_MODULE_14__]);
-([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_8__, _Dictionary__WEBPACK_IMPORTED_MODULE_9__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__, _Rack__WEBPACK_IMPORTED_MODULE_11__, _Results__WEBPACK_IMPORTED_MODULE_12__, _components__WEBPACK_IMPORTED_MODULE_14__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(51639);
+/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(70591);
+/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_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_13__]);
+([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_13__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -5217,13 +5230,13 @@ const Solver = ({ className , height , width , onShowResults  })=>{
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTranslate */ .qM)();
     const isTouchDevice = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useIsTouchDevice */ .YQ)();
     const [bottomContainerRef, { height: bottomContainerHeight  }] = (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useMeasure)();
-    const [resultsContainerRef, { width: resultsContainerWidth  }] = (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useMeasure)();
+    const [columnRef, { width: columnWidth  }] = (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useMeasure)();
     const isLessThanXl = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useMediaQuery */ .ac)("<xl");
     const isLessThanL = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useMediaQuery */ .ac)("<l");
     const isLessThanM = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useMediaQuery */ .ac)("<m");
     const componentsSpacing = isLessThanXl ? parameters__WEBPACK_IMPORTED_MODULE_6__/* .COMPONENTS_SPACING_SMALL */ .op : parameters__WEBPACK_IMPORTED_MODULE_6__/* .COMPONENTS_SPACING */ .tr;
-    const maxBoardWidth = width - resultsContainerWidth - (isLessThanL ? 0 : componentsSpacing) - 2 * componentsSpacing;
-    const maxBoardHeight = Math.max(height - bottomContainerHeight, isLessThanL ? 0 : parameters__WEBPACK_IMPORTED_MODULE_6__/* .COLUMN_MIN_HEIGHT */ .z, isLessThanM ? Number.POSITIVE_INFINITY : 0);
+    const maxBoardWidth = width - columnWidth - (isLessThanL ? 0 : componentsSpacing) - 2 * componentsSpacing;
+    const maxBoardHeight = Math.max(height - bottomContainerHeight, isLessThanM ? Number.POSITIVE_INFINITY : 0);
     const config = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectConfig */ .$o);
     const error = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectSolveError */ .Rn);
     const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectAreResultsOutdated */ .Mj);
@@ -5236,8 +5249,6 @@ const Solver = ({ className , height , width , onShowResults  })=>{
     const cellSize = Math.min(cellWidth, cellHeight);
     const cellSizeSafe = Math.min(Math.max(cellSize, parameters__WEBPACK_IMPORTED_MODULE_6__/* .BOARD_TILE_SIZE_MIN */ .oj), parameters__WEBPACK_IMPORTED_MODULE_6__/* .BOARD_TILE_SIZE_MAX */ .Kw);
     const tileSize = Math.min((maxBoardWidth - 2 * parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF) / config.maximumCharactersCount, parameters__WEBPACK_IMPORTED_MODULE_6__/* .RACK_TILE_SIZE_MAX */ .$M);
-    const boardSize = (cellSizeSafe + parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF) * Math.max(config.boardWidth, config.boardHeight) + parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF;
-    const resultsHeight = boardSize - parameters__WEBPACK_IMPORTED_MODULE_6__/* .DICTIONARY_HEIGHT */ .n6 - componentsSpacing - 4 * parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF;
     const maxControlsWidth = tileSize * config.maximumCharactersCount + 2 * parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF;
     const touchCallbacks = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
             onClick: (result)=>{
@@ -5290,55 +5301,45 @@ const Solver = ({ className , height , width , onShowResults  })=>{
         isOutdated
     ]);
     return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().solver), className),
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().solver), className),
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().container),
+                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().container),
                 children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().content),
+                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().content),
                     children: [
                         /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
-                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().boardContainer),
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().boardContainer),
                             onSubmit: handleSubmit,
                             children: [
                                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Board__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
                                     cellSize: cellSizeSafe,
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().board)
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().board)
                                 }),
                                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().submitInput),
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().submitInput),
                                     tabIndex: -1,
                                     type: "submit"
                                 })
                             ]
                         }),
                         /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().column),
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().column),
+                            ref: columnRef,
                             children: [
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Well__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().resultsContainer),
-                                    ref: resultsContainerRef,
-                                    children: resultsContainerWidth > 0 && resultsHeight > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Results__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
-                                        callbacks: callbacks,
-                                        height: resultsHeight,
-                                        width: resultsContainerWidth
-                                    })
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Results__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
+                                    callbacks: callbacks
                                 }),
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Well__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
-                                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                                        className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().dictionary),
-                                        style: {
-                                            height: parameters__WEBPACK_IMPORTED_MODULE_6__/* .DICTIONARY_HEIGHT */ .n6
-                                        },
-                                        children: [
-                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Dictionary__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
-                                                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().dictionaryOutput)
-                                            }),
-                                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DictionaryInput__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
-                                                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().dictionaryInput)
-                                            })
-                                        ]
-                                    })
+                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().dictionaryContainer),
+                                    children: [
+                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Dictionary__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
+                                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().dictionary)
+                                        }),
+                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DictionaryInput__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
+                                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().dictionaryInput)
+                                        })
+                                    ]
                                 })
                             ]
                         })
@@ -5346,41 +5347,41 @@ const Solver = ({ className , height , width , onShowResults  })=>{
                 })
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().bottomContainer),
+                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().bottomContainer),
                 ref: bottomContainerRef,
                 children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().bottomContent),
+                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().bottomContent),
                     children: [
                         /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
                             onSubmit: handleSubmit,
                             children: [
                                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Rack__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().rack),
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().rack),
                                     tileSize: tileSize
                                 }),
                                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().submitInput),
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().submitInput),
                                     tabIndex: -1,
                                     type: "submit"
                                 })
                             ]
                         }),
                         isLessThanL && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().controls),
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().controls),
                             style: {
                                 maxWidth: maxControlsWidth
                             },
                             children: [
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_14__/* .ResultCandidatePicker */ .WI, {
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_13__/* .ResultCandidatePicker */ .WI, {
                                     onResultClick: onShowResults
                                 }),
-                                error && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_14__/* .EmptyState */ .ub, {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().emptyState),
+                                error && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_13__/* .EmptyState */ .ub, {
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().emptyState),
                                     variant: "error",
                                     children: error.message
                                 }),
-                                allResults && allResults.length === 0 && !isOutdated && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_14__/* .EmptyState */ .ub, {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().emptyState),
+                                allResults && allResults.length === 0 && !isOutdated && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_13__/* .EmptyState */ .ub, {
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().emptyState),
                                     variant: "warning",
                                     children: translate("results.empty-state.no-results")
                                 })
@@ -5389,8 +5390,8 @@ const Solver = ({ className , height , width , onShowResults  })=>{
                     ]
                 })
             }),
-            isTouchDevice && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_14__/* .SolveButton */ .ly, {
-                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().solve),
+            isTouchDevice && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_13__/* .SolveButton */ .ly, {
+                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().solve),
                 onClick: handleSubmit
             })
         ]
@@ -5934,9 +5935,8 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7618);
-/* harmony import */ var merge_refs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(15390);
-/* harmony import */ var merge_refs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(merge_refs__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _floating_ui_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21964);
+/* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7618);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(46230);
@@ -5944,8 +5944,8 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(74200);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64579);
 /* harmony import */ var _TilePure__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(26098);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_7__]);
-([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_7__]);
+([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -5975,8 +5975,13 @@ const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character =""
         pointsFontSize
     ]);
     const ref = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)(null);
-    const mergedRef = inputRef ? merge_refs__WEBPACK_IMPORTED_MODULE_2___default()(ref, inputRef) : ref;
-    const isEmpty = !character || character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.EMPTY_CELL;
+    const mergedRef = (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.useMergeRefs)(inputRef ? [
+        ref,
+        inputRef
+    ] : [
+        ref
+    ]);
+    const isEmpty = !character || character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_2__.EMPTY_CELL;
     const isLessThanXs = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .useMediaQuery */ .ac)("<xs");
     const canShowPoints = (isBlank || !isEmpty) && typeof points !== "undefined" && !isLessThanXs;
     const pointsFormatted = typeof points === "number" ? points.toLocaleString(locale) : "";
@@ -5993,7 +5998,7 @@ const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character =""
         ref
     ]);
     (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{
-        if (!ref.current?.parentElement || !character) {
+        if (!ref.current?.parentElement || !character || isLessThanXs) {
             return;
         }
         ref.current.parentElement.animate(parameters__WEBPACK_IMPORTED_MODULE_6__/* .TILE_APPEAR_KEYFRAMES */ .e2, {
@@ -6002,7 +6007,8 @@ const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character =""
             fill: "forwards"
         });
     }, [
-        character
+        character,
+        isLessThanXs
     ]);
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_TilePure__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
         "aria-label": ariaLabel,
@@ -6335,45 +6341,6 @@ const useTooltip = (tooltip, { className , placement ="top" , onBlur =lib__WEBPA
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
-/***/ }),
-
-/***/ 34473:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ Well_Well)
-});
-
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(20997);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(59003);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(16689);
-// EXTERNAL MODULE: ./src/components/Well/Well.module.scss
-var Well_module = __webpack_require__(98119);
-var Well_module_default = /*#__PURE__*/__webpack_require__.n(Well_module);
-;// CONCATENATED MODULE: ./src/components/Well/Well.tsx
-
-
-
-
-const Well = /*#__PURE__*/ (0,external_react_.forwardRef)(({ children , className , ...props }, ref)=>/*#__PURE__*/ jsx_runtime_.jsx("div", {
-        className: external_classnames_default()((Well_module_default()).well, className),
-        ref: ref,
-        ...props,
-        children: children
-    }));
-/* harmony default export */ const Well_Well = (Well);
-
-;// CONCATENATED MODULE: ./src/components/Well/index.ts
-
-
-
 /***/ }),
 
 /***/ 19176:
@@ -6392,9 +6359,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */   "_m": () => (/* reexport safe */ _NavButtons__WEBPACK_IMPORTED_MODULE_13__.Z),
 /* harmony export */   "hL": () => (/* reexport safe */ _LogoSplashScreen__WEBPACK_IMPORTED_MODULE_11__.Z),
 /* harmony export */   "n9": () => (/* reexport safe */ _Tile__WEBPACK_IMPORTED_MODULE_27__.Z),
-/* harmony export */   "ne": () => (/* reexport safe */ _Sizer__WEBPACK_IMPORTED_MODULE_22__.Z),
 /* harmony export */   "sr": () => (/* reexport safe */ _Key__WEBPACK_IMPORTED_MODULE_8__.Z),
-/* harmony export */   "tW": () => (/* reexport safe */ _Well__WEBPACK_IMPORTED_MODULE_29__.Z),
 /* harmony export */   "u9": () => (/* reexport safe */ _Results__WEBPACK_IMPORTED_MODULE_19__.Z),
 /* harmony export */   "u_": () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_12__.Z),
 /* harmony export */   "uz": () => (/* reexport safe */ _SvgFontFix__WEBPACK_IMPORTED_MODULE_26__.Z),
@@ -6429,7 +6394,6 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var _SvgFontFix__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(33435);
 /* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(57243);
 /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(7646);
-/* harmony import */ var _Well__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(34473);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Board__WEBPACK_IMPORTED_MODULE_1__, _Button__WEBPACK_IMPORTED_MODULE_2__, _Dictionary__WEBPACK_IMPORTED_MODULE_4__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_5__, _EmptyState__WEBPACK_IMPORTED_MODULE_6__, _IconButton__WEBPACK_IMPORTED_MODULE_7__, _Loading__WEBPACK_IMPORTED_MODULE_9__, _Modal__WEBPACK_IMPORTED_MODULE_12__, _NavButtons__WEBPACK_IMPORTED_MODULE_13__, _NotFound__WEBPACK_IMPORTED_MODULE_14__, _PlainTiles__WEBPACK_IMPORTED_MODULE_15__, _Progress__WEBPACK_IMPORTED_MODULE_16__, _Rack__WEBPACK_IMPORTED_MODULE_17__, _Results__WEBPACK_IMPORTED_MODULE_19__, _ResultsInput__WEBPACK_IMPORTED_MODULE_20__, _Solver__WEBPACK_IMPORTED_MODULE_23__, _Tile__WEBPACK_IMPORTED_MODULE_27__, _Tooltip__WEBPACK_IMPORTED_MODULE_28__]);
 ([_Board__WEBPACK_IMPORTED_MODULE_1__, _Button__WEBPACK_IMPORTED_MODULE_2__, _Dictionary__WEBPACK_IMPORTED_MODULE_4__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_5__, _EmptyState__WEBPACK_IMPORTED_MODULE_6__, _IconButton__WEBPACK_IMPORTED_MODULE_7__, _Loading__WEBPACK_IMPORTED_MODULE_9__, _Modal__WEBPACK_IMPORTED_MODULE_12__, _NavButtons__WEBPACK_IMPORTED_MODULE_13__, _NotFound__WEBPACK_IMPORTED_MODULE_14__, _PlainTiles__WEBPACK_IMPORTED_MODULE_15__, _Progress__WEBPACK_IMPORTED_MODULE_16__, _Rack__WEBPACK_IMPORTED_MODULE_17__, _Results__WEBPACK_IMPORTED_MODULE_19__, _ResultsInput__WEBPACK_IMPORTED_MODULE_20__, _Solver__WEBPACK_IMPORTED_MODULE_23__, _Tile__WEBPACK_IMPORTED_MODULE_27__, _Tooltip__WEBPACK_IMPORTED_MODULE_28__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
@@ -6460,7 +6424,6 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Boa
 
 
 
-
 
 
 __webpack_async_result__();
@@ -8557,7 +8520,6 @@ const zipCharactersAndTiles = (characters, tiles)=>{
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "$B": () => (/* binding */ BOARD_TILE_FONT_SIZE_POINTS_MIN),
-/* harmony export */   "$L": () => (/* binding */ RESULTS_HEADER_HEIGHT),
 /* harmony export */   "$M": () => (/* binding */ RACK_TILE_SIZE_MAX),
 /* harmony export */   "BF": () => (/* binding */ PLAIN_TILES_COLOR_DEFAULT),
 /* harmony export */   "D": () => (/* binding */ PLAIN_TILES_TILE_MAX_SCATTER),
@@ -8578,11 +8540,9 @@ const zipCharactersAndTiles = (characters, tiles)=>{
 /* harmony export */   "j$": () => (/* binding */ BREAKPOINTS),
 /* harmony export */   "ku": () => (/* binding */ PLAIN_TILES_TILE_MARGIN),
 /* harmony export */   "mM": () => (/* binding */ REMAINING_TILES_TILE_SIZE),
-/* harmony export */   "n6": () => (/* binding */ DICTIONARY_HEIGHT),
 /* harmony export */   "oj": () => (/* binding */ BOARD_TILE_SIZE_MIN),
 /* harmony export */   "op": () => (/* binding */ COMPONENTS_SPACING_SMALL),
 /* harmony export */   "pI": () => (/* binding */ COLOR_BLUE),
-/* harmony export */   "qp": () => (/* binding */ RESULTS_INPUT_HEIGHT),
 /* harmony export */   "rV": () => (/* binding */ PLAIN_TILES_TILE_SIZE),
 /* harmony export */   "rx": () => (/* binding */ RESULTS_ITEM_HEIGHT),
 /* harmony export */   "tr": () => (/* binding */ COMPONENTS_SPACING),
@@ -8591,8 +8551,7 @@ const zipCharactersAndTiles = (characters, tiles)=>{
 /* harmony export */   "xZ": () => (/* binding */ PROGRESS_COLOR_VALUE),
 /* harmony export */   "yg": () => (/* binding */ COLOR_RED),
 /* harmony export */   "yr": () => (/* binding */ COLOR_YELLOW),
-/* harmony export */   "yz": () => (/* binding */ TRANSITION),
-/* harmony export */   "z": () => (/* binding */ COLUMN_MIN_HEIGHT)
+/* harmony export */   "yz": () => (/* binding */ TRANSITION)
 /* harmony export */ });
 /* unused harmony exports TRANSITION_DURATION, BOARD_CELL_BORDER_WIDTH, TILE_SIZE, PLAIN_TILES_VERSION_TILE_COLOR, PLAIN_TILES_VERSION_TILE_SIZE */
 const BREAKPOINTS = {
@@ -8625,8 +8584,6 @@ const BOARD_TILE_SIZE_MAX = 64;
  * 26 - tiles start to look good (font-size: 16px)
  */ const BOARD_TILE_SIZE_MIN = 20;
 const BORDER_WIDTH = 1;
-const COLUMN_MIN_HEIGHT = 588.5;
-const DICTIONARY_HEIGHT = 260;
 const TILE_SIZE = 80;
 const PLAIN_TILES_COLOR_DEFAULT = COLOR_GREEN;
 const PLAIN_TILES_PADDING_HORIZONTAL = 0;
@@ -8653,9 +8610,7 @@ const PROGRESS_COLOR_VALUE = "var(--color--violet--light)";
 const PROGRESS_COLOR_BACKGROUND = "var(--color--inactive)";
 const RACK_TILE_SIZE_MAX = 80;
 const REMAINING_TILES_TILE_SIZE = 50;
-const RESULTS_HEADER_HEIGHT = 34;
 const RESULTS_ITEM_HEIGHT = 40;
-const RESULTS_INPUT_HEIGHT = 40;
 const TILE_APPEAR_DURATION = 200;
 const TILE_APPEAR_KEYFRAMES = [
     {