@scrabble-solver/scrabble-solver 2.11.0 → 2.11.1

package/.next/server/chunks/277.js

@@ -980,6 +980,24 @@ exports.CONSONANTS = [
 exports.VOWELS = ['a', 'ą', 'ä', 'e', 'ę', 'i', 'o', 'ó', 'ö', 'u', 'ü', 'y'];
 
 
+/***/ }),
+
+/***/ 98949:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"alert": "Alert_alert__U03J1",
+	"iconContainer": "Alert_iconContainer__nIqVi",
+	"error": "Alert_error__GtiiB",
+	"info": "Alert_info__tuPb_",
+	"success": "Alert_success__JUf_v",
+	"warning": "Alert_warning__Mellk",
+	"icon": "Alert_icon__x2hmA",
+	"content": "Alert_content__r08lv"
+};
+
+
 /***/ }),
 
 /***/ 97824:
@@ -1000,6 +1018,7 @@ module.exports = {
 module.exports = {
 	"board": "Board_board__eA_bB",
 	"row": "Board_row__mezHN",
+	"cell": "Board_cell__RJssv",
 	"actions": "Board_actions__W2CX9",
 	"hide": "Board_hide__Fskbc",
 	"shown": "Board_shown__T9Txa",
@@ -1045,6 +1064,11 @@ module.exports = {
 	"bonusWord2": "Cell_bonusWord2__Ztd1C",
 	"bonusWord3": "Cell_bonusWord3__eTB6G",
 	"filtered": "Cell_filtered__16gx1",
+	"sharpTopLeft": "Cell_sharpTopLeft__EGQgw",
+	"tile": "Cell_tile__bTdCO",
+	"sharpTopRight": "Cell_sharpTopRight__rzADZ",
+	"sharpBottomLeft": "Cell_sharpBottomLeft__YGRug",
+	"sharpBottomRight": "Cell_sharpBottomRight__twtbd",
 	"icon": "Cell_icon__8EWsQ"
 };
 
@@ -1264,7 +1288,9 @@ module.exports = {
 // Exports
 module.exports = {
 	"rack": "Rack_rack__uEE8X",
-	"tile": "Rack_tile__kMzR_"
+	"tile": "Rack_tile__kMzR_",
+	"sharpLeft": "Rack_sharpLeft__Sdops",
+	"sharpRight": "Rack_sharpRight__9D2pe"
 };
 
 
@@ -1354,30 +1380,12 @@ module.exports = {
 	"dictionaryInput": "Solver_dictionaryInput__9BLNF",
 	"bottomContainer": "Solver_bottomContainer__VLhkh",
 	"bottomContent": "Solver_bottomContent__9rVjO",
-	"rack": "Solver_rack__9DDCR",
 	"controls": "Solver_controls__2D9Ez",
 	"emptyState": "Solver_emptyState__P5fkX",
 	"solve": "Solver_solve__MgHc7"
 };
 
 
-/***/ }),
-
-/***/ 12231:
-/***/ ((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"
-};
-
-
 /***/ }),
 
 /***/ 10857:
@@ -1503,18 +1511,74 @@ module.exports = {
 
 // Exports
 module.exports = {
-	"ARROW_SIZE": "4px",
-	"PREVENT_OVERFLOW": "10px",
-	"OFFSET": "2px",
 	"tooltip": "Tooltip_tooltip__98Sw9",
-	"top": "Tooltip_top__Vk7yg",
-	"arrow": "Tooltip_arrow__9oy08",
-	"right": "Tooltip_right__kORxq",
-	"bottom": "Tooltip_bottom__QwH6o",
-	"left": "Tooltip_left__bSM_7"
+	"arrow": "Tooltip_arrow__9oy08"
 };
 
 
+/***/ }),
+
+/***/ 15982:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ Alert_Alert)
+});
+
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
+// EXTERNAL MODULE: external "classnames"
+var external_classnames_ = __webpack_require__(59003);
+var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
+// EXTERNAL MODULE: ./src/icons/index.ts + 40 modules
+var icons = __webpack_require__(69461);
+// EXTERNAL MODULE: ./src/components/Alert/Alert.module.scss
+var Alert_module = __webpack_require__(98949);
+var Alert_module_default = /*#__PURE__*/__webpack_require__.n(Alert_module);
+;// CONCATENATED MODULE: ./src/components/Alert/Alert.tsx
+
+
+
+
+const ICON_PER_TYPE = {
+    error: icons/* CrossCircleFill */.Gw,
+    info: icons/* InfoCircleFill */.UT,
+    success: icons/* Check */.Jr,
+    warning: icons/* ExclamationTriangleFill */.x_
+};
+const Alert = ({ children , className , variant , ...props })=>{
+    const Icon = ICON_PER_TYPE[variant];
+    return /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
+        className: external_classnames_default()((Alert_module_default()).alert, className, {
+            [(Alert_module_default()).error]: variant === "error",
+            [(Alert_module_default()).info]: variant === "info",
+            [(Alert_module_default()).success]: variant === "success",
+            [(Alert_module_default()).warning]: variant === "warning"
+        }),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx_runtime_.jsx("div", {
+                className: (Alert_module_default()).iconContainer,
+                children: /*#__PURE__*/ jsx_runtime_.jsx(Icon, {
+                    className: (Alert_module_default()).icon
+                })
+            }),
+            /*#__PURE__*/ jsx_runtime_.jsx("div", {
+                className: (Alert_module_default()).content,
+                children: children
+            })
+        ]
+    });
+};
+/* harmony default export */ const Alert_Alert = (Alert);
+
+;// CONCATENATED MODULE: ./src/components/Alert/index.ts
+
+
+
 /***/ }),
 
 /***/ 27126:
@@ -1735,6 +1799,10 @@ const BoardPure = ({ className , cellSize , center , inputRefs , rows , onBlur ,
                 children: cells.map((cell, x)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_3__/* .Cell */ .b, {
                         className: (_Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default().cell),
                         cell: cell,
+                        cellBottom: y < rows.length - 1 ? rows[y + 1][x] : undefined,
+                        cellLeft: x > 0 ? rows[y][x - 1] : undefined,
+                        cellRight: x < rows.length - 1 ? rows[y][x + 1] : undefined,
+                        cellTop: y > 0 ? rows[y - 1][x] : undefined,
                         inputRef: inputRefs[y][x],
                         isBottom: y === rows.length - 1,
                         isCenter: center.x === x && center.y === y,
@@ -1865,7 +1933,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7618);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(86953);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(83644);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83067);
 /* harmony import */ var _CellPure__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(12418);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _CellPure__WEBPACK_IMPORTED_MODULE_5__]);
@@ -1876,7 +1944,7 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 
-const Cell = ({ cell , className , inputRef , isBottom , isCenter , isRight , size , onChange , onFocus  })=>{
+const Cell = ({ cell , cellBottom , cellLeft , cellRight , cellTop , className , inputRef , isBottom , isCenter , isRight , size , onChange , onFocus  })=>{
     const { tile , x , y  } = cell;
     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);
@@ -1903,6 +1971,10 @@ const Cell = ({ cell , className , inputRef , isBottom , isCenter , isRight , si
         }),
         bonus: bonus,
         cell: cell,
+        cellBottom: cellBottom,
+        cellLeft: cellLeft,
+        cellRight: cellRight,
+        cellTop: cellTop,
         className: className,
         inputRef: inputRef,
         isBottom: isBottom,
@@ -1954,11 +2026,15 @@ _Tile__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (awa
 
 
 
-const CellPure = ({ "aria-label": ariaLabel , bonus , cell , className , inputRef , isBottom , isCenter , isRight , isEmpty , isFiltered , isValid , points , size , style , tile , onChange , onFocus  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+const CellPure = ({ "aria-label": ariaLabel , bonus , cell , cellBottom , cellLeft , cellRight , cellTop , className , inputRef , isBottom , isCenter , isRight , isEmpty , isFiltered , isValid , points , size , style , tile , onChange , onFocus  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().cell), className, (0,_lib__WEBPACK_IMPORTED_MODULE_5__/* .getBonusClassname */ .K)(cell, bonus, isCenter), {
             [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().bottom)]: isBottom,
             [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().filtered)]: isFiltered,
-            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().right)]: isRight
+            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().right)]: isRight,
+            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().sharpTopLeft)]: cellTop?.hasTile() || cellLeft?.hasTile(),
+            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().sharpTopRight)]: cellTop?.hasTile() || cellRight?.hasTile(),
+            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().sharpBottomLeft)]: cellBottom?.hasTile() || cellLeft?.hasTile(),
+            [(_Cell_module_scss__WEBPACK_IMPORTED_MODULE_6___default().sharpBottomRight)]: cellBottom?.hasTile() || cellRight?.hasTile()
         }),
         style: style,
         children: [
@@ -2125,7 +2201,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(69755);
 /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(36743);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(86953);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83644);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(83067);
 /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(97792);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_7__]);
@@ -2347,7 +2423,7 @@ const useGrid = (rows)=>{
         return (0,lib__WEBPACK_IMPORTED_MODULE_6__/* .createKeyboardNavigation */ .np)({
             onArrowDown: (event)=>{
                 event.preventDefault();
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_6__/* .isCtrl */ .yl)(event)) {
+                if (direction === "horizontal") {
                     onDirectionToggle();
                 } else {
                     changeActiveIndex(0, 1);
@@ -2355,7 +2431,7 @@ const useGrid = (rows)=>{
             },
             onArrowLeft: (event)=>{
                 event.preventDefault();
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_6__/* .isCtrl */ .yl)(event)) {
+                if (direction === "vertical") {
                     onDirectionToggle();
                 } else {
                     changeActiveIndex(i18n__WEBPACK_IMPORTED_MODULE_5__/* .LOCALE_FEATURES */ .q[locale].direction === "ltr" ? -1 : 1, 0);
@@ -2363,7 +2439,7 @@ const useGrid = (rows)=>{
             },
             onArrowRight: (event)=>{
                 event.preventDefault();
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_6__/* .isCtrl */ .yl)(event)) {
+                if (direction === "vertical") {
                     onDirectionToggle();
                 } else {
                     changeActiveIndex(i18n__WEBPACK_IMPORTED_MODULE_5__/* .LOCALE_FEATURES */ .q[locale].direction === "ltr" ? 1 : -1, 0);
@@ -2371,7 +2447,7 @@ const useGrid = (rows)=>{
             },
             onArrowUp: (event)=>{
                 event.preventDefault();
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_6__/* .isCtrl */ .yl)(event)) {
+                if (direction === "horizontal") {
                     onDirectionToggle();
                 } else {
                     changeActiveIndex(0, -1);
@@ -2408,23 +2484,6 @@ const useGrid = (rows)=>{
                 }
                 const { x , y  } = position;
                 const character = event.key.toLowerCase();
-                const isTogglingBlank = (0,lib__WEBPACK_IMPORTED_MODULE_6__/* .isCtrl */ .yl)(event) && character === "b";
-                const twoCharacterTile = config.getTwoCharacterTileByPrefix(character);
-                if (isTogglingBlank) {
-                    event.preventDefault();
-                    dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(position));
-                    return;
-                }
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_6__/* .isCtrl */ .yl)(event) && twoCharacterTile) {
-                    event.preventDefault();
-                    dispatch(state__WEBPACK_IMPORTED_MODULE_7__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
-                        x,
-                        y,
-                        value: twoCharacterTile
-                    }));
-                    moveFocus(1);
-                    return;
-                }
                 const cell = rows[y][x];
                 const twoCharacterCandidate = cell.tile.character + character;
                 if (config.twoCharacterTiles.includes(twoCharacterCandidate)) {
@@ -2455,6 +2514,7 @@ const useGrid = (rows)=>{
     }, [
         changeActiveIndex,
         config,
+        direction,
         dispatch,
         locale,
         moveFocus,
@@ -2973,7 +3033,6 @@ const EmptyState = ({ children , className , variant  })=>{
                 content: content
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_EmptyState_module_scss__WEBPACK_IMPORTED_MODULE_7___default().content),
                 children: children
             })
         ]
@@ -3896,6 +3955,7 @@ const Tile = ({ character , className , color , fontFamily , points , size , tra
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("rect", {
                 fill: color,
                 height: size,
+                rx: size * 0.15,
                 width: size,
                 x: x,
                 y: y
@@ -3903,7 +3963,7 @@ const Tile = ({ character , className , color , fontFamily , points , size , tra
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("text", {
                 dominantBaseline: "central",
                 fontFamily: fontFamily,
-                fontSize: 0.6 * size,
+                fontSize: size * 0.6,
                 fontWeight: "bold",
                 textAnchor: "middle",
                 x: x + size / 2,
@@ -3913,7 +3973,7 @@ const Tile = ({ character , className , color , fontFamily , points , size , tra
             typeof points === "number" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("text", {
                 dominantBaseline: "text-after-edge",
                 fontFamily: fontFamily,
-                fontSize: 0.25 * size,
+                fontSize: size * 0.25,
                 fontWeight: "bold",
                 textAnchor: "end",
                 x: x + size * 0.9,
@@ -4138,7 +4198,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(36743);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(86953);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83644);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83067);
 /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(52404);
 /* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__);
@@ -4237,9 +4297,7 @@ const Rack = ({ className , tileSize  })=>{
                 changeActiveIndex(1);
             },
             onKeyDown: (event)=>{
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_5__/* .isCtrl */ .yl)(event) && config.isTwoCharacterTilePrefix(event.key)) {
-                    changeActiveIndex(1);
-                } else if (event.currentTarget.value === event.key) {
+                if (event.currentTarget.value === event.key) {
                     // change event did not fire because the same character was typed over the current one
                     // but we still want to move the caret
                     event.preventDefault();
@@ -4259,6 +4317,10 @@ const Rack = ({ className , tileSize  })=>{
         children: tiles.map(({ character , tile  }, index)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_RackTile__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                 activeIndexRef: activeIndexRef,
                 character: character,
+                className: classnames__WEBPACK_IMPORTED_MODULE_1___default()({
+                    [(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_8___default().sharpLeft)]: index !== 0,
+                    [(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_8___default().sharpRight)]: index !== tiles.length - 1
+                }),
                 index: index,
                 inputRef: tilesRefs[index],
                 size: tileSize,
@@ -4286,17 +4348,19 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7618);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(86953);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83067);
-/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(96815);
-/* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(52404);
-/* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_7__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Tile__WEBPACK_IMPORTED_MODULE_6__]);
-([state__WEBPACK_IMPORTED_MODULE_5__, _Tile__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6022);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83644);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83067);
+/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(96815);
+/* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(52404);
+/* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_8__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__, _Tile__WEBPACK_IMPORTED_MODULE_7__]);
+([state__WEBPACK_IMPORTED_MODULE_6__, _Tile__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -4305,26 +4369,27 @@ 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));
-    const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(()=>{
+
+const RackTile = ({ activeIndexRef , character , className , index , inputRef , size , tile , onChange , onKeyDown  })=>{
+    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_4__.useDispatch)();
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTranslate */ .qM)();
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectLocale */ .fN);
+    const config = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectConfig */ .$o);
+    const points = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_6__/* .selectCharacterPoints */ .Or)(state, character));
+    const isValid = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_6__/* .selectCharacterIsValid */ .AN)(state, character));
+    const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(()=>{
         activeIndexRef.current = index;
     }, [
         index
     ]);
-    const handleChange = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((event)=>{
+    const handleChange = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
         event.preventDefault();
         event.stopPropagation();
-        const value = (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .extractInputValue */ .WM)(event.target);
-        const characters = value ? (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .extractCharacters */ .nK)(config, value) : [
+        const value = (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .extractInputValue */ .WM)(event.target);
+        const characters = value ? (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .extractCharacters */ .nK)(config, value) : [
             null
         ];
-        dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .rackSlice.actions.changeCharacters */ .O_.actions.changeCharacters({
+        dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .rackSlice.actions.changeCharacters */ .O_.actions.changeCharacters({
             characters,
             index
         }));
@@ -4334,39 +4399,27 @@ const RackTile = ({ activeIndexRef , character , index , inputRef , size , tile
         index,
         onChange
     ]);
-    const handleKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>{
-        return (0,lib__WEBPACK_IMPORTED_MODULE_4__/* .createKeyboardNavigation */ .np)({
+    const handleKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>{
+        return (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .createKeyboardNavigation */ .np)({
             onBackspace: (event)=>{
                 event.preventDefault();
-                dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .rackSlice.actions.changeCharacter */ .O_.actions.changeCharacter({
+                dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .rackSlice.actions.changeCharacter */ .O_.actions.changeCharacter({
                     character: null,
                     index
                 }));
             },
-            onKeyDown: (event)=>{
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_4__/* .isCtrl */ .yl)(event) && config.isTwoCharacterTilePrefix(event.key)) {
-                    event.preventDefault();
-                    event.stopPropagation();
-                    const twoTilesCharacter = config.getTwoCharacterTileByPrefix(event.key);
-                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                    dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .rackSlice.actions.changeCharacter */ .O_.actions.changeCharacter({
-                        character: twoTilesCharacter,
-                        index
-                    }));
-                }
-                onKeyDown(event);
-            }
+            onKeyDown
         });
     }, [
         index,
         onKeyDown
     ]);
-    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_7__/* ["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),
+        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Rack_module_scss__WEBPACK_IMPORTED_MODULE_8___default().tile), className),
         character: character === null ? undefined : character,
         highlighted: tile !== null,
         inputRef: inputRef,
@@ -4589,7 +4642,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(36743);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(86953);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83644);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83067);
 /* harmony import */ var types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1966);
 /* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(29287);
@@ -5076,7 +5129,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6022);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(86953);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83644);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83067);
 /* harmony import */ var _ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(60066);
 /* harmony import */ var _ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_ResultsInput_module_scss__WEBPACK_IMPORTED_MODULE_6__);
@@ -5233,16 +5286,18 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(75704);
 /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64534);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(83067);
-/* harmony import */ var _Board__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(17587);
-/* harmony import */ var _Dictionary__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(76195);
-/* harmony import */ var _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(35917);
-/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(95937);
-/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(96813);
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(99260);
-/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(41674);
-/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_8__, _Dictionary__WEBPACK_IMPORTED_MODULE_9__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__, _Rack__WEBPACK_IMPORTED_MODULE_11__, _Results__WEBPACK_IMPORTED_MODULE_12__, _components__WEBPACK_IMPORTED_MODULE_13__]);
-([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_8__, _Dictionary__WEBPACK_IMPORTED_MODULE_9__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_10__, _Rack__WEBPACK_IMPORTED_MODULE_11__, _Results__WEBPACK_IMPORTED_MODULE_12__, _components__WEBPACK_IMPORTED_MODULE_13__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var _Alert__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(15982);
+/* harmony import */ var _Board__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(17587);
+/* harmony import */ var _Dictionary__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(76195);
+/* harmony import */ var _DictionaryInput__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(35917);
+/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(95937);
+/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(96813);
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(99260);
+/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(41674);
+/* harmony import */ var _Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_9__, _Dictionary__WEBPACK_IMPORTED_MODULE_10__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_11__, _Rack__WEBPACK_IMPORTED_MODULE_12__, _Results__WEBPACK_IMPORTED_MODULE_13__, _components__WEBPACK_IMPORTED_MODULE_14__]);
+([hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_7__, _Board__WEBPACK_IMPORTED_MODULE_9__, _Dictionary__WEBPACK_IMPORTED_MODULE_10__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_11__, _Rack__WEBPACK_IMPORTED_MODULE_12__, _Results__WEBPACK_IMPORTED_MODULE_13__, _components__WEBPACK_IMPORTED_MODULE_14__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
 
 
 
@@ -5329,44 +5384,43 @@ const Solver = ({ className , height , width , onShowResults  })=>{
         isOutdated
     ]);
     return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().solver), className),
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().solver), className),
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().container),
+                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().container),
                 children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().content),
+                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().content),
                     children: [
                         /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
-                            id: "a",
-                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().boardContainer),
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().boardContainer),
                             onSubmit: handleSubmit,
                             children: [
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Board__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Board__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
                                     cellSize: cellSizeSafe,
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().board)
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().board)
                                 }),
                                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().submitInput),
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().submitInput),
                                     tabIndex: -1,
                                     type: "submit"
                                 })
                             ]
                         }),
                         /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().column),
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().column),
                             ref: columnRef,
                             children: [
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Results__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Results__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z, {
                                     callbacks: callbacks
                                 }),
                                 /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().dictionaryContainer),
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().dictionaryContainer),
                                     children: [
-                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Dictionary__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
-                                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().dictionary)
+                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Dictionary__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
+                                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().dictionary)
                                         }),
-                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DictionaryInput__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
-                                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().dictionaryInput)
+                                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_DictionaryInput__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
+                                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().dictionaryInput)
                                         })
                                     ]
                                 })
@@ -5376,42 +5430,41 @@ const Solver = ({ className , height , width , onShowResults  })=>{
                 })
             }),
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().bottomContainer),
+                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().bottomContainer),
                 ref: bottomContainerRef,
                 children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().bottomContent),
+                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().bottomContent),
                     children: [
                         /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
-                            id: "b",
                             onSubmit: handleSubmit,
                             children: [
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Rack__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().rack),
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Rack__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().rack),
                                     tileSize: tileSize
                                 }),
                                 /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().submitInput),
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().submitInput),
                                     tabIndex: -1,
                                     type: "submit"
                                 })
                             ]
                         }),
                         showCompactControls && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().controls),
+                            className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().controls),
                             style: {
                                 maxWidth: maxControlsWidth
                             },
                             children: [
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_13__/* .ResultCandidatePicker */ .WI, {
+                                /*#__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_13__/* .EmptyState */ .ub, {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().emptyState),
+                                error && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Alert__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                                    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_13__/* .EmptyState */ .ub, {
-                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().emptyState),
+                                allResults && allResults.length === 0 && !isOutdated && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Alert__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                                    className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().emptyState),
                                     variant: "warning",
                                     children: translate("results.empty-state.no-results")
                                 })
@@ -5420,8 +5473,8 @@ const Solver = ({ className , height , width , onShowResults  })=>{
                     ]
                 })
             }),
-            showFloatingSolveButton && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_13__/* .FloatingSolveButton */ .DY, {
-                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_14___default().solve),
+            showFloatingSolveButton && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_14__/* .FloatingSolveButton */ .DY, {
+                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_15___default().solve),
                 onClick: handleSubmit
             })
         ]
@@ -5432,67 +5485,6 @@ const Solver = ({ className , height , width , onShowResults  })=>{
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
-/***/ }),
-
-/***/ 64574:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": () => (/* reexport */ EmptyState_EmptyState)
-});
-
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(20997);
-// EXTERNAL MODULE: external "classnames"
-var external_classnames_ = __webpack_require__(59003);
-var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_);
-// EXTERNAL MODULE: ./src/icons/index.ts + 40 modules
-var icons = __webpack_require__(69461);
-// EXTERNAL MODULE: ./src/components/Solver/components/EmptyState/EmptyState.module.scss
-var EmptyState_module = __webpack_require__(12231);
-var EmptyState_module_default = /*#__PURE__*/__webpack_require__.n(EmptyState_module);
-;// CONCATENATED MODULE: ./src/components/Solver/components/EmptyState/EmptyState.tsx
-
-
-
-
-const ICON_PER_TYPE = {
-    error: icons/* CrossCircleFill */.Gw,
-    info: icons/* InfoCircleFill */.UT,
-    warning: icons/* ExclamationTriangleFill */.x_
-};
-const EmptyState = ({ children , className , variant , ...props })=>{
-    const Icon = ICON_PER_TYPE[variant];
-    return /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
-        className: external_classnames_default()((EmptyState_module_default()).emptyState, className, {
-            [(EmptyState_module_default()).error]: variant === "error",
-            [(EmptyState_module_default()).info]: variant === "info",
-            [(EmptyState_module_default()).warning]: variant === "warning"
-        }),
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx_runtime_.jsx("div", {
-                className: (EmptyState_module_default()).iconContainer,
-                children: /*#__PURE__*/ jsx_runtime_.jsx(Icon, {
-                    className: (EmptyState_module_default()).icon
-                })
-            }),
-            /*#__PURE__*/ jsx_runtime_.jsx("div", {
-                className: (EmptyState_module_default()).content,
-                children: children
-            })
-        ]
-    });
-};
-/* harmony default export */ const EmptyState_EmptyState = (EmptyState);
-
-;// CONCATENATED MODULE: ./src/components/Solver/components/EmptyState/index.ts
-
-
-
 /***/ }),
 
 /***/ 90919:
@@ -5510,7 +5502,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__(69461);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(86953);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83644);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83067);
 /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83900);
 /* harmony import */ var _Spinner__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(33538);
@@ -5814,17 +5806,14 @@ __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 */   "DY": () => (/* reexport safe */ _FloatingSolveButton__WEBPACK_IMPORTED_MODULE_1__.Z),
-/* harmony export */   "WI": () => (/* reexport safe */ _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__.Z),
-/* harmony export */   "ub": () => (/* reexport safe */ _EmptyState__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */   "DY": () => (/* reexport safe */ _FloatingSolveButton__WEBPACK_IMPORTED_MODULE_0__.Z),
+/* harmony export */   "WI": () => (/* reexport safe */ _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_2__.Z)
 /* harmony export */ });
-/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(64574);
-/* harmony import */ var _FloatingSolveButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(71832);
-/* harmony import */ var _InsertButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33776);
-/* harmony import */ var _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(45100);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_FloatingSolveButton__WEBPACK_IMPORTED_MODULE_1__, _InsertButton__WEBPACK_IMPORTED_MODULE_2__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__]);
-([_FloatingSolveButton__WEBPACK_IMPORTED_MODULE_1__, _InsertButton__WEBPACK_IMPORTED_MODULE_2__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
+/* harmony import */ var _FloatingSolveButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(71832);
+/* harmony import */ var _InsertButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33776);
+/* harmony import */ var _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(45100);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_FloatingSolveButton__WEBPACK_IMPORTED_MODULE_0__, _InsertButton__WEBPACK_IMPORTED_MODULE_1__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_2__]);
+([_FloatingSolveButton__WEBPACK_IMPORTED_MODULE_0__, _InsertButton__WEBPACK_IMPORTED_MODULE_1__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_2__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -6044,7 +6033,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75704);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(86953);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83644);
 /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(64534);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(83067);
 /* harmony import */ var _TilePure__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(83147);
@@ -6240,48 +6229,6 @@ _Tile__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (awa
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
-/***/ }),
-
-/***/ 48026:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "v": () => (/* binding */ MODIFIERS)
-/* harmony export */ });
-/* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(53229);
-/* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0__);
-
-const ARROW_SIZE = parseInt((_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0___default().ARROW_SIZE), 10);
-const OFFSET = parseInt((_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0___default().OFFSET), 10);
-const PREVENT_OVERFLOW = parseInt((_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_0___default().PREVENT_OVERFLOW), 10);
-const MODIFIERS = [
-    {
-        name: "preventOverflow",
-        options: {
-            padding: PREVENT_OVERFLOW,
-            rootBoundary: "document"
-        }
-    },
-    {
-        name: "flip",
-        options: {
-            padding: ARROW_SIZE,
-            rootBoundary: "document"
-        }
-    },
-    {
-        name: "offset",
-        options: {
-            offset: [
-                0,
-                OFFSET + ARROW_SIZE
-            ]
-        }
-    }
-];
-
-
 /***/ }),
 
 /***/ 59004:
@@ -6312,23 +6259,17 @@ __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 classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(16689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(42932);
-/* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_popper__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(69755);
-/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(75704);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(86953);
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(48026);
-/* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(53229);
-/* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_5__]);
-hooks__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
+/* harmony import */ var _floating_ui_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21964);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(16689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75704);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83644);
+/* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(53229);
+/* harmony import */ var _Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_6__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, hooks__WEBPACK_IMPORTED_MODULE_4__]);
+([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, hooks__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -6336,62 +6277,63 @@ hooks__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (awa
 
 
 
+const ARROW_SIZE = 7;
+const ARROW_GAP = 3;
+const PADDING = 10;
 // 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 useTooltip = (tooltip, { className , placement ="top" , onBlur =lib__WEBPACK_IMPORTED_MODULE_5__/* .noop */ .ZT , onFocus =lib__WEBPACK_IMPORTED_MODULE_5__/* .noop */ .ZT , onMouseOut =lib__WEBPACK_IMPORTED_MODULE_5__/* .noop */ .ZT , onMouseOver =lib__WEBPACK_IMPORTED_MODULE_5__/* .noop */ .ZT  } = {})=>{
+    const id = (0,react__WEBPACK_IMPORTED_MODULE_3__.useId)();
+    const isTouchDevice = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .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);
-    const [referenceElement, setReferenceElement] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null);
-    const [popperElement, setPopperElement] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null);
-    const [arrowElement, setArrowElement] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null);
-    const { attributes , styles: popperStyles , update  } = (0,react_popper__WEBPACK_IMPORTED_MODULE_3__.usePopper)(referenceElement, popperElement, {
-        modifiers: [
-            {
-                name: "arrow",
-                options: {
-                    element: arrowElement
-                }
-            },
-            ..._constants__WEBPACK_IMPORTED_MODULE_7__/* .MODIFIERS */ .v
-        ],
-        placement
-    });
-    const computedPlacement = attributes.popper ? attributes.popper["data-popper-placement"] : placement;
-    const ariaAttributes = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>isShown ? {
+    const [isShown, setIsShown] = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false);
+    const arrowRef = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)(null);
+    const ariaAttributes = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>isShown ? {
             "aria-describedby": id
         } : {}, [
         id,
         isShown
     ]);
-    const handleBlur = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((event)=>{
+    const { x , y , context , refs , strategy  } = (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.useFloating)({
+        middleware: [
+            (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.flip)(),
+            (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.shift)({
+                padding: PADDING
+            }),
+            (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.offset)(ARROW_SIZE + ARROW_GAP),
+            (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.arrow)({
+                element: arrowRef
+            })
+        ],
+        placement,
+        whileElementsMounted: _floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.autoUpdate
+    });
+    const handleBlur = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
         onBlur(event);
         setIsShown(false);
     }, [
         onBlur
     ]);
-    const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((event)=>{
+    const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
         onFocus(event);
         setIsShown(true);
     }, [
         onFocus
     ]);
-    const handleMouseOut = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((event)=>{
+    const handleMouseOut = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
         onMouseOut(event);
         setIsShown(false);
     }, [
         onMouseOut
     ]);
-    const handleMouseOver = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((event)=>{
+    const handleMouseOver = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
         onMouseOver(event);
         setIsShown(true);
     }, [
         onMouseOver
     ]);
-    const mouseTriggerProps = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
+    const mouseTriggerProps = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>({
             ...ariaAttributes,
-            ref: setReferenceElement,
+            ref: refs.setReference,
             onBlur: handleBlur,
             onFocus: handleFocus,
             onMouseOut: handleMouseOut,
@@ -6403,36 +6345,29 @@ const useTooltip = (tooltip, { className , placement ="top" , onBlur =lib__WEBPA
         handleMouseOut,
         handleMouseOver
     ]);
-    const touchTriggerProps = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>({
+    const touchTriggerProps = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>({
             ...ariaAttributes,
-            ref: setReferenceElement
+            ref: refs.setReference
         }), [
         ariaAttributes
     ]);
     const triggerProps = isTouchDevice ? touchTriggerProps : mouseTriggerProps;
-    (0,react_use__WEBPACK_IMPORTED_MODULE_4__.useRafLoop)(()=>{
-        if (isMounted() && update) {
-            update();
-        }
-    });
-    (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .usePortal */ .vI)(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8___default().tooltip), className, {
-            [(_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8___default().top)]: computedPlacement === "top",
-            [(_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8___default().right)]: computedPlacement === "right",
-            [(_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8___default().bottom)]: computedPlacement === "bottom",
-            [(_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8___default().left)]: computedPlacement === "left"
-        }),
-        ref: setPopperElement,
-        style: popperStyles.popper,
-        ...attributes.popper,
+    (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .usePortal */ .vI)(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_6___default().tooltip), className),
+        ref: refs.setFloating,
+        style: {
+            position: strategy,
+            top: y ?? 0,
+            left: x ?? 0
+        },
         children: [
             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                 children: tooltip
             }),
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                className: (_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_8___default().arrow),
-                ref: setArrowElement,
-                style: popperStyles.arrow
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.FloatingArrow, {
+                className: (_Tooltip_module_scss__WEBPACK_IMPORTED_MODULE_6___default().arrow),
+                context: context,
+                ref: arrowRef
             })
         ]
     }), {
@@ -6453,56 +6388,58 @@ __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 */   "Ct": () => (/* reexport safe */ _Badge__WEBPACK_IMPORTED_MODULE_0__.Z),
-/* harmony export */   "Ex": () => (/* reexport safe */ _Progress__WEBPACK_IMPORTED_MODULE_16__.Z),
-/* harmony export */   "ME": () => (/* reexport safe */ _Solver__WEBPACK_IMPORTED_MODULE_23__.Z),
-/* harmony export */   "QR": () => (/* reexport safe */ _SeoMessage__WEBPACK_IMPORTED_MODULE_21__.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 */   "Xy": () => (/* reexport safe */ _Dictionary__WEBPACK_IMPORTED_MODULE_4__.Z),
-/* harmony export */   "Y8": () => (/* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_18__.Z),
-/* harmony export */   "Z$": () => (/* reexport safe */ _DictionaryInput__WEBPACK_IMPORTED_MODULE_5__.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_28__.Z),
-/* harmony export */   "sr": () => (/* reexport safe */ _Key__WEBPACK_IMPORTED_MODULE_8__.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_27__.Z),
-/* harmony export */   "zx": () => (/* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_2__.Z)
+/* harmony export */   "Ct": () => (/* reexport safe */ _Badge__WEBPACK_IMPORTED_MODULE_1__.Z),
+/* harmony export */   "Ex": () => (/* reexport safe */ _Progress__WEBPACK_IMPORTED_MODULE_17__.Z),
+/* harmony export */   "ME": () => (/* reexport safe */ _Solver__WEBPACK_IMPORTED_MODULE_24__.Z),
+/* harmony export */   "QR": () => (/* reexport safe */ _SeoMessage__WEBPACK_IMPORTED_MODULE_22__.Z),
+/* harmony export */   "TR": () => (/* reexport safe */ _Logo__WEBPACK_IMPORTED_MODULE_11__.Z),
+/* harmony export */   "TX": () => (/* reexport safe */ _NotFound__WEBPACK_IMPORTED_MODULE_15__.Z),
+/* harmony export */   "Xy": () => (/* reexport safe */ _Dictionary__WEBPACK_IMPORTED_MODULE_5__.Z),
+/* harmony export */   "Y8": () => (/* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_19__.Z),
+/* harmony export */   "Z$": () => (/* reexport safe */ _DictionaryInput__WEBPACK_IMPORTED_MODULE_6__.Z),
+/* harmony export */   "_m": () => (/* reexport safe */ _NavButtons__WEBPACK_IMPORTED_MODULE_14__.Z),
+/* harmony export */   "hL": () => (/* reexport safe */ _LogoSplashScreen__WEBPACK_IMPORTED_MODULE_12__.Z),
+/* harmony export */   "n9": () => (/* reexport safe */ _Tile__WEBPACK_IMPORTED_MODULE_29__.Z),
+/* harmony export */   "sr": () => (/* reexport safe */ _Key__WEBPACK_IMPORTED_MODULE_9__.Z),
+/* harmony export */   "u9": () => (/* reexport safe */ _Results__WEBPACK_IMPORTED_MODULE_20__.Z),
+/* harmony export */   "u_": () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_13__.Z),
+/* harmony export */   "uz": () => (/* reexport safe */ _SvgFontFix__WEBPACK_IMPORTED_MODULE_28__.Z),
+/* harmony export */   "zx": () => (/* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_3__.Z)
 /* harmony export */ });
-/* harmony import */ var _Badge__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27126);
-/* harmony import */ var _Board__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17587);
-/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(83900);
-/* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(42060);
-/* harmony import */ var _Dictionary__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(76195);
-/* harmony import */ var _DictionaryInput__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(35917);
-/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(77385);
-/* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95975);
-/* harmony import */ var _Key__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(34535);
-/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(13842);
-/* harmony import */ var _Logo__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(8023);
-/* harmony import */ var _LogoSplashScreen__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(6436);
-/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(59187);
-/* harmony import */ var _NavButtons__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(90374);
-/* harmony import */ var _NotFound__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(24442);
-/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(65925);
-/* harmony import */ var _Progress__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(29348);
-/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(95937);
-/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(71739);
-/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(96813);
-/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(74790);
-/* harmony import */ var _SeoMessage__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(84203);
-/* harmony import */ var _Sizer__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(2537);
-/* harmony import */ var _Solver__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(65437);
-/* harmony import */ var _Spinner__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(33538);
-/* harmony import */ var _SplashScreen__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(8984);
-/* harmony import */ var _SvgFontCss__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(73289);
-/* harmony import */ var _SvgFontFix__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(33956);
-/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(96815);
-/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(59004);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Board__WEBPACK_IMPORTED_MODULE_1__, _Button__WEBPACK_IMPORTED_MODULE_2__, _Dictionary__WEBPACK_IMPORTED_MODULE_4__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_5__, _EmptyState__WEBPACK_IMPORTED_MODULE_6__, _IconButton__WEBPACK_IMPORTED_MODULE_7__, _Loading__WEBPACK_IMPORTED_MODULE_9__, _Modal__WEBPACK_IMPORTED_MODULE_12__, _NavButtons__WEBPACK_IMPORTED_MODULE_13__, _NotFound__WEBPACK_IMPORTED_MODULE_14__, _PlainTiles__WEBPACK_IMPORTED_MODULE_15__, _Progress__WEBPACK_IMPORTED_MODULE_16__, _Rack__WEBPACK_IMPORTED_MODULE_17__, _Results__WEBPACK_IMPORTED_MODULE_19__, _ResultsInput__WEBPACK_IMPORTED_MODULE_20__, _Solver__WEBPACK_IMPORTED_MODULE_23__, _Spinner__WEBPACK_IMPORTED_MODULE_24__, _Tile__WEBPACK_IMPORTED_MODULE_28__, _Tooltip__WEBPACK_IMPORTED_MODULE_29__]);
-([_Board__WEBPACK_IMPORTED_MODULE_1__, _Button__WEBPACK_IMPORTED_MODULE_2__, _Dictionary__WEBPACK_IMPORTED_MODULE_4__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_5__, _EmptyState__WEBPACK_IMPORTED_MODULE_6__, _IconButton__WEBPACK_IMPORTED_MODULE_7__, _Loading__WEBPACK_IMPORTED_MODULE_9__, _Modal__WEBPACK_IMPORTED_MODULE_12__, _NavButtons__WEBPACK_IMPORTED_MODULE_13__, _NotFound__WEBPACK_IMPORTED_MODULE_14__, _PlainTiles__WEBPACK_IMPORTED_MODULE_15__, _Progress__WEBPACK_IMPORTED_MODULE_16__, _Rack__WEBPACK_IMPORTED_MODULE_17__, _Results__WEBPACK_IMPORTED_MODULE_19__, _ResultsInput__WEBPACK_IMPORTED_MODULE_20__, _Solver__WEBPACK_IMPORTED_MODULE_23__, _Spinner__WEBPACK_IMPORTED_MODULE_24__, _Tile__WEBPACK_IMPORTED_MODULE_28__, _Tooltip__WEBPACK_IMPORTED_MODULE_29__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var _Alert__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15982);
+/* harmony import */ var _Badge__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(27126);
+/* harmony import */ var _Board__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(17587);
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(83900);
+/* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(42060);
+/* harmony import */ var _Dictionary__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(76195);
+/* harmony import */ var _DictionaryInput__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(35917);
+/* harmony import */ var _EmptyState__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(77385);
+/* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(95975);
+/* harmony import */ var _Key__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(34535);
+/* harmony import */ var _Loading__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(13842);
+/* harmony import */ var _Logo__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(8023);
+/* harmony import */ var _LogoSplashScreen__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(6436);
+/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(59187);
+/* harmony import */ var _NavButtons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(90374);
+/* harmony import */ var _NotFound__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(24442);
+/* harmony import */ var _PlainTiles__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(65925);
+/* harmony import */ var _Progress__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(29348);
+/* harmony import */ var _Rack__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(95937);
+/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(71739);
+/* harmony import */ var _Results__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(96813);
+/* harmony import */ var _ResultsInput__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(74790);
+/* harmony import */ var _SeoMessage__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(84203);
+/* harmony import */ var _Sizer__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(2537);
+/* harmony import */ var _Solver__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(65437);
+/* harmony import */ var _Spinner__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(33538);
+/* harmony import */ var _SplashScreen__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(8984);
+/* harmony import */ var _SvgFontCss__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(73289);
+/* harmony import */ var _SvgFontFix__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(33956);
+/* harmony import */ var _Tile__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(96815);
+/* harmony import */ var _Tooltip__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(59004);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Board__WEBPACK_IMPORTED_MODULE_2__, _Button__WEBPACK_IMPORTED_MODULE_3__, _Dictionary__WEBPACK_IMPORTED_MODULE_5__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_6__, _EmptyState__WEBPACK_IMPORTED_MODULE_7__, _IconButton__WEBPACK_IMPORTED_MODULE_8__, _Loading__WEBPACK_IMPORTED_MODULE_10__, _Modal__WEBPACK_IMPORTED_MODULE_13__, _NavButtons__WEBPACK_IMPORTED_MODULE_14__, _NotFound__WEBPACK_IMPORTED_MODULE_15__, _PlainTiles__WEBPACK_IMPORTED_MODULE_16__, _Progress__WEBPACK_IMPORTED_MODULE_17__, _Rack__WEBPACK_IMPORTED_MODULE_18__, _Results__WEBPACK_IMPORTED_MODULE_20__, _ResultsInput__WEBPACK_IMPORTED_MODULE_21__, _Solver__WEBPACK_IMPORTED_MODULE_24__, _Spinner__WEBPACK_IMPORTED_MODULE_25__, _Tile__WEBPACK_IMPORTED_MODULE_29__, _Tooltip__WEBPACK_IMPORTED_MODULE_30__]);
+([_Board__WEBPACK_IMPORTED_MODULE_2__, _Button__WEBPACK_IMPORTED_MODULE_3__, _Dictionary__WEBPACK_IMPORTED_MODULE_5__, _DictionaryInput__WEBPACK_IMPORTED_MODULE_6__, _EmptyState__WEBPACK_IMPORTED_MODULE_7__, _IconButton__WEBPACK_IMPORTED_MODULE_8__, _Loading__WEBPACK_IMPORTED_MODULE_10__, _Modal__WEBPACK_IMPORTED_MODULE_13__, _NavButtons__WEBPACK_IMPORTED_MODULE_14__, _NotFound__WEBPACK_IMPORTED_MODULE_15__, _PlainTiles__WEBPACK_IMPORTED_MODULE_16__, _Progress__WEBPACK_IMPORTED_MODULE_17__, _Rack__WEBPACK_IMPORTED_MODULE_18__, _Results__WEBPACK_IMPORTED_MODULE_20__, _ResultsInput__WEBPACK_IMPORTED_MODULE_21__, _Solver__WEBPACK_IMPORTED_MODULE_24__, _Spinner__WEBPACK_IMPORTED_MODULE_25__, _Tile__WEBPACK_IMPORTED_MODULE_29__, _Tooltip__WEBPACK_IMPORTED_MODULE_30__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
 
 
 
@@ -6546,7 +6483,6 @@ __webpack_async_result__();
 __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Ft": () => (/* reexport safe */ _useAppLayout__WEBPACK_IMPORTED_MODULE_0__.Z),
-/* harmony export */   "Ld": () => (/* reexport safe */ _useUniqueId__WEBPACK_IMPORTED_MODULE_7__.Z),
 /* harmony export */   "YQ": () => (/* reexport safe */ _useIsTouchDevice__WEBPACK_IMPORTED_MODULE_2__.Z),
 /* harmony export */   "ZK": () => (/* reexport safe */ _useLanguage__WEBPACK_IMPORTED_MODULE_3__.Z),
 /* harmony export */   "_": () => (/* reexport safe */ _useLocalStorage__WEBPACK_IMPORTED_MODULE_4__.Z),
@@ -6561,10 +6497,8 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var _useLocalStorage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(46465);
 /* harmony import */ var _useMediaQuery__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(78909);
 /* harmony import */ var _usePortal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4371);
-/* harmony import */ var _useUniqueId__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(70995);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useLocalStorage__WEBPACK_IMPORTED_MODULE_4__, _useUniqueId__WEBPACK_IMPORTED_MODULE_7__]);
-([_useLocalStorage__WEBPACK_IMPORTED_MODULE_4__, _useUniqueId__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useLocalStorage__WEBPACK_IMPORTED_MODULE_4__]);
+_useLocalStorage__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
 
 
@@ -6626,7 +6560,7 @@ const useAppLayout = ()=>{
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(86953);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(83644);
 
 
 const useDirection = (direction)=>{
@@ -6676,7 +6610,7 @@ const useIsTouchDevice = ()=>{
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(86953);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(83644);
 
 
 const useLanguage = (language)=>{
@@ -6860,7 +6794,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(69755);
 /* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_use__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(86953);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(83644);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83067);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__]);
 state__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
@@ -6989,7 +6923,7 @@ const useMediaQuery = (query, defaultState)=>{
 /* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom_client__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var react_portal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(63938);
 /* harmony import */ var react_portal__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_portal__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(86953);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83644);
 
 
 
@@ -7035,32 +6969,6 @@ const usePortal = (children, { disabled =false , tagName ="div"  } = {})=>{
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (lib__WEBPACK_IMPORTED_MODULE_4__/* .canUseDom */ .J8 ? usePortal : lib__WEBPACK_IMPORTED_MODULE_4__/* .noop */ .ZT);
 
 
-/***/ }),
-
-/***/ 70995:
-/***/ ((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__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var uuid__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(46555);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([uuid__WEBPACK_IMPORTED_MODULE_1__]);
-uuid__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
-
-
-const useUniqueId = ()=>{
-    const idRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)((0,uuid__WEBPACK_IMPORTED_MODULE_1__.v4)());
-    return idRef.current;
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useUniqueId);
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
 /***/ }),
 
 /***/ 36743:
@@ -8144,7 +8052,7 @@ var SvgStar = function SvgStar(props) {
 
 /***/ }),
 
-/***/ 86953:
+/***/ 83644:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -8164,7 +8072,6 @@ __webpack_require__.d(__webpack_exports__, {
   "op": () => (/* reexport */ lib_getRemainingTilesGroups),
   "vc": () => (/* reexport */ lib_getTileSizes),
   "Mf": () => (/* reexport */ lib_inverseDirection),
-  "yl": () => (/* reexport */ lib_isCtrl),
   "V5": () => (/* reexport */ lib_isMac),
   "Kj": () => (/* reexport */ lib_isRegExp),
   "HP": () => (/* reexport */ lib_memoize),
@@ -8463,12 +8370,6 @@ const inverseDirection = (direction)=>{
 };
 /* harmony default export */ const lib_inverseDirection = (inverseDirection);
 
-;// CONCATENATED MODULE: ./src/lib/isCtrl.ts
-const isCtrl = (event)=>{
-    return event.ctrlKey || event.metaKey;
-};
-/* harmony default export */ const lib_isCtrl = (isCtrl);
-
 ;// CONCATENATED MODULE: ./src/lib/isMac.ts
 const isMac = ()=>{
     if (!globalThis.navigator) {
@@ -8660,7 +8561,6 @@ const zipCharactersAndTiles = (characters, tiles)=>{
 
 
 
-
 
 
 /***/ }),
@@ -8804,11 +8704,11 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(86695);
-/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(redux__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(75184);
+/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var redux_saga__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(75998);
-/* harmony import */ var _rootReducer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3292);
-/* harmony import */ var _sagas__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(23599);
+/* harmony import */ var _sagas__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(23599);
+/* harmony import */ var _slices__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(67647);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([redux_saga__WEBPACK_IMPORTED_MODULE_1__]);
 redux_saga__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
 
@@ -8816,14 +8716,23 @@ redux_saga__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ?
 
 
 const sagaMiddleware = (0,redux_saga__WEBPACK_IMPORTED_MODULE_1__["default"])();
-const initialState = undefined;
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-// eslint-disable-next-line no-underscore-dangle
-const composeEnhancers = globalThis.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || redux__WEBPACK_IMPORTED_MODULE_0__.compose;
 const createAppStore = ()=>{
-    const store = (0,redux__WEBPACK_IMPORTED_MODULE_0__.createStore)(_rootReducer__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, initialState, composeEnhancers((0,redux__WEBPACK_IMPORTED_MODULE_0__.applyMiddleware)(sagaMiddleware)));
-    sagaMiddleware.run(_sagas__WEBPACK_IMPORTED_MODULE_3__/* .rootSaga */ .R);
+    const store = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.configureStore)({
+        reducer: {
+            board: _slices__WEBPACK_IMPORTED_MODULE_3__/* .boardSlice.reducer */ .I8.reducer,
+            cellFilter: _slices__WEBPACK_IMPORTED_MODULE_3__/* .cellFilterSlice.reducer */ .mO.reducer,
+            dictionary: _slices__WEBPACK_IMPORTED_MODULE_3__/* .dictionarySlice.reducer */ .lj.reducer,
+            rack: _slices__WEBPACK_IMPORTED_MODULE_3__/* .rackSlice.reducer */ .O_.reducer,
+            results: _slices__WEBPACK_IMPORTED_MODULE_3__/* .resultsSlice.reducer */ ._C.reducer,
+            settings: _slices__WEBPACK_IMPORTED_MODULE_3__/* .settingsSlice.reducer */ .xj.reducer,
+            solve: _slices__WEBPACK_IMPORTED_MODULE_3__/* .solveSlice.reducer */ .TP.reducer,
+            verify: _slices__WEBPACK_IMPORTED_MODULE_3__/* .verifySlice.reducer */ .Gt.reducer
+        },
+        middleware: [
+            sagaMiddleware
+        ]
+    });
+    sagaMiddleware.run(_sagas__WEBPACK_IMPORTED_MODULE_2__/* .rootSaga */ .R);
     return store;
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createAppStore);
@@ -8953,33 +8862,6 @@ const localStorage = {
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (localStorage);
 
 
-/***/ }),
-
-/***/ 3292:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(86695);
-/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(redux__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _slices__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(67647);
-
-
-const rootReducer = (0,redux__WEBPACK_IMPORTED_MODULE_0__.combineReducers)({
-    board: _slices__WEBPACK_IMPORTED_MODULE_1__/* .boardSlice.reducer */ .I8.reducer,
-    cellFilter: _slices__WEBPACK_IMPORTED_MODULE_1__/* .cellFilterSlice.reducer */ .mO.reducer,
-    dictionary: _slices__WEBPACK_IMPORTED_MODULE_1__/* .dictionarySlice.reducer */ .lj.reducer,
-    rack: _slices__WEBPACK_IMPORTED_MODULE_1__/* .rackSlice.reducer */ .O_.reducer,
-    results: _slices__WEBPACK_IMPORTED_MODULE_1__/* .resultsSlice.reducer */ ._C.reducer,
-    settings: _slices__WEBPACK_IMPORTED_MODULE_1__/* .settingsSlice.reducer */ .xj.reducer,
-    solve: _slices__WEBPACK_IMPORTED_MODULE_1__/* .solveSlice.reducer */ .TP.reducer,
-    verify: _slices__WEBPACK_IMPORTED_MODULE_1__/* .verifySlice.reducer */ .Gt.reducer
-});
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (rootReducer);
-
-
 /***/ }),
 
 /***/ 23599:
@@ -8998,8 +8880,8 @@ var build = __webpack_require__(7618);
 var types_build = __webpack_require__(34046);
 // EXTERNAL MODULE: external "redux-saga/effects"
 var effects_ = __webpack_require__(56477);
-// EXTERNAL MODULE: ./src/lib/index.ts + 29 modules
-var lib = __webpack_require__(86953);
+// EXTERNAL MODULE: ./src/lib/index.ts + 28 modules
+var lib = __webpack_require__(83644);
 ;// CONCATENATED MODULE: ./src/sdk/fetch.ts
 
 const fetch_fetch = async (input, init)=>{
@@ -9322,7 +9204,7 @@ function* ensureProperTilesCount() {
 /* harmony import */ var _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(34046);
 /* harmony import */ var _scrabble_solver_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_scrabble_solver_types__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(36743);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(86953);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83644);
 
 
 
@@ -9776,8 +9658,8 @@ const dictionarySlice = (0,toolkit_.createSlice)({
 });
 /* harmony default export */ const slices_dictionarySlice = (dictionarySlice);
 
-// EXTERNAL MODULE: ./src/lib/index.ts + 29 modules
-var lib = __webpack_require__(86953);
+// EXTERNAL MODULE: ./src/lib/index.ts + 28 modules
+var lib = __webpack_require__(83644);
 ;// CONCATENATED MODULE: ./src/state/slices/rackInitialState.ts
 const rackInitialState = [
     null,