npm - @scrabble-solver/scrabble-solver - Versions diffs - 2.10.6 → 2.10.7 - Mend

@scrabble-solver/scrabble-solver 2.10.6 → 2.10.7

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 (102) hide show

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

@@ -115,6 +115,19 @@ module.exports = {
 };
+/***/ }),
+/***/ 36085:
+/***/ ((module) => {
+// Exports
+module.exports = {
+	"iconButton": "IconButton_iconButton__y4vSg",
+	"content": "IconButton_content__LyjuP",
+	"icon": "IconButton_icon___Bd1_"
+};
 /***/ }),
 /***/ 91898:
@@ -347,35 +360,37 @@ module.exports = {
 	"rackContainer": "Solver_rackContainer__2QSoB",
 	"rack": "Solver_rack__9DDCR",
 	"controls": "Solver_controls__2D9Ez",
+	"emptyState": "Solver_emptyState__P5fkX",
 	"solve": "Solver_solve__MgHc7"
 };
 /***/ }),
-/***/ 36456:
+/***/ 74048:
 /***/ ((module) => {
 // Exports
 module.exports = {
-	"icon": "ApplyButton_icon__9TqIL"
+	"emptyState": "EmptyState_emptyState__XRkVh",
+	"iconContainer": "EmptyState_iconContainer__muJPY",
+	"error": "EmptyState_error__LALvw",
+	"warning": "EmptyState_warning__3cgae",
+	"info": "EmptyState_info__M93ve",
+	"icon": "EmptyState_icon__4Okzd",
+	"content": "EmptyState_content__VwtZg"
 };
 /***/ }),
-/***/ 74048:
+/***/ 99725:
 /***/ ((module) => {
 // Exports
 module.exports = {
-	"emptyState": "EmptyState_emptyState__XRkVh",
-	"iconContainer": "EmptyState_iconContainer__muJPY",
-	"error": "EmptyState_error__LALvw",
-	"warning": "EmptyState_warning__3cgae",
-	"info": "EmptyState_info__M93ve",
-	"icon": "EmptyState_icon__4Okzd",
-	"content": "EmptyState_content__VwtZg"
+	"insertButton": "InsertButton_insertButton__RIi9m",
+	"icon": "InsertButton_icon___UGZp"
 };
@@ -395,7 +410,7 @@ module.exports = {
 	"word": "ResultCandidatePicker_word__uK_Oo",
 	"iconContainer": "ResultCandidatePicker_iconContainer__uQ4FG",
 	"icon": "ResultCandidatePicker_icon__cTxGI",
-	"apply": "ResultCandidatePicker_apply__8zvXC"
+	"insert": "ResultCandidatePicker_insert__mLW3V"
 };
@@ -422,19 +437,6 @@ module.exports = {
 };
-/***/ }),
-/***/ 53539:
-/***/ ((module) => {
-// Exports
-module.exports = {
-	"squareButton": "SquareButton_squareButton__qwR9a",
-	"content": "SquareButton_content__1ucqM",
-	"icon": "SquareButton_icon__t5YSC"
-};
 /***/ }),
 /***/ 48564:
@@ -708,6 +710,7 @@ const Cell = ({ cell , className , direction , inputRef , isBottom , isCenter ,
     const { tile , x , y  } = cell;
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectLocale */ .fN);
     const bonus = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCellBonus */ .O0)(state, cell));
     const points = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectTilePoints */ .Zf)(state, cell.tile));
     const isFiltered = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCellIsFiltered */ .id)(state, cell));
@@ -759,6 +762,10 @@ const Cell = ({ cell , className , direction , inputRef , isBottom , isCenter ,
         y
     ]);
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CellPure__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+        "aria-label": translate("cell.tile.location", {
+            x: (x + 1).toLocaleString(locale),
+            y: (y + 1).toLocaleString(locale)
+        }),
         bonus: bonus,
         cell: cell,
         className: className,
@@ -819,7 +826,7 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Til
-const CellPure = ({ bonus , cell , className , direction , inputRef , isBottom , isCenter , isRight , isEmpty , isFiltered , isValid , points , size , style , tile , translate , onChange , onDirectionToggleClick , onFocus , onToggleBlankClick , onToggleFilterCellClick  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+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", {
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().cell), className, (0,_lib__WEBPACK_IMPORTED_MODULE_6__/* .getBonusClassname */ .K)(cell, bonus, isCenter), {
             [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().bottom)]: isBottom,
             [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().candidate)]: cell.isCandidate(),
@@ -840,6 +847,7 @@ const CellPure = ({ bonus , cell , className , direction , inputRef , isBottom ,
                 })
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+                "aria-label": ariaLabel,
                 className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().tile),
                 character: isEmpty ? undefined : tile.character,
                 highlighted: cell.isCandidate(),
@@ -857,6 +865,7 @@ const CellPure = ({ bonus , cell , className , direction , inputRef , isBottom ,
                 className: (_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().actions),
                 children: [
                     /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+                        "aria-label": translate("cell.toggle-direction"),
                         tooltip: translate("cell.toggle-direction"),
                         onClick: onDirectionToggleClick,
                         children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .ArrowDown */ .K5, {
@@ -866,6 +875,7 @@ const CellPure = ({ bonus , cell , className , direction , inputRef , isBottom ,
                         })
                     }),
                     isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+                        "aria-label": translate("cell.filter-cell"),
                         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().filterCell), {
                             [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().filtered)]: isFiltered
                         }),
@@ -874,6 +884,7 @@ const CellPure = ({ bonus , cell , className , direction , inputRef , isBottom ,
                         children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .Flag */ .WN, {})
                     }),
                     !isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+                        "aria-label": tile.isBlank ? translate("cell.set-not-blank") : translate("cell.set-blank"),
                         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().blank), {
                             [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_7___default().active)]: tile.isBlank
                         }),
@@ -1894,6 +1905,113 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Emp
 _EmptyState__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+/***/ }),
+/***/ 80545:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
+/* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(36085);
+/* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_IconButton_module_scss__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17062);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__, _Link__WEBPACK_IMPORTED_MODULE_3__]);
+([_Tooltip__WEBPACK_IMPORTED_MODULE_2__, _Link__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+const IconButton = ({ className , Icon , tooltip , ...props })=>{
+    const triggerProps = (0,_Tooltip__WEBPACK_IMPORTED_MODULE_2__/* .useTooltip */ .l)(tooltip, props);
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_IconButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default().iconButton), className),
+        type: "button",
+        ...props,
+        ...triggerProps,
+        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+            className: (_IconButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default().content),
+            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(Icon, {
+                className: (_IconButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default().icon)
+            })
+        })
+    });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Object.assign(IconButton, {
+    Link: _Link__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
+}));
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+/***/ }),
+/***/ 17062:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
+/* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(36085);
+/* harmony import */ var _IconButton_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_IconButton_module_scss__WEBPACK_IMPORTED_MODULE_3__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__]);
+_Tooltip__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+const Link = ({ className , Icon , tooltip , ...props })=>{
+    const triggerProps = (0,_Tooltip__WEBPACK_IMPORTED_MODULE_2__/* .useTooltip */ .l)(tooltip, props);
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_IconButton_module_scss__WEBPACK_IMPORTED_MODULE_3___default().iconButton), className),
+        ...props,
+        ...triggerProps,
+        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+            className: (_IconButton_module_scss__WEBPACK_IMPORTED_MODULE_3___default().content),
+            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(Icon, {
+                className: (_IconButton_module_scss__WEBPACK_IMPORTED_MODULE_3___default().icon)
+            })
+        })
+    });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Link);
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+/***/ }),
+/***/ 6193:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (/* reexport safe */ _IconButton__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80545);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_IconButton__WEBPACK_IMPORTED_MODULE_0__]);
+_IconButton__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
@@ -2044,91 +2162,76 @@ var SvgLogo = function SvgLogo(props) {
     fill: "#efe3ae",
     d: "M0 0h80v80H0Z"
   })), _path2 || (_path2 = /*#__PURE__*/external_react_.createElement("path", {
-    "aria-label": "S",
     d: "M51.168 47.629q0 3.047-1.477 5.297-1.476 2.25-4.312 3.469-2.813 1.218-6.844 1.218-1.781 0-3.492-.234-1.688-.234-3.258-.68-1.547-.469-2.953-1.148V48.8q2.438 1.078 5.063 1.945 2.625.867 5.203.867 1.78 0 2.859-.468 1.102-.47 1.594-1.29.492-.82.492-1.875 0-1.289-.867-2.203-.867-.914-2.39-1.71-1.5-.797-3.4-1.712-1.195-.562-2.6-1.359-1.407-.82-2.673-1.992-1.265-1.172-2.086-2.836-.797-1.688-.797-4.031 0-3.07 1.407-5.25 1.406-2.18 4.008-3.328 2.625-1.172 6.187-1.172 2.672 0 5.086.633 2.437.609 5.086 1.78l-2.344 5.65q-2.367-.962-4.242-1.477-1.875-.54-3.82-.54-1.36 0-2.32.446-.962.422-1.454 1.219-.492.773-.492 1.804 0 1.22.703 2.063.727.82 2.156 1.594 1.454.773 3.61 1.804 2.625 1.242 4.476 2.602 1.875 1.336 2.883 3.164 1.008 1.805 1.008 4.5z"
   })), _path3 || (_path3 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#c7d8f9",
     d: "M86 0h80v80H86Z"
   })), _path4 || (_path4 = /*#__PURE__*/external_react_.createElement("path", {
-    "aria-label": "C",
     d: "M129.574 28.434q-2.086 0-3.703.82-1.594.797-2.695 2.32-1.078 1.524-1.64 3.68-.563 2.156-.563 4.851 0 3.633.89 6.211.914 2.555 2.813 3.914 1.898 1.336 4.898 1.336 2.086 0 4.172-.468 2.11-.47 4.57-1.336v6.093q-2.273.938-4.476 1.336-2.203.422-4.945.422-5.297 0-8.72-2.18-3.398-2.203-5.038-6.14-1.64-3.961-1.64-9.234 0-3.891 1.054-7.125 1.054-3.235 3.094-5.602 2.039-2.367 5.039-3.656 3-1.29 6.89-1.29 2.555 0 5.11.657 2.578.633 4.921 1.758l-2.343 5.906q-1.922-.914-3.867-1.594-1.946-.68-3.82-.68z"
   })), _path5 || (_path5 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#efe3ae",
     d: "M172 0h80v80h-80z"
   })), _path6 || (_path6 = /*#__PURE__*/external_react_.createElement("path", {
-    "aria-label": "R",
     d: "M210.453 22.867q4.664 0 7.688 1.125 3.047 1.125 4.523 3.399 1.477 2.273 1.477 5.742 0 2.344-.891 4.101-.89 1.758-2.344 2.977-1.453 1.219-3.14 1.992l10.078 14.93h-8.063l-8.18-13.149h-3.867v13.149h-7.265V22.867Zm-.515 5.953h-2.204v9.258h2.344q3.61 0 5.156-1.195 1.57-1.219 1.57-3.563 0-2.437-1.687-3.468-1.664-1.032-5.18-1.032z"
   })), _path7 || (_path7 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#efe3ae",
     d: "M258 0h80v80h-80z"
   })), _path8 || (_path8 = /*#__PURE__*/external_react_.createElement("path", {
-    "aria-label": "A",
     d: "m306.73 57.203-2.484-8.156h-12.492l-2.484 8.156h-7.829l12.094-34.406h8.883l12.14 34.406zm-4.218-14.25-2.485-7.969q-.234-.796-.632-2.039-.375-1.265-.774-2.554-.375-1.313-.61-2.274-.234.961-.656 2.39-.398 1.407-.773 2.673-.375 1.265-.539 1.804l-2.461 7.97z"
   })), _path9 || (_path9 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#c7d8f9",
     d: "M344 0h80v80h-80z"
   })), _path10 || (_path10 = /*#__PURE__*/external_react_.createElement("path", {
-    "aria-label": "B",
     d: "M372.188 22.867h10.664q6.843 0 10.359 1.922t3.516 6.75q0 1.945-.633 3.516-.61 1.57-1.781 2.578-1.172 1.008-2.86 1.312v.235q1.711.351 3.094 1.218 1.383.844 2.203 2.485.844 1.617.844 4.312 0 3.118-1.524 5.344-1.523 2.227-4.36 3.422-2.812 1.172-6.702 1.172h-12.82Zm7.265 13.57h4.219q3.164 0 4.383-.984 1.218-1.008 1.218-2.953 0-1.969-1.453-2.812-1.43-.868-4.547-.868h-3.82zm0 5.766v8.93h4.735q3.28 0 4.57-1.266 1.289-1.265 1.289-3.398 0-1.266-.563-2.227-.562-.96-1.898-1.5-1.313-.539-3.633-.539z"
   })), _path11 || (_path11 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#c7d8f9",
     d: "M430 0h80v80h-80z"
   })), _path12 || (_path12 = /*#__PURE__*/external_react_.createElement("path", {
-    "aria-label": "B",
     d: "M458.188 22.867h10.664q6.843 0 10.359 1.922t3.516 6.75q0 1.945-.633 3.516-.61 1.57-1.781 2.578-1.172 1.008-2.86 1.312v.235q1.711.351 3.094 1.218 1.383.844 2.203 2.485.844 1.617.844 4.312 0 3.118-1.524 5.344-1.523 2.227-4.36 3.422-2.812 1.172-6.702 1.172h-12.82Zm7.265 13.57h4.219q3.164 0 4.383-.984 1.218-1.008 1.218-2.953 0-1.969-1.453-2.812-1.43-.868-4.547-.868h-3.82zm0 5.766v8.93h4.735q3.28 0 4.57-1.266 1.289-1.265 1.289-3.398 0-1.266-.563-2.227-.562-.96-1.898-1.5-1.313-.539-3.633-.539z"
   })), _path13 || (_path13 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#efe3ae",
     d: "M516 0h80v80h-80z"
   })), _path14 || (_path14 = /*#__PURE__*/external_react_.createElement("path", {
-    "aria-label": "L",
     d: "M546.754 57.133V22.867h7.266v28.266h13.898v6z"
   })), _path15 || (_path15 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#efe3ae",
     d: "M602 0h80v80h-80z"
   })), _path16 || (_path16 = /*#__PURE__*/external_react_.createElement("path", {
-    "aria-label": "E",
     d: "M652.605 57.133h-19.734V22.867h19.734v5.953h-12.468v7.524h11.601v5.953h-11.601v8.836h12.468z"
   })), _path17 || (_path17 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#efe3ae",
     d: "M0 86h80v80H0Z"
   })), _path18 || (_path18 = /*#__PURE__*/external_react_.createElement("path", {
-    "aria-label": "S",
     d: "M51.32 133.629q0 3.047-1.476 5.297-1.477 2.25-4.313 3.469-2.812 1.218-6.843 1.218-1.782 0-3.493-.234-1.687-.234-3.257-.68-1.547-.469-2.954-1.148v-6.75q2.438 1.078 5.063 1.945 2.625.867 5.203.867 1.781 0 2.86-.468 1.1-.47 1.593-1.29.492-.82.492-1.875 0-1.289-.867-2.203-.867-.914-2.39-1.71-1.5-.797-3.399-1.712-1.195-.562-2.602-1.359-1.406-.82-2.671-1.992-1.266-1.172-2.086-2.836-.797-1.688-.797-4.031 0-3.07 1.406-5.25t4.008-3.328q2.625-1.172 6.187-1.172 2.672 0 5.086.633 2.438.609 5.086 1.78l-2.343 5.65q-2.368-.962-4.243-1.477-1.875-.54-3.82-.54-1.36 0-2.32.446-.961.422-1.453 1.219-.493.773-.493 1.804 0 1.22.703 2.063.727.82 2.157 1.594 1.453.773 3.61 1.804 2.624 1.242 4.476 2.602 1.875 1.336 2.883 3.164 1.007 1.805 1.007 4.5z"
   })), _path19 || (_path19 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#efe3ae",
     d: "M86 86h80v80H86Z"
   })), _path20 || (_path20 = /*#__PURE__*/external_react_.createElement("path", {
-    "aria-label": "O",
     d: "M142.313 125.988q0 3.961-.985 7.219-.984 3.234-3 5.578-1.992 2.344-5.062 3.61-3.07 1.242-7.266 1.242-4.195 0-7.266-1.242-3.07-1.266-5.086-3.61-1.992-2.344-2.976-5.601-.984-3.258-.984-7.243 0-5.32 1.734-9.257 1.758-3.961 5.39-6.141 3.633-2.18 9.235-2.18 5.578 0 9.164 2.18 3.61 2.18 5.344 6.14 1.758 3.962 1.758 9.305zm-25.008 0q0 3.586.89 6.188.914 2.578 2.836 3.984 1.922 1.383 4.969 1.383 3.094 0 5.016-1.383 1.921-1.406 2.789-3.984.89-2.602.89-6.188 0-5.39-2.015-8.484-2.016-3.094-6.633-3.094-3.07 0-5.016 1.406-1.922 1.383-2.836 3.985-.89 2.578-.89 6.187z"
   })), _path21 || (_path21 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#efe3ae",
     d: "M172 86h80v80h-80z"
   })), _path22 || (_path22 = /*#__PURE__*/external_react_.createElement("path", {
-    "aria-label": "L",
     d: "M202.754 143.133v-34.266h7.266v28.266h13.898v6z"
   })), _path23 || (_path23 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#f7c2aa",
     d: "M258 86h80v80h-80z"
   })), _path24 || (_path24 = /*#__PURE__*/external_react_.createElement("path", {
-    "aria-label": "V",
     d: "m313.598 108.867-11.649 34.266h-7.922l-11.625-34.266h7.336l6.446 20.39q.164.516.539 1.946.375 1.406.75 3 .398 1.57.539 2.602.14-1.032.492-2.602.375-1.57.726-2.976.375-1.43.54-1.97l6.492-20.39z"
   })), _path25 || (_path25 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#efe3ae",
     d: "M344 86h80v80h-80z"
   })), _path26 || (_path26 = /*#__PURE__*/external_react_.createElement("path", {
-    "aria-label": "E",
     d: "M394.605 143.133h-19.734v-34.266h19.734v5.953h-12.468v7.524h11.601v5.953h-11.601v8.836h12.468z"
   })), _path27 || (_path27 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#efe3ae",
     d: "M430 86h80v80h-80z"
   })), _path28 || (_path28 = /*#__PURE__*/external_react_.createElement("path", {
-    "aria-label": "R",
     d: "M468.453 108.867q4.664 0 7.688 1.125 3.046 1.125 4.523 3.399 1.477 2.273 1.477 5.742 0 2.344-.891 4.101-.89 1.758-2.344 2.977-1.453 1.219-3.14 1.992l10.078 14.93h-8.063l-8.18-13.149h-3.867v13.149h-7.265v-34.266zm-.515 5.953h-2.204v9.258h2.344q3.61 0 5.156-1.195 1.57-1.219 1.57-3.563 0-2.437-1.687-3.468-1.664-1.032-5.18-1.032z"
   })), _path29 || (_path29 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#bae3ba",
     d: "M602 86h80v80h-80z"
   })), _path30 || (_path30 = /*#__PURE__*/external_react_.createElement("path", {
-    "aria-label": 2,
     d: "M654.152 143.379H630.2v-5.04l8.602-8.694q2.601-2.672 4.172-4.454 1.593-1.804 2.297-3.28.726-1.477.726-3.165 0-2.039-1.148-3.047-1.125-1.031-3.024-1.031-1.992 0-3.867.914t-3.914 2.602l-3.938-4.664q1.477-1.266 3.118-2.391 1.664-1.125 3.843-1.805 2.204-.703 5.274-.703 3.375 0 5.789 1.219 2.437 1.219 3.75 3.328 1.312 2.086 1.312 4.734 0 2.836-1.125 5.18t-3.28 4.64q-2.134 2.298-5.157 5.087l-4.406 4.148v.328h14.93z"
   })));
 };
@@ -2219,12 +2322,12 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(60755);
 /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(74200);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64579);
-/* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(86889);
+/* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(6193);
 /* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(40265);
 /* harmony import */ var _Modal_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(55242);
 /* harmony import */ var _Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_7__, _SquareButton__WEBPACK_IMPORTED_MODULE_8__]);
-([state__WEBPACK_IMPORTED_MODULE_7__, _SquareButton__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_7__, _IconButton__WEBPACK_IMPORTED_MODULE_8__]);
+([state__WEBPACK_IMPORTED_MODULE_7__, _IconButton__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -2274,7 +2377,8 @@ const Modal = ({ children , className , isOpen , title , onClose  })=>{
                             className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().title),
                             children: title
                         }),
-                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                            "aria-label": translate("common.close"),
                             className: (_Modal_module_scss__WEBPACK_IMPORTED_MODULE_10___default().closeButton),
                             Icon: icons__WEBPACK_IMPORTED_MODULE_5__/* .CrossSquareFill */ .vK,
                             tooltip: translate("common.close"),
@@ -2378,11 +2482,11 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60755);
 /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74200);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64579);
-/* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(86889);
+/* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6193);
 /* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(25223);
 /* harmony import */ var _NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_2__, state__WEBPACK_IMPORTED_MODULE_5__, _SquareButton__WEBPACK_IMPORTED_MODULE_6__]);
-([hooks__WEBPACK_IMPORTED_MODULE_2__, state__WEBPACK_IMPORTED_MODULE_5__, _SquareButton__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_2__, state__WEBPACK_IMPORTED_MODULE_5__, _IconButton__WEBPACK_IMPORTED_MODULE_6__]);
+([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__);
@@ -2403,7 +2507,8 @@ const NavButtons = ({ onClear , onShowKeyMap , onShowMenu , onShowRemainingTiles
             children: [
                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                     className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
-                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                        "aria-label": translate("common.clear"),
                         className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
                         Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Eraser */ .Gs,
                         tooltip: translate("common.clear"),
@@ -2415,7 +2520,8 @@ const NavButtons = ({ onClear , onShowKeyMap , onShowMenu , onShowRemainingTiles
                 }),
                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                     className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
-                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                        "aria-label": translate("menu"),
                         className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
                         Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .List */ .aV,
                         tooltip: translate("menu"),
@@ -2430,7 +2536,8 @@ const NavButtons = ({ onClear , onShowKeyMap , onShowMenu , onShowRemainingTiles
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                 className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    "aria-label": translate("common.clear"),
                     className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
                     Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Eraser */ .Gs,
                     tooltip: translate("common.clear"),
@@ -2443,7 +2550,8 @@ const NavButtons = ({ onClear , onShowKeyMap , onShowMenu , onShowRemainingTiles
             /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                 className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
                 children: [
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                        "aria-label": translate("remaining-tiles"),
                         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button), {
                             [(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().error)]: hasOverusedTiles
                         }),
@@ -2451,7 +2559,8 @@ const NavButtons = ({ onClear , onShowKeyMap , onShowMenu , onShowRemainingTiles
                         tooltip: translate("remaining-tiles"),
                         onClick: onShowRemainingTiles
                     }),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                        "aria-label": translate("words"),
                         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button), {
                             [(_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().error)]: hasInvalidWords
                         }),
@@ -2466,7 +2575,8 @@ const NavButtons = ({ onClear , onShowKeyMap , onShowMenu , onShowRemainingTiles
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                 className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"].Link */ .Z.Link, {
+                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"].Link */ .Z.Link, {
+                    "aria-label": translate("github"),
                     className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
                     href: parameters__WEBPACK_IMPORTED_MODULE_4__/* .GITHUB_PROJECT_URL */ .h4,
                     Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Github */ .Ey,
@@ -2481,13 +2591,15 @@ const NavButtons = ({ onClear , onShowKeyMap , onShowMenu , onShowRemainingTiles
             /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                 className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().group),
                 children: [
-                    !isTouchDevice && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    !isTouchDevice && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                        "aria-label": translate("keyMap"),
                         className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
                         Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Keyboard */ .N1,
                         tooltip: translate("keyMap"),
                         onClick: onShowKeyMap
                     }),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_SquareButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                        "aria-label": translate("settings"),
                         className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
                         Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Cog */ .Oz,
                         tooltip: translate("settings"),
@@ -3101,6 +3213,7 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 const RackTile = ({ activeIndexRef , character , index , inputRef , size , tile , onChange , onKeyDown  })=>{
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectLocale */ .fN);
     const config = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectConfig */ .$o);
     const points = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCharacterPoints */ .Or)(state, character));
     const isValid = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_5__/* .selectCharacterIsValid */ .AN)(state, character));
@@ -3154,6 +3267,9 @@ const RackTile = ({ activeIndexRef , character , index , inputRef , size , tile
         onKeyDown
     ]);
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+        "aria-label": translate("rack.tile.location", {
+            index: (index + 1).toLocaleString(locale)
+        }),
         autoFocus: index === 0,
         className: (_Rack_module_scss__WEBPACK_IMPORTED_MODULE_7___default().tile),
         character: character === null ? undefined : character,
@@ -3332,6 +3448,7 @@ const HeaderButton = ({ column  })=>{
         dispatch(state__WEBPACK_IMPORTED_MODULE_4__/* .resultsSlice.actions.sort */ ._C.actions.sort(columnId));
     };
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
+        "aria-label": translate(column.translationKey),
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Results_module_scss__WEBPACK_IMPORTED_MODULE_7___default().headerButton), column.className),
         type: "button",
         onClick: ()=>handleOrderChange(column.id),
@@ -3416,6 +3533,7 @@ const Result = ({ data , index , style  })=>{
     const handleBlur = (event)=>onBlur(result, event);
     const handleFocus = (event)=>onFocus(result, event);
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
+        "aria-label": result.word,
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default().result), {
             [(_Results_module_scss__WEBPACK_IMPORTED_MODULE_9___default().highlighted)]: index === highlightedIndex
         }),
@@ -3671,6 +3789,7 @@ const SolveButton = ({ className  })=>{
         dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .solveSlice.actions.submit */ .TP.actions.submit());
     };
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+        "aria-label": translate("results.solve"),
         className: className,
         disabled: isLoading || !isOutdated || !hasTiles,
         Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .Search */ .HN,
@@ -3994,6 +4113,7 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hook
 // eslint-disable-next-line max-statements
 const Solver = ({ className , height , width , onShowResults  })=>{
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
+    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)();
@@ -4004,7 +4124,10 @@ const Solver = ({ className , height , width , onShowResults  })=>{
     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 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);
     const resultCandidate = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectResultCandidate */ .Xk);
+    const allResults = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectSortedResults */ .f2);
     const results = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectSortedFilteredResults */ .dN);
     const [bestResult] = results || [];
     const cellWidth = (maxBoardWidth - (config.boardWidth + 1) * parameters__WEBPACK_IMPORTED_MODULE_6__/* .BORDER_WIDTH */ .YF) / config.boardWidth;
@@ -4056,12 +4179,14 @@ const Solver = ({ className , height , width , onShowResults  })=>{
         dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .solveSlice.actions.submit */ .TP.actions.submit());
     };
     (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(()=>{
-        if (bestResult) {
+        if (isLessThanL && bestResult && !isOutdated) {
             dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(bestResult));
         }
     }, [
         bestResult,
-        dispatch
+        dispatch,
+        isLessThanL,
+        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),
@@ -4140,12 +4265,26 @@ const Solver = ({ className , height , width , onShowResults  })=>{
                                 })
                             ]
                         }),
-                        isLessThanL && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_14__/* .MobileControls */ .lc, {
+                        isLessThanL && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                             className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().controls),
                             style: {
                                 maxWidth: maxControlsWidth
                             },
-                            onShowResults: onShowResults
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_14__/* .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),
+                                    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),
+                                    variant: "warning",
+                                    children: translate("results.empty-state.no-results")
+                                })
+                            ]
                         })
                     ]
                 })
@@ -4159,74 +4298,6 @@ const Solver = ({ className , height , width , onShowResults  })=>{
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Solver);
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-/***/ }),
-/***/ 43004:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60755);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64579);
-/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(96753);
-/* harmony import */ var _ApplyButton_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(36456);
-/* harmony import */ var _ApplyButton_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_ApplyButton_module_scss__WEBPACK_IMPORTED_MODULE_5__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__, _Button__WEBPACK_IMPORTED_MODULE_4__]);
-([state__WEBPACK_IMPORTED_MODULE_3__, _Button__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-const ApplyButton = ({ className  })=>{
-    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
-    const resultCandidate = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectResultCandidate */ .Xk);
-    const handleClick = ()=>{
-        if (resultCandidate) {
-            dispatch(state__WEBPACK_IMPORTED_MODULE_3__/* .resultsSlice.actions.applyResult */ ._C.actions.applyResult(resultCandidate));
-        }
-    };
-    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
-        className: className,
-        disabled: !resultCandidate,
-        Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .Check */ .Jr,
-        iconClassName: (_ApplyButton_module_scss__WEBPACK_IMPORTED_MODULE_5___default().icon),
-        type: "submit",
-        variant: "primary",
-        onClick: handleClick
-    });
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ApplyButton);
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-/***/ }),
-/***/ 13326:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _ApplyButton__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* harmony import */ var _ApplyButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43004);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ApplyButton__WEBPACK_IMPORTED_MODULE_0__]);
-_ApplyButton__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
@@ -4293,7 +4364,7 @@ const EmptyState = ({ children , className , variant , ...props })=>{
 /***/ }),
-/***/ 76419:
+/***/ 93056:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 "use strict";
@@ -4303,73 +4374,63 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64579);
-/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(43939);
-/* harmony import */ var _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(95697);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_1__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__]);
-([state__WEBPACK_IMPORTED_MODULE_1__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6022);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60755);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(96753);
+/* harmony import */ var _InsertButton_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(99725);
+/* harmony import */ var _InsertButton_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_InsertButton_module_scss__WEBPACK_IMPORTED_MODULE_6__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__]);
+([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-// eslint-disable-next-line max-statements
-const MobileControls = ({ onShowResults , ...props })=>{
-    const translate = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTranslate */ .qM)();
-    const resultCandidate = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectResultCandidate */ .Xk);
-    const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectAreResultsOutdated */ .Mj);
-    const allResults = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectSortedResults */ .f2);
-    const error = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectSolveError */ .Rn);
-    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        ...props,
-        children: [
-            typeof error !== "undefined" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
-                variant: "error",
-                onClick: onShowResults,
-                children: error.message
-            }),
-            typeof error === "undefined" && typeof allResults === "undefined" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
-                variant: "info",
-                onClick: onShowResults,
-                children: translate("results.empty-state.uninitialized")
-            }),
-            typeof error === "undefined" && typeof allResults !== "undefined" && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
-                children: [
-                    (isOutdated || !resultCandidate) && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
-                        variant: "info",
-                        onClick: onShowResults,
-                        children: translate("results.empty-state.outdated")
-                    }),
-                    !isOutdated && allResults.length === 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_EmptyState__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
-                        variant: "warning",
-                        onClick: onShowResults,
-                        children: translate("results.empty-state.no-results")
-                    }),
-                    !isOutdated && allResults.length > 0 && resultCandidate && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
-                        onClick: onShowResults
-                    })
-                ]
-            })
-        ]
+const InsertButton = ({ className  })=>{
+    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useDispatch)();
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTranslate */ .qM)();
+    const resultCandidate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectResultCandidate */ .Xk);
+    const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectAreResultsOutdated */ .Mj);
+    const handleClick = ()=>{
+        if (resultCandidate) {
+            dispatch(state__WEBPACK_IMPORTED_MODULE_4__/* .resultsSlice.actions.applyResult */ ._C.actions.applyResult(resultCandidate));
+        }
+    };
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+        "aria-label": translate("results.insert"),
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_InsertButton_module_scss__WEBPACK_IMPORTED_MODULE_6___default().insertButton), className),
+        disabled: isOutdated || !resultCandidate,
+        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Check */ .Jr,
+        iconClassName: (_InsertButton_module_scss__WEBPACK_IMPORTED_MODULE_6___default().icon),
+        type: "submit",
+        variant: "primary",
+        onClick: handleClick
     });
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MobileControls);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InsertButton);
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 /***/ }),
-/***/ 46136:
+/***/ 12343:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 "use strict";
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _MobileControls__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */   "Z": () => (/* reexport safe */ _InsertButton__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _MobileControls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(76419);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_MobileControls__WEBPACK_IMPORTED_MODULE_0__]);
-_MobileControls__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+/* harmony import */ var _InsertButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(93056);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_InsertButton__WEBPACK_IMPORTED_MODULE_0__]);
+_InsertButton__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 __webpack_async_result__();
@@ -4394,11 +4455,11 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60755);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64579);
 /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(96753);
-/* harmony import */ var _ApplyButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(13326);
+/* harmony import */ var _InsertButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(12343);
 /* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(50495);
 /* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__, _ApplyButton__WEBPACK_IMPORTED_MODULE_6__]);
-([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__, _ApplyButton__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__, _InsertButton__WEBPACK_IMPORTED_MODULE_6__]);
+([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__);
@@ -4407,19 +4468,18 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
-const ResultCandidatePicker = ({ className , ...props })=>{
+const ResultCandidatePicker = ({ className , onResultClick , ...props })=>{
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useDispatch)();
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTranslate */ .qM)();
     const locale = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectLocale */ .fN);
     const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectAreResultsOutdated */ .Mj);
     const sortedResults = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectSortedResults */ .f2);
     const results = sortedResults || [];
     const resultCandidate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectResultCandidate */ .Xk);
-    if (!resultCandidate) {
-        return null;
-    }
-    const index = results.findIndex((result)=>result.id === resultCandidate.id);
-    const isPreviousDisabled = index <= 0;
-    const isNextDisabled = index >= results.length - 1;
+    const index = resultCandidate ? results.findIndex((result)=>result.id === resultCandidate.id) : -1;
+    const disabled = isOutdated || !resultCandidate;
+    const isPreviousDisabled = index <= 0 || disabled;
+    const isNextDisabled = index >= results.length - 1 || disabled;
     const handleNextClick = ()=>{
         if (!isNextDisabled) {
             const nextResult = results[index + 1];
@@ -4440,12 +4500,14 @@ const ResultCandidatePicker = ({ className , ...props })=>{
                 className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().buttons),
                 children: [
                     /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+                        "aria-label": translate("common.previous"),
                         className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
                         disabled: isPreviousDisabled,
                         Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .ChevronLeft */ .s$,
                         onClick: handlePreviousClick
                     }),
                     /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+                        "aria-label": translate("common.next"),
                         className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().button),
                         disabled: isNextDisabled,
                         Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .ChevronRight */ ._Q,
@@ -4454,17 +4516,27 @@ const ResultCandidatePicker = ({ className , ...props })=>{
                 ]
             }),
             /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", {
+                "aria-label": translate("results"),
                 className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().resultCandidate),
-                disabled: isOutdated,
+                disabled: disabled,
                 type: "button",
+                onClick: onResultClick,
                 children: [
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                        className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().points),
-                        children: resultCandidate.points.toLocaleString(locale)
+                    resultCandidate && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+                        children: [
+                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().points),
+                                children: resultCandidate.points.toLocaleString(locale)
+                            }),
+                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().word),
+                                children: resultCandidate.word
+                            })
+                        ]
                     }),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                    !resultCandidate && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                         className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().word),
-                        children: resultCandidate.word
+                        children: " "
                     }),
                     /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                         className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().iconContainer),
@@ -4474,8 +4546,8 @@ const ResultCandidatePicker = ({ className , ...props })=>{
                     })
                 ]
             }),
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ApplyButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
-                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().apply)
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_InsertButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_7___default().insert)
             })
         ]
     });
@@ -4537,6 +4609,7 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 const SolveButton = ({ className , onClick =lib__WEBPACK_IMPORTED_MODULE_4__/* .noop */ .ZT  })=>{
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useDispatch)();
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
     const isLoading = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectIsLoading */ .xU);
     const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectAreResultsOutdated */ .Mj);
     const rack = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectRack */ .QB);
@@ -4546,10 +4619,12 @@ const SolveButton = ({ className , onClick =lib__WEBPACK_IMPORTED_MODULE_4__/* .
         onClick(event);
     };
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+        "aria-label": translate("results.solve"),
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7___default().solveButton), className),
         disabled: isLoading || !isOutdated || !hasTiles,
         Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Search */ .HN,
         iconClassName: (_SolveButton_module_scss__WEBPACK_IMPORTED_MODULE_7___default().icon),
+        tooltip: translate("results.solve"),
         type: "submit",
         variant: "primary",
         onClick: handleClick
@@ -4586,17 +4661,16 @@ __webpack_async_result__();
 "use strict";
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "lc": () => (/* reexport safe */ _MobileControls__WEBPACK_IMPORTED_MODULE_2__.Z),
-/* harmony export */   "ly": () => (/* reexport safe */ _SolveButton__WEBPACK_IMPORTED_MODULE_4__.Z)
+/* harmony export */   "WI": () => (/* reexport safe */ _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_2__.Z),
+/* harmony export */   "ly": () => (/* reexport safe */ _SolveButton__WEBPACK_IMPORTED_MODULE_3__.Z),
+/* harmony export */   "ub": () => (/* reexport safe */ _EmptyState__WEBPACK_IMPORTED_MODULE_0__.Z)
 /* harmony export */ });
-/* harmony import */ var _ApplyButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13326);
-/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43939);
-/* harmony import */ var _MobileControls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(46136);
-/* harmony import */ var _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(95697);
-/* harmony import */ var _SolveButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(89797);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ApplyButton__WEBPACK_IMPORTED_MODULE_0__, _MobileControls__WEBPACK_IMPORTED_MODULE_2__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__, _SolveButton__WEBPACK_IMPORTED_MODULE_4__]);
-([_ApplyButton__WEBPACK_IMPORTED_MODULE_0__, _MobileControls__WEBPACK_IMPORTED_MODULE_2__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__, _SolveButton__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43939);
+/* harmony import */ var _InsertButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12343);
+/* harmony import */ var _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(95697);
+/* harmony import */ var _SolveButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89797);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_InsertButton__WEBPACK_IMPORTED_MODULE_1__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_2__, _SolveButton__WEBPACK_IMPORTED_MODULE_3__]);
+([_InsertButton__WEBPACK_IMPORTED_MODULE_1__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_2__, _SolveButton__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -4661,113 +4735,6 @@ const SplashScreen = ({ children , className , contentClassName , onAnimationEnd
-/***/ }),
-/***/ 64542:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
-/* harmony import */ var _SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(53539);
-/* harmony import */ var _SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_3__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__]);
-_Tooltip__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-const Link = ({ className , Icon , tooltip , ...props })=>{
-    const triggerProps = (0,_Tooltip__WEBPACK_IMPORTED_MODULE_2__/* .useTooltip */ .l)(tooltip, props);
-    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_3___default().squareButton), className),
-        ...props,
-        ...triggerProps,
-        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
-            className: (_SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_3___default().content),
-            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(Icon, {
-                className: (_SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_3___default().icon)
-            })
-        })
-    });
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Link);
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-/***/ }),
-/***/ 17672:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7646);
-/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64542);
-/* harmony import */ var _SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53539);
-/* harmony import */ var _SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_4__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Tooltip__WEBPACK_IMPORTED_MODULE_2__, _Link__WEBPACK_IMPORTED_MODULE_3__]);
-([_Tooltip__WEBPACK_IMPORTED_MODULE_2__, _Link__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-const SquareButton = ({ className , Icon , tooltip , ...props })=>{
-    const triggerProps = (0,_Tooltip__WEBPACK_IMPORTED_MODULE_2__/* .useTooltip */ .l)(tooltip, props);
-    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default().squareButton), className),
-        type: "button",
-        ...props,
-        ...triggerProps,
-        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
-            className: (_SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default().content),
-            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(Icon, {
-                className: (_SquareButton_module_scss__WEBPACK_IMPORTED_MODULE_4___default().icon)
-            })
-        })
-    });
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Object.assign(SquareButton, {
-    Link: _Link__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z
-}));
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-/***/ }),
-/***/ 86889:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-"use strict";
-__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (/* reexport safe */ _SquareButton__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17672);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_SquareButton__WEBPACK_IMPORTED_MODULE_0__]);
-_SquareButton__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
 /***/ }),
 /***/ 28887:
@@ -4878,7 +4845,7 @@ state__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (awa
-const Tile = ({ autoFocus , className , character ="" , disabled , highlighted , inputRef: ref , isBlank , isValid , placeholder , points , raised , size , tabIndex , onChange , onFocus =lib__WEBPACK_IMPORTED_MODULE_3__/* .noop */ .ZT , onKeyDown =lib__WEBPACK_IMPORTED_MODULE_3__/* .noop */ .ZT  })=>{
+const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character ="" , disabled , highlighted , inputRef: ref , isBlank , isValid , placeholder , points , raised , size , tabIndex , onChange , onFocus =lib__WEBPACK_IMPORTED_MODULE_3__/* .noop */ .ZT , onKeyDown =lib__WEBPACK_IMPORTED_MODULE_3__/* .noop */ .ZT  })=>{
     const locale = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectLocale */ .fN);
     const { pointsFontSize , tileFontSize , tileSize  } = (0,lib__WEBPACK_IMPORTED_MODULE_3__/* .getTileSizes */ .vc)(size);
     const style = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
@@ -4916,6 +4883,7 @@ const Tile = ({ autoFocus , className , character ="" , disabled , highlighted ,
         inputRef
     ]);
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_TilePure__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+        "aria-label": ariaLabel,
         autoFocus: autoFocus,
         canShowPoints: canShowPoints,
         character: character,
@@ -4966,7 +4934,7 @@ __webpack_async_result__();
-const TilePure = ({ autoFocus , canShowPoints , character , characterStyle , className , disabled , highlighted , inputRef , isBlank , isValid , placeholder , points , pointsFormatted , pointsStyle , raised , style , tabIndex , onChange , onFocus , onKeyDown  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+const TilePure = ({ "aria-label": ariaLabel , autoFocus , canShowPoints , character , characterStyle , className , disabled , highlighted , inputRef , isBlank , isValid , placeholder , points , pointsFormatted , pointsStyle , raised , style , tabIndex , onChange , onFocus , onKeyDown  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().tile), className, {
             [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().blank)]: isBlank,
             [(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().disabled)]: disabled,
@@ -4983,6 +4951,7 @@ const TilePure = ({ autoFocus , canShowPoints , character , characterStyle , cla
         style: style,
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
+                "aria-label": ariaLabel,
                 autoCapitalize: "none",
                 autoComplete: "off",
                 autoCorrect: "off",
@@ -5130,8 +5099,10 @@ hooks__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (awa
+// eslint-disable-next-line max-statements
 const useTooltip = (tooltip, { className , placement ="top" , onBlur =lib__WEBPACK_IMPORTED_MODULE_6__/* .noop */ .ZT , onFocus =lib__WEBPACK_IMPORTED_MODULE_6__/* .noop */ .ZT , onMouseOut =lib__WEBPACK_IMPORTED_MODULE_6__/* .noop */ .ZT , onMouseOver =lib__WEBPACK_IMPORTED_MODULE_6__/* .noop */ .ZT  } = {})=>{
     const id = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useUniqueId */ .Ld)();
+    const isTouchDevice = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useIsTouchDevice */ .YQ)();
     const isEnabled = Boolean(tooltip) || tooltip === 0;
     const isMounted = (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useMountedState)();
     const [isShown, setIsShown] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false);
@@ -5181,7 +5152,7 @@ const useTooltip = (tooltip, { className , placement ="top" , onBlur =lib__WEBPA
     }, [
         onMouseOver
     ]);
-    const triggerProps = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
+    const mouseTriggerProps = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
             ...ariaAttributes,
             ref: setReferenceElement,
             onBlur: handleBlur,
@@ -5195,6 +5166,13 @@ const useTooltip = (tooltip, { className , placement ="top" , onBlur =lib__WEBPA
         handleMouseOut,
         handleMouseOver
     ]);
+    const touchTriggerProps = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
+            ...ariaAttributes,
+            ref: setReferenceElement
+        }), [
+        ariaAttributes
+    ]);
+    const triggerProps = isTouchDevice ? touchTriggerProps : mouseTriggerProps;
     (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useRafLoop)(()=>{
         if (isMounted() && update) {
             update();
@@ -5278,19 +5256,19 @@ const Well = /*#__PURE__*/ (0,external_react_.forwardRef)(({ children , classNam
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Ct": () => (/* reexport safe */ _Badge__WEBPACK_IMPORTED_MODULE_0__.Z),
-/* harmony export */   "Ex": () => (/* reexport safe */ _Progress__WEBPACK_IMPORTED_MODULE_15__.Z),
-/* harmony export */   "ME": () => (/* reexport safe */ _Solver__WEBPACK_IMPORTED_MODULE_21__.Z),
-/* harmony export */   "TR": () => (/* reexport safe */ _Logo__WEBPACK_IMPORTED_MODULE_9__.Z),
-/* harmony export */   "TX": () => (/* reexport safe */ _NotFound__WEBPACK_IMPORTED_MODULE_13__.Z),
-/* harmony export */   "Y8": () => (/* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_17__.Z),
-/* harmony export */   "_m": () => (/* reexport safe */ _NavButtons__WEBPACK_IMPORTED_MODULE_12__.Z),
-/* harmony export */   "hL": () => (/* reexport safe */ _LogoSplashScreen__WEBPACK_IMPORTED_MODULE_10__.Z),
+/* harmony export */   "Ex": () => (/* reexport safe */ _Progress__WEBPACK_IMPORTED_MODULE_16__.Z),
+/* harmony export */   "ME": () => (/* reexport safe */ _Solver__WEBPACK_IMPORTED_MODULE_22__.Z),
+/* harmony export */   "TR": () => (/* reexport safe */ _Logo__WEBPACK_IMPORTED_MODULE_10__.Z),
+/* harmony export */   "TX": () => (/* reexport safe */ _NotFound__WEBPACK_IMPORTED_MODULE_14__.Z),
+/* harmony export */   "Y8": () => (/* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_18__.Z),
+/* 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_26__.Z),
-/* harmony export */   "ne": () => (/* reexport safe */ _Sizer__WEBPACK_IMPORTED_MODULE_20__.Z),
-/* harmony export */   "sr": () => (/* reexport safe */ _Key__WEBPACK_IMPORTED_MODULE_7__.Z),
+/* harmony export */   "ne": () => (/* reexport safe */ _Sizer__WEBPACK_IMPORTED_MODULE_21__.Z),
+/* harmony export */   "sr": () => (/* reexport safe */ _Key__WEBPACK_IMPORTED_MODULE_8__.Z),
 /* harmony export */   "tW": () => (/* reexport safe */ _Well__WEBPACK_IMPORTED_MODULE_28__.Z),
-/* harmony export */   "u9": () => (/* reexport safe */ _Results__WEBPACK_IMPORTED_MODULE_18__.Z),
-/* harmony export */   "u_": () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_11__.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_25__.Z),
 /* harmony export */   "zx": () => (/* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_2__.Z)
 /* harmony export */ });
@@ -5301,30 +5279,30 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var _Dictionary__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(62166);
 /* harmony import */ var _DictionaryInput__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(40105);
 /* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(18681);
-/* harmony import */ var _Key__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(41992);
-/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(84198);
-/* harmony import */ var _Logo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2622);
-/* harmony import */ var _LogoSplashScreen__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(78395);
-/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(85906);
-/* harmony import */ var _NavButtons__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(54723);
-/* harmony import */ var _NotFound__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(9527);
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(31773);
-/* harmony import */ var _Progress__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(6465);
-/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(30007);
-/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(84985);
-/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(21678);
-/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(92833);
-/* harmony import */ var _Sizer__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(77843);
-/* harmony import */ var _Solver__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(89058);
-/* harmony import */ var _SplashScreen__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(14676);
-/* harmony import */ var _SquareButton__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(86889);
+/* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(6193);
+/* harmony import */ var _Key__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(41992);
+/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(84198);
+/* harmony import */ var _Logo__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2622);
+/* harmony import */ var _LogoSplashScreen__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(78395);
+/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(85906);
+/* harmony import */ var _NavButtons__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(54723);
+/* harmony import */ var _NotFound__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(9527);
+/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(31773);
+/* harmony import */ var _Progress__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(6465);
+/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(30007);
+/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(84985);
+/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(21678);
+/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(92833);
+/* harmony import */ var _Sizer__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(77843);
+/* harmony import */ var _Solver__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(89058);
+/* harmony import */ var _SplashScreen__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(14676);
 /* harmony import */ var _SvgFontCss__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(28887);
 /* harmony import */ var _SvgFontFix__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(33435);
 /* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(57243);
 /* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(7646);
 /* harmony import */ var _Well__WEBPACK_IMPORTED_MODULE_28__ = __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__, _Loading__WEBPACK_IMPORTED_MODULE_8__, _Modal__WEBPACK_IMPORTED_MODULE_11__, _NavButtons__WEBPACK_IMPORTED_MODULE_12__, _NotFound__WEBPACK_IMPORTED_MODULE_13__, _PlainTiles__WEBPACK_IMPORTED_MODULE_14__, _Progress__WEBPACK_IMPORTED_MODULE_15__, _Rack__WEBPACK_IMPORTED_MODULE_16__, _Results__WEBPACK_IMPORTED_MODULE_18__, _ResultsInput__WEBPACK_IMPORTED_MODULE_19__, _Solver__WEBPACK_IMPORTED_MODULE_21__, _SquareButton__WEBPACK_IMPORTED_MODULE_23__, _Tile__WEBPACK_IMPORTED_MODULE_26__, _Tooltip__WEBPACK_IMPORTED_MODULE_27__]);
-([_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__, _Loading__WEBPACK_IMPORTED_MODULE_8__, _Modal__WEBPACK_IMPORTED_MODULE_11__, _NavButtons__WEBPACK_IMPORTED_MODULE_12__, _NotFound__WEBPACK_IMPORTED_MODULE_13__, _PlainTiles__WEBPACK_IMPORTED_MODULE_14__, _Progress__WEBPACK_IMPORTED_MODULE_15__, _Rack__WEBPACK_IMPORTED_MODULE_16__, _Results__WEBPACK_IMPORTED_MODULE_18__, _ResultsInput__WEBPACK_IMPORTED_MODULE_19__, _Solver__WEBPACK_IMPORTED_MODULE_21__, _SquareButton__WEBPACK_IMPORTED_MODULE_23__, _Tile__WEBPACK_IMPORTED_MODULE_26__, _Tooltip__WEBPACK_IMPORTED_MODULE_27__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+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_22__, _Tile__WEBPACK_IMPORTED_MODULE_26__, _Tooltip__WEBPACK_IMPORTED_MODULE_27__]);
+([_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_22__, _Tile__WEBPACK_IMPORTED_MODULE_26__, _Tooltip__WEBPACK_IMPORTED_MODULE_27__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
@@ -5887,8 +5865,7 @@ var SvgArrowDown = function SvgArrowDown(props) {
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z",
-    fill: "currentColor",
-    fillRule: "evenodd"
+    fill: "currentColor"
   })));
 };
 /* harmony default export */ const ArrowDown = (SvgArrowDown);
@@ -5902,8 +5879,7 @@ var SvgArrowLeft = function SvgArrowLeft(props) {
     xmlns: "http://www.w3.org/2000/svg"
   }, props), ArrowLeft_path || (ArrowLeft_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z",
-    fill: "currentColor",
-    fillRule: "evenodd"
+    fill: "currentColor"
   })));
 };
 /* harmony default export */ const ArrowLeft = (SvgArrowLeft);
@@ -5917,8 +5893,7 @@ var SvgArrowRight = function SvgArrowRight(props) {
     xmlns: "http://www.w3.org/2000/svg"
   }, props), ArrowRight_path || (ArrowRight_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z",
-    fill: "currentColor",
-    fillRule: "evenodd"
+    fill: "currentColor"
   })));
 };
 /* harmony default export */ const ArrowRight = (SvgArrowRight);
@@ -5932,8 +5907,7 @@ var SvgArrowUp = function SvgArrowUp(props) {
     xmlns: "http://www.w3.org/2000/svg"
   }, props), ArrowUp_path || (ArrowUp_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z",
-    fill: "currentColor",
-    fillRule: "evenodd"
+    fill: "currentColor"
   })));
 };
 /* harmony default export */ const ArrowUp = (SvgArrowUp);
@@ -6019,7 +5993,6 @@ var SvgChevronDown = function SvgChevronDown(props) {
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), ChevronDown_path || (ChevronDown_path = /*#__PURE__*/external_react_.createElement("path", {
-    fillRule: "evenodd",
     d: "M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z",
     fill: "currentColor"
   })));
@@ -6035,8 +6008,7 @@ var SvgChevronLeft = function SvgChevronLeft(props) {
     xmlns: "http://www.w3.org/2000/svg"
   }, props), ChevronLeft_path || (ChevronLeft_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z",
-    fill: "currentColor",
-    fillRule: "evenodd"
+    fill: "currentColor"
   })));
 };
 /* harmony default export */ const ChevronLeft = (SvgChevronLeft);
@@ -6050,8 +6022,7 @@ var SvgChevronRight = function SvgChevronRight(props) {
     xmlns: "http://www.w3.org/2000/svg"
   }, props), ChevronRight_path || (ChevronRight_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z",
-    fill: "currentColor",
-    fillRule: "evenodd"
+    fill: "currentColor"
   })));
 };
 /* harmony default export */ const ChevronRight = (SvgChevronRight);
@@ -6654,7 +6625,6 @@ var SvgList = function SvgList(props) {
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), List_path || (List_path = /*#__PURE__*/external_react_.createElement("path", {
-    fillRule: "evenodd",
     d: "M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z",
     fill: "currentColor"
   })));