@scrabble-solver/scrabble-solver 2.11.8 → 2.11.9

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

@@ -237,13 +237,13 @@ const base = {
 const literaki = {
     id: base.id,
     name: base.name,
-    [types_1.Locale.DE_DE]: types_1.Config.fromJson({ ...base, tiles: tiles_1.tilesDe }),
-    [types_1.Locale.EN_GB]: types_1.Config.fromJson({ ...base, tiles: tiles_1.tilesEn }),
-    [types_1.Locale.EN_US]: types_1.Config.fromJson({ ...base, tiles: tiles_1.tilesEn }),
-    [types_1.Locale.ES_ES]: types_1.Config.fromJson({ ...base, tiles: tiles_1.tilesEs }),
-    [types_1.Locale.FA_IR]: types_1.Config.fromJson({ ...base, tiles: tiles_1.tilesFa }),
-    [types_1.Locale.FR_FR]: types_1.Config.fromJson({ ...base, tiles: tiles_1.tilesFr }),
-    [types_1.Locale.PL_PL]: types_1.Config.fromJson({ ...base, tiles: tiles_1.tilesPl }),
+    [types_1.Locale.DE_DE]: types_1.Config.fromJson({ ...base, locale: types_1.Locale.EN_GB, tiles: tiles_1.tilesDe }),
+    [types_1.Locale.EN_GB]: types_1.Config.fromJson({ ...base, locale: types_1.Locale.DE_DE, tiles: tiles_1.tilesEn }),
+    [types_1.Locale.EN_US]: types_1.Config.fromJson({ ...base, locale: types_1.Locale.EN_US, tiles: tiles_1.tilesEn }),
+    [types_1.Locale.ES_ES]: types_1.Config.fromJson({ ...base, locale: types_1.Locale.ES_ES, tiles: tiles_1.tilesEs }),
+    [types_1.Locale.FA_IR]: types_1.Config.fromJson({ ...base, locale: types_1.Locale.FA_IR, tiles: tiles_1.tilesFa }),
+    [types_1.Locale.FR_FR]: types_1.Config.fromJson({ ...base, locale: types_1.Locale.FR_FR, tiles: tiles_1.tilesFr }),
+    [types_1.Locale.PL_PL]: types_1.Config.fromJson({ ...base, locale: types_1.Locale.PL_PL, tiles: tiles_1.tilesPl }),
 };
 exports["default"] = literaki;
 
@@ -644,13 +644,13 @@ const base = {
 const scrabble = {
     id: base.id,
     name: base.name,
-    [types_1.Locale.EN_GB]: types_1.Config.fromJson({ ...base, tiles: tiles_1.tilesEn }),
-    [types_1.Locale.DE_DE]: types_1.Config.fromJson({ ...base, tiles: tiles_1.tilesDe }),
-    [types_1.Locale.EN_US]: types_1.Config.fromJson({ ...base, tiles: tiles_1.tilesEn }),
-    [types_1.Locale.ES_ES]: types_1.Config.fromJson({ ...base, tiles: tiles_1.tilesEs }),
-    [types_1.Locale.FA_IR]: types_1.Config.fromJson({ ...base, tiles: tiles_1.tilesFa }),
-    [types_1.Locale.FR_FR]: types_1.Config.fromJson({ ...base, tiles: tiles_1.tilesFr }),
-    [types_1.Locale.PL_PL]: types_1.Config.fromJson({ ...base, tiles: tiles_1.tilesPl }),
+    [types_1.Locale.EN_GB]: types_1.Config.fromJson({ ...base, locale: types_1.Locale.EN_GB, tiles: tiles_1.tilesEn }),
+    [types_1.Locale.DE_DE]: types_1.Config.fromJson({ ...base, locale: types_1.Locale.DE_DE, tiles: tiles_1.tilesDe }),
+    [types_1.Locale.EN_US]: types_1.Config.fromJson({ ...base, locale: types_1.Locale.EN_US, tiles: tiles_1.tilesEn }),
+    [types_1.Locale.ES_ES]: types_1.Config.fromJson({ ...base, locale: types_1.Locale.ES_ES, tiles: tiles_1.tilesEs }),
+    [types_1.Locale.FA_IR]: types_1.Config.fromJson({ ...base, locale: types_1.Locale.FA_IR, tiles: tiles_1.tilesFa }),
+    [types_1.Locale.FR_FR]: types_1.Config.fromJson({ ...base, locale: types_1.Locale.FR_FR, tiles: tiles_1.tilesFr }),
+    [types_1.Locale.PL_PL]: types_1.Config.fromJson({ ...base, locale: types_1.Locale.PL_PL, tiles: tiles_1.tilesPl }),
 };
 exports["default"] = scrabble;
 
@@ -989,10 +989,11 @@ module.exports = {
 // Exports
 module.exports = {
 	"board": "Board_board__eA_bB",
-	"actions": "Board_actions__W2CX9",
-	"hide": "Board_hide__Fskbc",
-	"shown": "Board_shown__T9Txa",
+	"floating": "Board_floating__CH5ty",
 	"show": "Board_show__1ChIu",
+	"focus": "Board_focus__dIJT4",
+	"hidden": "Board_hidden__KQoVq",
+	"hide": "Board_hide__Fskbc",
 	"rotate": "Board_rotate__ynCR2",
 	"wave": "Board_wave__NDbpN"
 };
@@ -1006,9 +1007,7 @@ module.exports = {
 // Exports
 module.exports = {
 	"actions": "Actions_actions__3ry_t",
-	"action": "Actions_action__2tKnh",
-	"toggleDirection": "Actions_toggleDirection__GWMbz",
-	"right": "Actions_right___DlTx"
+	"action": "Actions_action__2tKnh"
 };
 
 
@@ -1027,6 +1026,34 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ 1774:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"inputPrompt": "InputPrompt_inputPrompt__YQ2mh",
+	"toggleDirection": "InputPrompt_toggleDirection__QOGnQ",
+	"input": "InputPrompt_input__OIYI2",
+	"insert": "InputPrompt_insert__AZuml",
+	"insertIcon": "InputPrompt_insertIcon__QYLKU"
+};
+
+
+/***/ }),
+
+/***/ 41264:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"button": "ToggleDirectionButton_button__d4uxB",
+	"icon": "ToggleDirectionButton_icon__86mlv",
+	"right": "ToggleDirectionButton_right__KhG7b"
+};
+
+
 /***/ }),
 
 /***/ 59363:
@@ -1220,11 +1247,35 @@ module.exports = {
 module.exports = {
 	"rack": "Rack_rack__uEE8X",
 	"tile": "Rack_tile__kMzR_",
+	"hidden": "Rack_hidden__nukvS",
 	"sharpLeft": "Rack_sharpLeft__Sdops",
 	"sharpRight": "Rack_sharpRight__9D2pe"
 };
 
 
+/***/ }),
+
+/***/ 15098:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"form": "InputPrompt_form__wFpTU",
+	"input": "InputPrompt_input__fYiBj"
+};
+
+
+/***/ }),
+
+/***/ 75382:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"rackTile": "RackTile_rackTile__8ofXd"
+};
+
+
 /***/ }),
 
 /***/ 57081:
@@ -1233,8 +1284,8 @@ module.exports = {
 // Exports
 module.exports = {
 	"radio": "Radio_radio__06IBr",
-	"icon": "Radio_icon__ORxR0",
 	"checked": "Radio_checked__MlqJv",
+	"icon": "Radio_icon__ORxR0",
 	"input": "Radio_input__PFpGB",
 	"content": "Radio_content__08chi"
 };
@@ -1303,23 +1354,7 @@ module.exports = {
 	"bottomContainer": "Solver_bottomContainer__VLhkh",
 	"bottomContent": "Solver_bottomContent__9rVjO",
 	"controls": "Solver_controls__2D9Ez",
-	"emptyState": "Solver_emptyState__P5fkX",
-	"solve": "Solver_solve__MgHc7"
-};
-
-
-/***/ }),
-
-/***/ 10857:
-/***/ ((module) => {
-
-// Exports
-module.exports = {
-	"floatingSolveButton": "FloatingSolveButton_floatingSolveButton__ylG5R",
-	"hide": "FloatingSolveButton_hide__Xjdvf",
-	"show": "FloatingSolveButton_show__hjyNU",
-	"rotate": "FloatingSolveButton_rotate__VJaNr",
-	"wave": "FloatingSolveButton_wave__Ce4rm"
+	"emptyState": "Solver_emptyState__P5fkX"
 };
 
 
@@ -1443,8 +1478,8 @@ 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 + 41 modules
-var icons = __webpack_require__(58966);
+// EXTERNAL MODULE: ./src/icons/index.ts + 42 modules
+var icons = __webpack_require__(3186);
 // EXTERNAL MODULE: ./src/components/Alert/Alert.module.scss
 var Alert_module = __webpack_require__(98949);
 var Alert_module_default = /*#__PURE__*/__webpack_require__.n(Alert_module);
@@ -1536,23 +1571,26 @@ __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 _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 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 hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(75704);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(20208);
-/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(64534);
-/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(83067);
-/* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(33791);
-/* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_Board_module_scss__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var _BoardPure__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(86058);
-/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(94347);
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(48327);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_8__, _BoardPure__WEBPACK_IMPORTED_MODULE_9__, _components__WEBPACK_IMPORTED_MODULE_10__, _hooks__WEBPACK_IMPORTED_MODULE_11__]);
-([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, hooks__WEBPACK_IMPORTED_MODULE_5__, state__WEBPACK_IMPORTED_MODULE_8__, _BoardPure__WEBPACK_IMPORTED_MODULE_9__, _components__WEBPACK_IMPORTED_MODULE_10__, _hooks__WEBPACK_IMPORTED_MODULE_11__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7618);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(59003);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(16689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var react_cool_onclickoutside__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(54620);
+/* harmony import */ var react_cool_onclickoutside__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_cool_onclickoutside__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(6022);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(75704);
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(64534);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(83067);
+/* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(33791);
+/* harmony import */ var _Board_module_scss__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_Board_module_scss__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var _BoardPure__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(86058);
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(94347);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(48327);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, hooks__WEBPACK_IMPORTED_MODULE_7__, state__WEBPACK_IMPORTED_MODULE_9__, _BoardPure__WEBPACK_IMPORTED_MODULE_10__, _components__WEBPACK_IMPORTED_MODULE_11__, _hooks__WEBPACK_IMPORTED_MODULE_12__]);
+([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, hooks__WEBPACK_IMPORTED_MODULE_7__, state__WEBPACK_IMPORTED_MODULE_9__, _BoardPure__WEBPACK_IMPORTED_MODULE_10__, _components__WEBPACK_IMPORTED_MODULE_11__, _hooks__WEBPACK_IMPORTED_MODULE_12__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* eslint-disable max-lines, max-statements */ 
 
 
 
@@ -1567,101 +1605,130 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_flo
 
 
 const Board = ({ className  })=>{
-    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_4__.useDispatch)();
-    const rows = (0,state__WEBPACK_IMPORTED_MODULE_8__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_8__/* .selectRowsWithCandidate */ .ZA);
-    const config = (0,state__WEBPACK_IMPORTED_MODULE_8__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_8__/* .selectConfig */ .$o);
-    const { actionsWidth , cellSize  } = (0,hooks__WEBPACK_IMPORTED_MODULE_5__/* .useAppLayout */ .Ft)();
-    const { tileFontSize  } = (0,lib__WEBPACK_IMPORTED_MODULE_6__/* .getTileSizes */ .vc)(cellSize);
-    const [{ activeIndex , direction , inputRefs  }, { onChange , onDirectionToggle , onFocus , onKeyDown , onPaste  }] = (0,_hooks__WEBPACK_IMPORTED_MODULE_11__/* .useGrid */ .N)(rows);
-    const backgroundImage = (0,_hooks__WEBPACK_IMPORTED_MODULE_11__/* .useBackgroundImage */ .c)();
-    const boardStyle = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>({
-            backgroundImage,
-            fontSize: tileFontSize,
-            gridTemplateColumns: `repeat(${config.boardWidth}, 1fr)`,
-            gridTemplateRows: `repeat(${config.boardHeight}, 1fr)`
-        }), [
-        backgroundImage,
-        config.boardHeight,
-        config.boardWidth,
-        tileFontSize
-    ]);
-    const [showActions, setShowActions] = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false);
-    const [transition, setTransition] = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(parameters__WEBPACK_IMPORTED_MODULE_7__/* .TRANSITION */ .yz);
+    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_6__.useDispatch)();
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_9__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_9__/* .selectLocale */ .fN);
+    const rows = (0,state__WEBPACK_IMPORTED_MODULE_9__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_9__/* .selectRowsWithCandidate */ .ZA);
+    const inputMode = (0,state__WEBPACK_IMPORTED_MODULE_9__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_9__/* .selectInputMode */ .Ub);
+    const { cellSize  } = (0,hooks__WEBPACK_IMPORTED_MODULE_7__/* .useAppLayout */ .Ft)();
+    const [{ activeIndex , direction , inputRefs  }, { insertValue , onChange , onDirectionToggle , onFocus , onKeyDown , onPaste  }] = (0,_hooks__WEBPACK_IMPORTED_MODULE_12__/* .useGrid */ .Nm)(rows);
+    const boardStyle = (0,_hooks__WEBPACK_IMPORTED_MODULE_12__/* .useBoardStyle */ .oQ)();
+    const [hasFocus, setHasFocus] = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(false);
+    const [showInputPrompt, setShowInputPrompt] = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(false);
+    const [transition, setTransition] = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(parameters__WEBPACK_IMPORTED_MODULE_8__/* .TRANSITION */ .yz);
     const inputRef = inputRefs[activeIndex.y][activeIndex.x];
     const cell = rows[activeIndex.y][activeIndex.x];
-    const { x , y , strategy , refs  } = (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.useFloating)({
-        middleware: [
-            (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.offset)({
-                mainAxis: -parameters__WEBPACK_IMPORTED_MODULE_7__/* .BOARD_CELL_ACTIONS_OFFSET */ .IO,
-                alignmentAxis: parameters__WEBPACK_IMPORTED_MODULE_7__/* .BOARD_CELL_ACTIONS_OFFSET */ .IO - actionsWidth
-            }),
-            (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.shift)()
-        ],
-        placement: "top-end",
-        whileElementsMounted: _floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.autoUpdate
-    });
-    const handleBlur = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
-        const eventComesFromActions = refs.floating.current?.contains(event.relatedTarget);
-        const eventComesFromBoard = event.currentTarget.contains(event.relatedTarget);
-        const isLocalEvent = eventComesFromActions || eventComesFromBoard;
+    const floatingActions = (0,_hooks__WEBPACK_IMPORTED_MODULE_12__/* .useFloatingActions */ .Fc)();
+    const floatingInputPrompt = (0,_hooks__WEBPACK_IMPORTED_MODULE_12__/* .useFloatingInputPrompt */ .gx)();
+    const floatingFocus = (0,_hooks__WEBPACK_IMPORTED_MODULE_12__/* .useFloatingFocus */ .RD)();
+    const handleBlur = (0,react__WEBPACK_IMPORTED_MODULE_4__.useCallback)((event)=>{
+        const comesFromActions = floatingActions.refs.floating.current?.contains(event.relatedTarget);
+        const comesFromBoard = event.currentTarget.contains(event.relatedTarget);
+        const comesFromFocus = floatingFocus.refs.floating.current?.contains(event.relatedTarget);
+        const comesFromInputPrompt = floatingInputPrompt.refs.floating.current?.contains(event.relatedTarget);
+        const isLocalEvent = comesFromActions || comesFromBoard || comesFromFocus || comesFromInputPrompt;
         if (!isLocalEvent) {
-            setShowActions(false);
+            setHasFocus(false);
         }
     }, [
-        refs.floating
+        floatingActions.refs.floating,
+        floatingFocus.refs.floating,
+        floatingInputPrompt.refs.floating
     ]);
-    const handleDirectionToggle = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(()=>{
-        inputRef.current?.focus();
-        onDirectionToggle();
+    const updateFloatingReference = (0,react__WEBPACK_IMPORTED_MODULE_4__.useCallback)((newReference)=>{
+        floatingActions.refs.setReference(newReference);
+        floatingFocus.refs.setReference(newReference);
+        floatingInputPrompt.refs.setReference(newReference);
     }, [
-        inputRef,
-        onDirectionToggle
+        floatingActions.refs,
+        floatingFocus.refs,
+        floatingInputPrompt.refs
     ]);
-    const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((newX, newY)=>{
-        const isFirstFocus = !showActions;
-        const originalTransition = refs.floating.current?.style.transition || "";
+    const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_4__.useCallback)((newX, newY)=>{
+        const isFirstFocus = !hasFocus;
+        const originalTransition = floatingActions.refs.floating.current?.style.transition || "";
         const newInputRef = inputRefs[newY][newX].current;
         const newTileElement = newInputRef?.parentElement || null;
-        if (isFirstFocus) {
-            setTransition("none");
-        }
-        refs.setReference(newTileElement);
+        updateFloatingReference(newTileElement);
         onFocus(newX, newY);
-        setShowActions(true);
+        setHasFocus(true);
+        setShowInputPrompt(false);
         if (isFirstFocus) {
-            setTimeout(()=>{
+            setTransition("none");
+            globalThis.setTimeout(()=>{
                 setTransition(originalTransition);
             }, 0);
         }
     }, [
+        floatingActions.refs.floating,
+        hasFocus,
         inputRefs,
         onFocus,
-        refs.floating,
-        refs.setReference,
-        showActions
+        updateFloatingReference
     ]);
-    const handleToggleBlank = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(()=>{
-        inputRef.current?.focus();
-        dispatch(state__WEBPACK_IMPORTED_MODULE_8__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(cell));
+    const handleEnterWord = (0,react__WEBPACK_IMPORTED_MODULE_4__.useCallback)(()=>{
+        setShowInputPrompt(true);
+    }, []);
+    const handleInsertWord = (0,react__WEBPACK_IMPORTED_MODULE_4__.useCallback)((word)=>{
+        if (word.trim().length === 0) {
+            dispatch(state__WEBPACK_IMPORTED_MODULE_9__/* .boardSlice.actions.changeCellValue */ .I8.actions.changeCellValue({
+                ...activeIndex,
+                value: _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_2__.EMPTY_CELL
+            }));
+        } else {
+            insertValue(activeIndex, word.toLocaleLowerCase(locale));
+        }
+        setShowInputPrompt(false);
+        dispatch(state__WEBPACK_IMPORTED_MODULE_9__/* .solveSlice.actions.submit */ .TP.actions.submit());
+        setHasFocus(false);
+    }, [
+        activeIndex,
+        dispatch,
+        locale
+    ]);
+    const handleToggleBlank = (0,react__WEBPACK_IMPORTED_MODULE_4__.useCallback)(()=>{
+        if (inputMode === "keyboard") {
+            inputRef.current?.focus();
+        }
+        dispatch(state__WEBPACK_IMPORTED_MODULE_9__/* .boardSlice.actions.toggleCellIsBlank */ .I8.actions.toggleCellIsBlank(cell));
     }, [
         cell,
         dispatch,
+        inputMode,
         inputRef
     ]);
-    const handleToggleFilterCell = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(()=>{
-        inputRef.current?.focus();
-        dispatch(state__WEBPACK_IMPORTED_MODULE_8__/* .cellFilterSlice.actions.toggle */ .mO.actions.toggle(cell));
+    const handleToggleDirection = (0,react__WEBPACK_IMPORTED_MODULE_4__.useCallback)(()=>{
+        if (inputMode === "keyboard") {
+            inputRef.current?.focus();
+        }
+        onDirectionToggle();
+    }, [
+        inputMode,
+        inputRef,
+        onDirectionToggle
+    ]);
+    const handleToggleFilterCell = (0,react__WEBPACK_IMPORTED_MODULE_4__.useCallback)(()=>{
+        if (inputMode === "keyboard") {
+            inputRef.current?.focus();
+        }
+        dispatch(state__WEBPACK_IMPORTED_MODULE_9__/* .cellFilterSlice.actions.toggle */ .mO.actions.toggle(cell));
     }, [
         cell,
         dispatch,
+        inputMode,
         inputRef
     ]);
+    const ref = react_cool_onclickoutside__WEBPACK_IMPORTED_MODULE_5___default()(()=>setHasFocus(false), {
+        ignoreClass: [
+            (_Board_module_scss__WEBPACK_IMPORTED_MODULE_13___default().floating)
+        ]
+    });
     return /*#__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(_BoardPure__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_BoardPure__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
                 className: className,
                 cellSize: cellSize,
                 inputRefs: inputRefs,
+                ref: ref,
                 rows: rows,
                 style: boardStyle,
                 onBlur: handleBlur,
@@ -1670,29 +1737,56 @@ const Board = ({ className  })=>{
                 onKeyDown: onKeyDown,
                 onPaste: onPaste
             }),
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.FloatingPortal, {
-                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_10__/* .Actions */ .e, {
-                    cell: cell,
-                    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Board_module_scss__WEBPACK_IMPORTED_MODULE_12___default().actions), {
-                        [(_Board_module_scss__WEBPACK_IMPORTED_MODULE_12___default().shown)]: showActions
+            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.FloatingPortal, {
+                children: [
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                        className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_Board_module_scss__WEBPACK_IMPORTED_MODULE_13___default().floating), (_Board_module_scss__WEBPACK_IMPORTED_MODULE_13___default().focus), {
+                            [(_Board_module_scss__WEBPACK_IMPORTED_MODULE_13___default().hidden)]: !hasFocus
+                        }),
+                        ref: floatingFocus.refs.setFloating,
+                        style: {
+                            position: floatingFocus.strategy,
+                            top: floatingFocus.y ? floatingFocus.y + cellSize : 0,
+                            left: floatingFocus.x ?? 0,
+                            width: cellSize,
+                            height: cellSize,
+                            opacity: hasFocus ? 1 : 0,
+                            visibility: floatingFocus.x === null || floatingFocus.y === null ? "hidden" : "visible",
+                            transition
+                        },
+                        tabIndex: 0
                     }),
-                    disabled: !showActions,
-                    direction: direction,
-                    ref: refs.setFloating,
-                    style: {
-                        position: strategy,
-                        top: y ?? 0,
-                        left: x ?? 0,
-                        transition,
-                        opacity: showActions ? 1 : 0,
-                        pointerEvents: showActions ? "auto" : "none",
-                        userSelect: showActions ? "auto" : "none",
-                        visibility: x === null || y === null ? "hidden" : "visible"
-                    },
-                    onDirectionToggle: handleDirectionToggle,
-                    onToggleBlank: handleToggleBlank,
-                    onToggleFilterCell: handleToggleFilterCell
-                })
+                    hasFocus && !showInputPrompt && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_11__/* .Actions */ .eX, {
+                        cell: cell,
+                        className: (_Board_module_scss__WEBPACK_IMPORTED_MODULE_13___default().floating),
+                        direction: direction,
+                        ref: floatingActions.refs.setFloating,
+                        style: {
+                            position: floatingActions.strategy,
+                            top: floatingActions.y ?? 0,
+                            left: floatingActions.x ?? 0,
+                            transition
+                        },
+                        onDirectionToggle: handleToggleDirection,
+                        onEnterWord: handleEnterWord,
+                        onToggleBlank: handleToggleBlank,
+                        onToggleFilterCell: handleToggleFilterCell
+                    }),
+                    hasFocus && showInputPrompt && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_11__/* .InputPrompt */ .zT, {
+                        className: (_Board_module_scss__WEBPACK_IMPORTED_MODULE_13___default().floating),
+                        direction: direction,
+                        initialValue: cell.tile.character,
+                        ref: floatingInputPrompt.refs.setFloating,
+                        style: {
+                            position: floatingInputPrompt.strategy,
+                            top: floatingInputPrompt.y ?? 0,
+                            left: floatingInputPrompt.x ?? 0,
+                            transition
+                        },
+                        onDirectionToggle: handleToggleDirection,
+                        onSubmit: handleInsertWord
+                    })
+                ]
             })
         ]
     });
@@ -1728,14 +1822,15 @@ _components__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then
 
 
 
-const BoardPure = ({ className , cellSize , inputRefs , rows , style , onBlur , onChange , onFocus , onKeyDown , onPaste  })=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+const BoardPure = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(({ className , cellSize , inputRefs , rows , style , onBlur , onChange , onFocus , onKeyDown , onPaste  }, ref)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
         className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default().board), className),
+        ref: ref,
         style: style,
         onBlur: onBlur,
         onKeyDown: onKeyDown,
         onPaste: onPaste,
         children: rows.map((cells, y)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, {
-                children: cells.map((cell, x)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_3__/* .Cell */ .b, {
+                children: cells.map((cell, x)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_3__/* .Cell */ .bL, {
                         className: (_Board_module_scss__WEBPACK_IMPORTED_MODULE_4___default().cell),
                         cell: cell,
                         cellBottom: y < rows.length - 1 ? rows[y + 1][x] : undefined,
@@ -1748,7 +1843,7 @@ const BoardPure = ({ className , cellSize , inputRefs , rows , style , onBlur ,
                         onFocus: onFocus
                     }, x))
             }, y))
-    });
+    }));
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.memo)(BoardPure));
 
 __webpack_async_result__();
@@ -1771,14 +1866,15 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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 icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(58966);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(20208);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3186);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(18954);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83067);
 /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(83900);
-/* harmony import */ var _Actions_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(79739);
-/* harmony import */ var _Actions_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Actions_module_scss__WEBPACK_IMPORTED_MODULE_8__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__, _Button__WEBPACK_IMPORTED_MODULE_7__]);
-([state__WEBPACK_IMPORTED_MODULE_6__, _Button__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var _ToggleDirectionButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(8389);
+/* harmony import */ var _Actions_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(79739);
+/* harmony import */ var _Actions_module_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_Actions_module_scss__WEBPACK_IMPORTED_MODULE_9__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__, _Button__WEBPACK_IMPORTED_MODULE_7__, _ToggleDirectionButton__WEBPACK_IMPORTED_MODULE_8__]);
+([state__WEBPACK_IMPORTED_MODULE_6__, _Button__WEBPACK_IMPORTED_MODULE_7__, _ToggleDirectionButton__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -1788,8 +1884,10 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 
-const Actions = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_3__.forwardRef)(({ cell , className , direction , disabled , onDirectionToggle , onToggleBlank , onToggleFilterCell , ...props }, ref)=>{
+
+const Actions = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_3__.forwardRef)(({ cell , className , direction , onDirectionToggle , onEnterWord , onToggleBlank , onToggleFilterCell , ...props }, ref)=>{
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTranslate */ .qM)();
+    const inputMode = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectInputMode */ .Ub);
     const isFiltered = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_6__/* .selectCellIsFiltered */ .id)(state, cell));
     const resultCandidateCells = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectResultCandidateCells */ .GL);
     const isBlank = cell.tile.isBlank;
@@ -1797,36 +1895,36 @@ const Actions = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_3__.forwardRef)(
     // On iOS it helps with losing focus too early which makes Actions disappear
     const handleMouseDown = (event)=>event.preventDefault();
     return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_8___default().actions), className),
+        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_9___default().actions), className),
         ref: ref,
         ...props,
         children: [
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
-                "aria-label": translate("cell.toggle-direction"),
-                className: (_Actions_module_scss__WEBPACK_IMPORTED_MODULE_8___default().action),
-                Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .ArrowDown */ .K5,
-                iconClassName: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_8___default().toggleDirection), {
-                    [(_Actions_module_scss__WEBPACK_IMPORTED_MODULE_8___default().right)]: direction === "horizontal"
-                }),
-                tabIndex: disabled ? -1 : undefined,
-                tooltip: translate("cell.toggle-direction"),
+            inputMode === "touchscreen" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                "aria-label": translate("cell.enter-word"),
+                className: (_Actions_module_scss__WEBPACK_IMPORTED_MODULE_9___default().action),
+                Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .Keyboard */ .N1,
+                tooltip: translate("cell.enter-word"),
+                onClick: onEnterWord,
+                onMouseDown: handleMouseDown
+            }),
+            inputMode === "keyboard" && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ToggleDirectionButton__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+                className: (_Actions_module_scss__WEBPACK_IMPORTED_MODULE_9___default().action),
+                direction: direction,
                 onClick: onDirectionToggle,
                 onMouseDown: handleMouseDown
             }),
             isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                 "aria-label": translate("cell.filter-cell"),
-                className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_8___default().action)),
+                className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Actions_module_scss__WEBPACK_IMPORTED_MODULE_9___default().action)),
                 Icon: isFiltered ? icons__WEBPACK_IMPORTED_MODULE_4__/* .Flag */ .WN : icons__WEBPACK_IMPORTED_MODULE_4__/* .FlagFill */ .aR,
-                tabIndex: disabled ? -1 : undefined,
                 tooltip: translate("cell.filter-cell"),
                 onClick: onToggleFilterCell,
                 onMouseDown: handleMouseDown
             }),
             !isEmpty && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                 "aria-label": isBlank ? translate("cell.set-not-blank") : translate("cell.set-blank"),
-                className: (_Actions_module_scss__WEBPACK_IMPORTED_MODULE_8___default().action),
+                className: (_Actions_module_scss__WEBPACK_IMPORTED_MODULE_9___default().action),
                 Icon: isBlank ? icons__WEBPACK_IMPORTED_MODULE_4__/* .SquareFill */ .uX : icons__WEBPACK_IMPORTED_MODULE_4__/* .Square */ .bK,
-                tabIndex: disabled ? -1 : undefined,
                 tooltip: isBlank ? translate("cell.set-not-blank") : translate("cell.set-blank"),
                 onClick: onToggleBlank,
                 onMouseDown: handleMouseDown
@@ -1891,13 +1989,43 @@ const Cell = ({ cell , cellBottom , cellLeft , cellRight , cellTop , className ,
     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);
+    const inputMode = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectInputMode */ .Ub);
     const points = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_4__/* .selectTilePoints */ .Zf)(state, cell.tile));
     const isValid = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)((state)=>(0,state__WEBPACK_IMPORTED_MODULE_4__/* .selectCellIsValid */ .fZ)(state, cell));
     const isEmpty = tile.character === _scrabble_solver_constants__WEBPACK_IMPORTED_MODULE_1__.EMPTY_CELL;
-    const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(()=>onFocus(x, y), [
+    const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
+        if (inputMode === "touchscreen") {
+            event.preventDefault();
+            event.target.blur();
+        }
+        onFocus(x, y);
+    }, [
+        inputMode,
+        onFocus,
         x,
-        y,
-        onFocus
+        y
+    ]);
+    const handleMouseDown = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
+        if (inputMode === "touchscreen") {
+            event.preventDefault();
+        }
+        onFocus(x, y);
+    }, [
+        inputMode,
+        onFocus,
+        x,
+        y
+    ]);
+    const handleTouchStart = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
+        if (inputMode === "touchscreen") {
+            event.preventDefault();
+        }
+        onFocus(x, y);
+    }, [
+        inputMode,
+        onFocus,
+        x,
+        y
     ]);
     return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Tile__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
         "aria-label": translate("cell.tile.location", {
@@ -1920,7 +2048,9 @@ const Cell = ({ cell , cellBottom , cellLeft , cellRight , cellTop , className ,
         size: size,
         tabIndex: cell.x === 0 && cell.y === 0 ? undefined : -1,
         onChange: onChange,
-        onFocus: handleFocus
+        onFocus: handleFocus,
+        onMouseDown: handleMouseDown,
+        onTouchStart: handleTouchStart
     });
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Cell);
@@ -1943,6 +2073,181 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Cel
 _Cell__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); } });
+
+/***/ }),
+
+/***/ 58121:
+/***/ ((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 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 icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3186);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83067);
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83900);
+/* harmony import */ var _ToggleDirectionButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8389);
+/* harmony import */ var _InputPrompt_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1774);
+/* harmony import */ var _InputPrompt_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_InputPrompt_module_scss__WEBPACK_IMPORTED_MODULE_7__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__, _ToggleDirectionButton__WEBPACK_IMPORTED_MODULE_6__]);
+([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__, _ToggleDirectionButton__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
+
+
+
+
+
+
+const InputPrompt = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(({ className , direction , initialValue , onDirectionToggle , onSubmit , ...props }, ref)=>{
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTranslate */ .qM)();
+    const [inputRef, setInputRef] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null);
+    const [input, setInput] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(initialValue.trim());
+    // On iOS it helps with losing focus too early which makes Actions disappear
+    const handleMouseDown = (event)=>event.preventDefault();
+    const handleSubmit = (event)=>{
+        event.preventDefault();
+        event.stopPropagation();
+        onSubmit(input);
+    };
+    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(()=>{
+        if (inputRef) {
+            inputRef.focus();
+            inputRef.select();
+        }
+    }, [
+        inputRef
+    ]);
+    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("form", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_InputPrompt_module_scss__WEBPACK_IMPORTED_MODULE_7___default().inputPrompt), className),
+        ref: ref,
+        onSubmit: handleSubmit,
+        ...props,
+        children: [
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_ToggleDirectionButton__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                className: (_InputPrompt_module_scss__WEBPACK_IMPORTED_MODULE_7___default().toggleDirection),
+                direction: direction,
+                onClick: onDirectionToggle,
+                onMouseDown: handleMouseDown
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
+                    autoCapitalize: "none",
+                    autoComplete: "off",
+                    autoCorrect: "off",
+                    className: (_InputPrompt_module_scss__WEBPACK_IMPORTED_MODULE_7___default().input),
+                    placeholder: translate("rack.placeholder"),
+                    spellCheck: false,
+                    ref: setInputRef,
+                    value: input,
+                    onChange: (event)=>setInput(event.target.value)
+                })
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+                "aria-label": translate("results.insert"),
+                className: (_InputPrompt_module_scss__WEBPACK_IMPORTED_MODULE_7___default().insert),
+                Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .Check */ .Jr,
+                iconClassName: (_InputPrompt_module_scss__WEBPACK_IMPORTED_MODULE_7___default().insertIcon),
+                tooltip: translate("results.insert"),
+                type: "submit",
+                variant: "primary",
+                onMouseDown: handleMouseDown
+            })
+        ]
+    });
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InputPrompt);
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 60150:
+/***/ ((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 */ _InputPrompt__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _InputPrompt__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(58121);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_InputPrompt__WEBPACK_IMPORTED_MODULE_0__]);
+_InputPrompt__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); } });
+
+/***/ }),
+
+/***/ 36560:
+/***/ ((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 icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3186);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(83067);
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83900);
+/* harmony import */ var _ToggleDirectionButton_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(41264);
+/* harmony import */ var _ToggleDirectionButton_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_ToggleDirectionButton_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 ToggleDirectionButton = ({ className , direction , ...props })=>{
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTranslate */ .qM)();
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+        "aria-label": translate("cell.toggle-direction"),
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_ToggleDirectionButton_module_scss__WEBPACK_IMPORTED_MODULE_5___default().button), className),
+        Icon: icons__WEBPACK_IMPORTED_MODULE_2__/* .ArrowDown */ .K5,
+        iconClassName: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_ToggleDirectionButton_module_scss__WEBPACK_IMPORTED_MODULE_5___default().icon), {
+            [(_ToggleDirectionButton_module_scss__WEBPACK_IMPORTED_MODULE_5___default().right)]: direction === "horizontal"
+        }),
+        tooltip: translate("cell.toggle-direction"),
+        ...props
+    });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ToggleDirectionButton);
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 8389:
+/***/ ((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 */ _ToggleDirectionButton__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _ToggleDirectionButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(36560);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_ToggleDirectionButton__WEBPACK_IMPORTED_MODULE_0__]);
+_ToggleDirectionButton__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); } });
 
@@ -1954,13 +2259,18 @@ __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 */   "b": () => (/* reexport safe */ _Cell__WEBPACK_IMPORTED_MODULE_1__.Z),
-/* harmony export */   "e": () => (/* reexport safe */ _Actions__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */   "bL": () => (/* reexport safe */ _Cell__WEBPACK_IMPORTED_MODULE_1__.Z),
+/* harmony export */   "eX": () => (/* reexport safe */ _Actions__WEBPACK_IMPORTED_MODULE_0__.Z),
+/* harmony export */   "zT": () => (/* reexport safe */ _InputPrompt__WEBPACK_IMPORTED_MODULE_2__.Z)
 /* harmony export */ });
 /* harmony import */ var _Actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(38833);
 /* harmony import */ var _Cell__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21533);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Actions__WEBPACK_IMPORTED_MODULE_0__, _Cell__WEBPACK_IMPORTED_MODULE_1__]);
-([_Actions__WEBPACK_IMPORTED_MODULE_0__, _Cell__WEBPACK_IMPORTED_MODULE_1__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var _InputPrompt__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60150);
+/* harmony import */ var _ToggleDirectionButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8389);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_Actions__WEBPACK_IMPORTED_MODULE_0__, _Cell__WEBPACK_IMPORTED_MODULE_1__, _InputPrompt__WEBPACK_IMPORTED_MODULE_2__, _ToggleDirectionButton__WEBPACK_IMPORTED_MODULE_3__]);
+([_Actions__WEBPACK_IMPORTED_MODULE_0__, _Cell__WEBPACK_IMPORTED_MODULE_1__, _InputPrompt__WEBPACK_IMPORTED_MODULE_2__, _ToggleDirectionButton__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
 
 
 
@@ -1975,13 +2285,24 @@ __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 */   "N": () => (/* reexport safe */ _useGrid__WEBPACK_IMPORTED_MODULE_1__.Z),
-/* harmony export */   "c": () => (/* reexport safe */ _useBackgroundImage__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */   "Fc": () => (/* reexport safe */ _useFloatingActions__WEBPACK_IMPORTED_MODULE_2__.Z),
+/* harmony export */   "Nm": () => (/* reexport safe */ _useGrid__WEBPACK_IMPORTED_MODULE_5__.Z),
+/* harmony export */   "RD": () => (/* reexport safe */ _useFloatingFocus__WEBPACK_IMPORTED_MODULE_3__.Z),
+/* harmony export */   "gx": () => (/* reexport safe */ _useFloatingInputPrompt__WEBPACK_IMPORTED_MODULE_4__.Z),
+/* harmony export */   "oQ": () => (/* reexport safe */ _useBoardStyle__WEBPACK_IMPORTED_MODULE_1__.Z)
 /* harmony export */ });
 /* harmony import */ var _useBackgroundImage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96589);
-/* harmony import */ var _useGrid__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(27070);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useBackgroundImage__WEBPACK_IMPORTED_MODULE_0__, _useGrid__WEBPACK_IMPORTED_MODULE_1__]);
-([_useBackgroundImage__WEBPACK_IMPORTED_MODULE_0__, _useGrid__WEBPACK_IMPORTED_MODULE_1__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* harmony import */ var _useBoardStyle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8220);
+/* harmony import */ var _useFloatingActions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(49998);
+/* harmony import */ var _useFloatingFocus__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50353);
+/* harmony import */ var _useFloatingInputPrompt__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(63714);
+/* harmony import */ var _useGrid__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(27070);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useBackgroundImage__WEBPACK_IMPORTED_MODULE_0__, _useBoardStyle__WEBPACK_IMPORTED_MODULE_1__, _useFloatingActions__WEBPACK_IMPORTED_MODULE_2__, _useFloatingFocus__WEBPACK_IMPORTED_MODULE_3__, _useFloatingInputPrompt__WEBPACK_IMPORTED_MODULE_4__, _useGrid__WEBPACK_IMPORTED_MODULE_5__]);
+([_useBackgroundImage__WEBPACK_IMPORTED_MODULE_0__, _useBoardStyle__WEBPACK_IMPORTED_MODULE_1__, _useFloatingActions__WEBPACK_IMPORTED_MODULE_2__, _useFloatingFocus__WEBPACK_IMPORTED_MODULE_3__, _useFloatingInputPrompt__WEBPACK_IMPORTED_MODULE_4__, _useGrid__WEBPACK_IMPORTED_MODULE_5__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
+
+
 
 
 
@@ -2008,8 +2329,8 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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 hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(75704);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(58966);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(20208);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3186);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(18954);
 /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(64534);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(83067);
 /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(41051);
@@ -2241,6 +2562,148 @@ __webpack_async_result__();
 
 /***/ }),
 
+/***/ 8220:
+/***/ ((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 hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(75704);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(18954);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(83067);
+/* harmony import */ var _useBackgroundImage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(96589);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_1__, state__WEBPACK_IMPORTED_MODULE_3__, _useBackgroundImage__WEBPACK_IMPORTED_MODULE_4__]);
+([hooks__WEBPACK_IMPORTED_MODULE_1__, state__WEBPACK_IMPORTED_MODULE_3__, _useBackgroundImage__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
+
+
+
+const useBoardStyle = ()=>{
+    const config = (0,state__WEBPACK_IMPORTED_MODULE_3__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_3__/* .selectConfig */ .$o);
+    const { cellSize  } = (0,hooks__WEBPACK_IMPORTED_MODULE_1__/* .useAppLayout */ .Ft)();
+    const { tileFontSize  } = (0,lib__WEBPACK_IMPORTED_MODULE_2__/* .getTileSizes */ .vc)(cellSize);
+    const backgroundImage = (0,_useBackgroundImage__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)();
+    const boardStyle = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(()=>({
+            backgroundImage,
+            fontSize: tileFontSize,
+            gridTemplateColumns: `repeat(${config.boardWidth}, 1fr)`,
+            gridTemplateRows: `repeat(${config.boardHeight}, 1fr)`
+        }), [
+        backgroundImage,
+        config.boardHeight,
+        config.boardWidth,
+        tileFontSize
+    ]);
+    return boardStyle;
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useBoardStyle);
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 49998:
+/***/ ((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 _floating_ui_react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(21964);
+/* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(75704);
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64534);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_floating_ui_react__WEBPACK_IMPORTED_MODULE_0__, hooks__WEBPACK_IMPORTED_MODULE_1__]);
+([_floating_ui_react__WEBPACK_IMPORTED_MODULE_0__, hooks__WEBPACK_IMPORTED_MODULE_1__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
+
+const useFloatingActions = ()=>{
+    const { actionsWidth  } = (0,hooks__WEBPACK_IMPORTED_MODULE_1__/* .useAppLayout */ .Ft)();
+    return (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_0__.useFloating)({
+        middleware: [
+            (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_0__.offset)({
+                mainAxis: -parameters__WEBPACK_IMPORTED_MODULE_2__/* .BOARD_CELL_ACTIONS_OFFSET */ .IO,
+                alignmentAxis: parameters__WEBPACK_IMPORTED_MODULE_2__/* .BOARD_CELL_ACTIONS_OFFSET */ .IO - actionsWidth
+            }),
+            (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_0__.shift)()
+        ],
+        placement: "top-end",
+        whileElementsMounted: _floating_ui_react__WEBPACK_IMPORTED_MODULE_0__.autoUpdate
+    });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useFloatingActions);
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 50353:
+/***/ ((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 _floating_ui_react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(21964);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_floating_ui_react__WEBPACK_IMPORTED_MODULE_0__]);
+_floating_ui_react__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+const useFloatingFocus = ()=>{
+    return (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_0__.useFloating)({
+        placement: "top-start",
+        whileElementsMounted: _floating_ui_react__WEBPACK_IMPORTED_MODULE_0__.autoUpdate
+    });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useFloatingFocus);
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 63714:
+/***/ ((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 _floating_ui_react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(21964);
+/* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64534);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_floating_ui_react__WEBPACK_IMPORTED_MODULE_0__]);
+_floating_ui_react__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
+
+
+const useFloatingInputPrompt = ()=>{
+    return (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_0__.useFloating)({
+        middleware: [
+            (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_0__.offset)({
+                mainAxis: -parameters__WEBPACK_IMPORTED_MODULE_1__/* .BOARD_CELL_ACTIONS_OFFSET */ .IO,
+                alignmentAxis: parameters__WEBPACK_IMPORTED_MODULE_1__/* .BOARD_CELL_ACTIONS_OFFSET */ .IO
+            }),
+            (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_0__.shift)()
+        ],
+        placement: "top",
+        whileElementsMounted: _floating_ui_react__WEBPACK_IMPORTED_MODULE_0__.autoUpdate
+    });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useFloatingInputPrompt);
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
 /***/ 27070:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
@@ -2258,7 +2721,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75704);
 /* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(36743);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(20208);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(18954);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(83067);
 /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(41051);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_7__]);
@@ -2617,6 +3080,7 @@ const useGrid = (rows)=>{
             inputRefs
         },
         {
+            insertValue,
             onChange,
             onDirectionToggle,
             onFocus,
@@ -2838,8 +3302,8 @@ __webpack_async_result__();
 var jsx_runtime_ = __webpack_require__(20997);
 // EXTERNAL MODULE: external "classnames"
 var external_classnames_ = __webpack_require__(59003);
-// EXTERNAL MODULE: ./src/icons/index.ts + 41 modules
-var icons = __webpack_require__(58966);
+// EXTERNAL MODULE: ./src/icons/index.ts + 42 modules
+var icons = __webpack_require__(3186);
 ;// CONCATENATED MODULE: ./src/components/Checkbox/Checkbox.tsx
 
 
@@ -3473,7 +3937,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_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(19931);
 /* harmony import */ var react_modal__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_modal__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(58966);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3186);
 /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64534);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83067);
 /* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95975);
@@ -3648,7 +4112,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 hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(75704);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(58966);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3186);
 /* harmony import */ var parameters__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(64534);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83067);
 /* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(95975);
@@ -3763,7 +4227,7 @@ const NavButtons = ({ onClear , onShowKeyMap , onShowMenu , onShowRemainingTiles
                     showKeyMap && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_IconButton__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                         "aria-label": translate("keyMap"),
                         className: (_NavButtons_module_scss__WEBPACK_IMPORTED_MODULE_8___default().button),
-                        Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .Keyboard */ .N1,
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .KeyboardFill */ .KD,
                         tooltip: translate("keyMap"),
                         onClick: onShowKeyMap
                     }),
@@ -3816,8 +4280,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(20997);
-// EXTERNAL MODULE: ./src/icons/index.ts + 41 modules
-var icons = __webpack_require__(58966);
+// EXTERNAL MODULE: ./src/icons/index.ts + 42 modules
+var icons = __webpack_require__(3186);
 // EXTERNAL MODULE: ./src/components/PlainTiles/index.ts + 9 modules
 var PlainTiles = __webpack_require__(83601);
 // EXTERNAL MODULE: ./src/components/NotFound/NotFound.module.scss
@@ -4129,20 +4593,27 @@ __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_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__(20208);
-/* 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__);
-/* harmony import */ var _RackTile__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(92810);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_6__, _RackTile__WEBPACK_IMPORTED_MODULE_7__]);
-([state__WEBPACK_IMPORTED_MODULE_6__, _RackTile__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* 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 react_cool_onclickoutside__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(54620);
+/* harmony import */ var react_cool_onclickoutside__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_cool_onclickoutside__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6022);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var hooks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(75704);
+/* harmony import */ var i18n__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(36743);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(18954);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(83067);
+/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(30032);
+/* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(52404);
+/* harmony import */ var _Rack_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_11__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, hooks__WEBPACK_IMPORTED_MODULE_6__, state__WEBPACK_IMPORTED_MODULE_9__, _components__WEBPACK_IMPORTED_MODULE_10__]);
+([_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__, hooks__WEBPACK_IMPORTED_MODULE_6__, state__WEBPACK_IMPORTED_MODULE_9__, _components__WEBPACK_IMPORTED_MODULE_10__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* eslint-disable max-lines, max-statements */ 
+
+
 
 
 
@@ -4153,23 +4624,38 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 const Rack = ({ className , tileSize  })=>{
-    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
-    const config = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectConfig */ .$o);
-    const locale = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectLocale */ .fN);
-    const rack = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectRack */ .QB);
-    const resultCandidateTiles = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectResultCandidateTiles */ .z$);
-    const tiles = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_5__/* .zipCharactersAndTiles */ .gV)(rack, resultCandidateTiles), [
+    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useDispatch)();
+    const config = (0,state__WEBPACK_IMPORTED_MODULE_9__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_9__/* .selectConfig */ .$o);
+    const locale = (0,state__WEBPACK_IMPORTED_MODULE_9__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_9__/* .selectLocale */ .fN);
+    const rack = (0,state__WEBPACK_IMPORTED_MODULE_9__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_9__/* .selectRack */ .QB);
+    const inputMode = (0,state__WEBPACK_IMPORTED_MODULE_9__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_9__/* .selectInputMode */ .Ub);
+    const { rackHeight  } = (0,hooks__WEBPACK_IMPORTED_MODULE_6__/* .useAppLayout */ .Ft)();
+    const resultCandidateTiles = (0,state__WEBPACK_IMPORTED_MODULE_9__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_9__/* .selectResultCandidateTiles */ .z$);
+    const tiles = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_8__/* .zipCharactersAndTiles */ .gV)(rack, resultCandidateTiles), [
         rack,
         resultCandidateTiles
     ]);
     const tilesCount = tiles.length;
-    const tilesRefs = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_5__/* .createArray */ .Ri)(tilesCount).map(()=>/*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_2__.createRef)()), [
+    const tilesRefs = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>(0,lib__WEBPACK_IMPORTED_MODULE_8__/* .createArray */ .Ri)(tilesCount).map(()=>/*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_3__.createRef)()), [
         tilesCount
     ]);
-    const activeIndexRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
-    const { direction  } = i18n__WEBPACK_IMPORTED_MODULE_4__/* .LOCALE_FEATURES */ .q0[locale];
-    const { tileFontSize  } = (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .getTileSizes */ .vc)(tileSize);
-    const changeActiveIndex = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((offset)=>{
+    const activeIndexRef = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)();
+    const [hasFocus, setHasFocus] = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)(false);
+    const [input, setInput] = (0,react__WEBPACK_IMPORTED_MODULE_3__.useState)("");
+    const { direction  } = i18n__WEBPACK_IMPORTED_MODULE_7__/* .LOCALE_FEATURES */ .q0[locale];
+    const { tileFontSize  } = (0,lib__WEBPACK_IMPORTED_MODULE_8__/* .getTileSizes */ .vc)(tileSize);
+    const showInputPrompt = inputMode === "touchscreen" && hasFocus;
+    const ref = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)(null);
+    react_cool_onclickoutside__WEBPACK_IMPORTED_MODULE_4___default()(()=>setHasFocus(false), {
+        ignoreClass: [
+            _components__WEBPACK_IMPORTED_MODULE_10__/* .InputPrompt.styles.form */ .z.styles.form,
+            _components__WEBPACK_IMPORTED_MODULE_10__/* .InputPrompt.styles.input */ .z.styles.input
+        ],
+        refs: [
+            ref
+        ]
+    });
+    const changeActiveIndex = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((offset)=>{
         const nextActiveIndex = Math.min(Math.max((activeIndexRef.current || 0) + offset, 0), tilesCount - 1);
         const tileRef = tilesRefs[nextActiveIndex].current;
         if (tileRef) {
@@ -4181,24 +4667,24 @@ const Rack = ({ className , tileSize  })=>{
         tilesCount,
         tilesRefs
     ]);
-    const handleChange = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((event)=>{
-        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) : [];
+    const handleChange = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
+        const value = (0,lib__WEBPACK_IMPORTED_MODULE_8__/* .extractInputValue */ .WM)(event.target);
+        const characters = value ? (0,lib__WEBPACK_IMPORTED_MODULE_8__/* .extractCharacters */ .nK)(config, value) : [];
         changeActiveIndex(value ? characters.length : -1);
     }, [
         changeActiveIndex,
         config
     ]);
-    const handlePaste = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((event)=>{
+    const handlePaste = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
         const index = activeIndexRef.current;
         if (typeof index === "undefined") {
             return;
         }
         event.preventDefault();
         const value = event.clipboardData.getData("text/plain").toLocaleLowerCase();
-        const characters = value ? (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .extractCharacters */ .nK)(config, value) : [];
+        const characters = value ? (0,lib__WEBPACK_IMPORTED_MODULE_8__/* .extractCharacters */ .nK)(config, value) : [];
         changeActiveIndex(value ? characters.length : -1);
-        dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .rackSlice.actions.changeCharacters */ .O_.actions.changeCharacters({
+        dispatch(state__WEBPACK_IMPORTED_MODULE_9__/* .rackSlice.actions.changeCharacters */ .O_.actions.changeCharacters({
             characters,
             index
         }));
@@ -4207,8 +4693,20 @@ const Rack = ({ className , tileSize  })=>{
         config,
         dispatch
     ]);
-    const handleKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>{
-        return (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .createKeyboardNavigation */ .np)({
+    const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(()=>{
+        setHasFocus(true);
+        floatingInputPrompt.refs.setPositionReference(ref.current);
+        const characters = rack.filter((character)=>character !== null);
+        const uppercasedDigraphs = characters.map((character)=>{
+            return character.length > 1 ? character.toLocaleUpperCase(locale) : character;
+        });
+        setInput(uppercasedDigraphs.join(""));
+    }, [
+        rack,
+        ref
+    ]);
+    const handleKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_3__.useMemo)(()=>{
+        return (0,lib__WEBPACK_IMPORTED_MODULE_8__/* .createKeyboardNavigation */ .np)({
             onArrowLeft: (event)=>{
                 event.preventDefault();
                 changeActiveIndex(direction === "ltr" ? -1 : 1);
@@ -4227,7 +4725,7 @@ const Rack = ({ className , tileSize  })=>{
                     return;
                 }
                 event.preventDefault();
-                dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .rackSlice.actions.changeCharacters */ .O_.actions.changeCharacters({
+                dispatch(state__WEBPACK_IMPORTED_MODULE_9__/* .rackSlice.actions.changeCharacters */ .O_.actions.changeCharacters({
                     characters: [
                         null
                     ],
@@ -4236,7 +4734,7 @@ const Rack = ({ className , tileSize  })=>{
                 changeActiveIndex(1);
             },
             onKeyDown: (event)=>{
-                if ((0,lib__WEBPACK_IMPORTED_MODULE_5__/* .isCtrl */ .yl)(event) && config.isTwoCharacterTilePrefix(event.key)) {
+                if ((0,lib__WEBPACK_IMPORTED_MODULE_8__/* .isCtrl */ .yl)(event) && config.isTwoCharacterTilePrefix(event.key)) {
                     changeActiveIndex(1);
                 } else if (event.currentTarget.value === event.key) {
                     // change event did not fire because the same character was typed over the current one
@@ -4248,40 +4746,180 @@ const Rack = ({ className , tileSize  })=>{
             }
         });
     }, [
-        changeActiveIndex,
+        changeActiveIndex,
+        config,
+        direction
+    ]);
+    const floatingInputPrompt = (0,_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.useFloating)({
+        placement: "bottom-start",
+        whileElementsMounted: _floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.autoUpdate
+    });
+    return /*#__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: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Rack_module_scss__WEBPACK_IMPORTED_MODULE_11___default().rack), className, {
+                    [(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_11___default().hidden)]: showInputPrompt
+                }),
+                ref: ref,
+                style: {
+                    fontSize: tileFontSize
+                },
+                onPaste: handlePaste,
+                children: tiles.map(({ character , tile  }, index)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_10__/* .RackTile */ .D, {
+                        activeIndexRef: activeIndexRef,
+                        character: character,
+                        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Rack_module_scss__WEBPACK_IMPORTED_MODULE_11___default().tile), {
+                            [(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_11___default().sharpLeft)]: index !== 0,
+                            [(_Rack_module_scss__WEBPACK_IMPORTED_MODULE_11___default().sharpRight)]: index !== tiles.length - 1
+                        }),
+                        index: index,
+                        inputRef: tilesRefs[index],
+                        size: tileSize,
+                        tile: tile,
+                        onChange: handleChange,
+                        onKeyDown: handleKeyDown,
+                        onFocus: handleFocus
+                    }, index))
+            }),
+            showInputPrompt && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_floating_ui_react__WEBPACK_IMPORTED_MODULE_1__.FloatingPortal, {
+                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_10__/* .InputPrompt */ .z, {
+                    ref: floatingInputPrompt.refs.setFloating,
+                    style: {
+                        position: floatingInputPrompt.strategy,
+                        top: floatingInputPrompt.y ? floatingInputPrompt.y - rackHeight : 0,
+                        left: floatingInputPrompt.x ?? 0
+                    },
+                    value: input,
+                    onBlur: ()=>setHasFocus(false),
+                    onChange: (event)=>setInput(event.target.value),
+                    onSubmit: ()=>setHasFocus(false)
+                })
+            })
+        ]
+    });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Rack);
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 88593:
+/***/ ((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 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 hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(75704);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(18954);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(83067);
+/* harmony import */ var _InputPrompt_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(15098);
+/* harmony import */ var _InputPrompt_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_InputPrompt_module_scss__WEBPACK_IMPORTED_MODULE_7__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_6__]);
+([hooks__WEBPACK_IMPORTED_MODULE_4__, state__WEBPACK_IMPORTED_MODULE_6__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+/* eslint-disable max-lines, max-statements */ 
+
+
+
+
+
+
+
+const InputPrompt = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(({ className , style , value , onBlur , onChange , onSubmit , ...props }, ref)=>{
+    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
+    const translate = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTranslate */ .qM)();
+    const { rackHeight , rackWidth  } = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .useAppLayout */ .Ft)();
+    const config = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectConfig */ .$o);
+    const [inputRef, setInputRef] = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null);
+    const handleSubmit = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((event)=>{
+        event.preventDefault();
+        const charactersByCase = (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .extractCharactersByCase */ .p$)(config, value);
+        const characters = Array.from({
+            length: config.maximumCharactersCount
+        }, (_, index)=>{
+            return typeof charactersByCase[index] === "string" ? charactersByCase[index] : null;
+        });
+        dispatch(state__WEBPACK_IMPORTED_MODULE_6__/* .rackSlice.actions.changeCharacters */ .O_.actions.changeCharacters({
+            characters,
+            index: 0
+        }));
+        onSubmit(event);
+    }, [
         config,
-        direction
+        value,
+        onSubmit
     ]);
-    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Rack_module_scss__WEBPACK_IMPORTED_MODULE_8___default().rack), className),
+    (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(()=>{
+        if (inputRef) {
+            inputRef.focus();
+            inputRef.select();
+        }
+    }, [
+        inputRef
+    ]);
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("form", {
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_InputPrompt_module_scss__WEBPACK_IMPORTED_MODULE_7___default().form), className),
+        ref: ref,
         style: {
-            fontSize: tileFontSize
+            width: rackWidth,
+            height: rackHeight,
+            ...style
         },
-        onPaste: handlePaste,
-        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,
-                tile: tile,
-                onChange: handleChange,
-                onKeyDown: handleKeyDown
-            }, index))
+        onSubmit: handleSubmit,
+        ...props,
+        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
+            autoCapitalize: "none",
+            autoComplete: "off",
+            autoCorrect: "off",
+            className: (_InputPrompt_module_scss__WEBPACK_IMPORTED_MODULE_7___default().input),
+            placeholder: translate("rack.touchscreen.placeholder"),
+            ref: setInputRef,
+            spellCheck: false,
+            value: value,
+            onBlur: onBlur,
+            onChange: onChange
+        })
     });
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Rack);
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Object.assign(InputPrompt, {
+    styles: (_InputPrompt_module_scss__WEBPACK_IMPORTED_MODULE_7___default())
+}));
+
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 61582:
+/***/ ((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 */ _InputPrompt__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _InputPrompt__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(88593);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_InputPrompt__WEBPACK_IMPORTED_MODULE_0__]);
+_InputPrompt__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); } });
 
 /***/ }),
 
-/***/ 92810:
+/***/ 78749:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -4298,11 +4936,11 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__(20208);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(18954);
 /* 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__);
+/* harmony import */ var _RackTile_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(75382);
+/* harmony import */ var _RackTile_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_RackTile_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__);
 
@@ -4314,17 +4952,26 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([stat
 
 
 
-const RackTile = ({ activeIndexRef , character , className , index , inputRef , size , tile , onChange , onKeyDown  })=>{
+const RackTile = ({ activeIndexRef , character , className , index , inputRef , size , tile , onChange , onKeyDown , onFocus  })=>{
     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 inputMode = (0,state__WEBPACK_IMPORTED_MODULE_6__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_6__/* .selectInputMode */ .Ub);
     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)(()=>{
+    const handleFocus = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
+        if (inputMode === "touchscreen") {
+            event.preventDefault();
+            event.target.blur();
+            onFocus();
+        }
         activeIndexRef.current = index;
     }, [
-        index
+        activeIndexRef,
+        index,
+        inputMode,
+        onFocus
     ]);
     const handleChange = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
         event.preventDefault();
@@ -4370,12 +5017,30 @@ const RackTile = ({ activeIndexRef , character , className , index , inputRef ,
         index,
         onKeyDown
     ]);
+    const handleMouseDown = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
+        if (inputMode === "touchscreen") {
+            event.preventDefault();
+        }
+        onFocus();
+    }, [
+        inputMode,
+        onFocus
+    ]);
+    const handleTouchStart = (0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)((event)=>{
+        if (inputMode === "touchscreen") {
+            event.preventDefault();
+        }
+        onFocus();
+    }, [
+        inputMode,
+        onFocus
+    ]);
     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: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Rack_module_scss__WEBPACK_IMPORTED_MODULE_8___default().tile), className),
+        autoFocus: inputMode === "keyboard" && index === 0,
+        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_RackTile_module_scss__WEBPACK_IMPORTED_MODULE_8___default().rackTile), className),
         character: character === null ? undefined : character,
         highlighted: tile !== null,
         inputRef: inputRef,
@@ -4388,11 +5053,52 @@ const RackTile = ({ activeIndexRef , character , className , index , inputRef ,
         tabIndex: index === 0 ? undefined : -1,
         onChange: handleChange,
         onFocus: handleFocus,
-        onKeyDown: handleKeyDown
+        onKeyDown: handleKeyDown,
+        onMouseDown: handleMouseDown,
+        onTouchStart: handleTouchStart
     }, index);
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RackTile);
 
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 80139:
+/***/ ((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 */ _RackTile__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _RackTile__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(78749);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_RackTile__WEBPACK_IMPORTED_MODULE_0__]);
+_RackTile__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); } });
+
+/***/ }),
+
+/***/ 30032:
+/***/ ((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 */   "D": () => (/* reexport safe */ _RackTile__WEBPACK_IMPORTED_MODULE_1__.Z),
+/* harmony export */   "z": () => (/* reexport safe */ _InputPrompt__WEBPACK_IMPORTED_MODULE_0__.Z)
+/* harmony export */ });
+/* harmony import */ var _InputPrompt__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(61582);
+/* harmony import */ var _RackTile__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(80139);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_InputPrompt__WEBPACK_IMPORTED_MODULE_0__, _RackTile__WEBPACK_IMPORTED_MODULE_1__]);
+([_InputPrompt__WEBPACK_IMPORTED_MODULE_0__, _RackTile__WEBPACK_IMPORTED_MODULE_1__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+
+
+
 __webpack_async_result__();
 } catch(e) { __webpack_async_result__(e); } });
 
@@ -4526,7 +5232,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 icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(58966);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3186);
 /* 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 _Tooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(59004);
@@ -4603,7 +5309,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__(20208);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(18954);
 /* 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);
@@ -4885,7 +5591,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* 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__(58966);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3186);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(83067);
 /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83900);
 var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_3__, _Button__WEBPACK_IMPORTED_MODULE_4__]);
@@ -5077,7 +5783,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__(20208);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(18954);
 /* 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__);
@@ -5222,7 +5928,7 @@ const Solver = ({ className , onShowResults  })=>{
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();
     const translate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTranslate */ .qM)();
     const isTouchDevice = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .useIsTouchDevice */ .YQ)();
-    const { maxControlsWidth , showCompactControls , showFloatingSolveButton , tileSize  } = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .useAppLayout */ .Ft)();
+    const { maxControlsWidth , showCompactControls , tileSize  } = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .useAppLayout */ .Ft)();
     const error = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectSolveError */ .Rn);
     const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectAreResultsOutdated */ .Mj);
     const resultCandidate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectResultCandidate */ .Xk);
@@ -5345,7 +6051,7 @@ const Solver = ({ className , onShowResults  })=>{
                                 maxWidth: maxControlsWidth
                             },
                             children: [
-                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_12__/* .ResultCandidatePicker */ .WI, {
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_12__/* .ResultCandidatePicker */ .W, {
                                     onResultClick: onShowResults
                                 }),
                                 error && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Alert__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
@@ -5362,95 +6068,12 @@ const Solver = ({ className , onShowResults  })=>{
                         })
                     ]
                 })
-            }),
-            showFloatingSolveButton && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components__WEBPACK_IMPORTED_MODULE_12__/* .FloatingSolveButton */ .DY, {
-                className: (_Solver_module_scss__WEBPACK_IMPORTED_MODULE_13___default().solve),
-                onClick: handleSubmit
             })
         ]
     });
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.memo)(Solver));
 
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 90919:
-/***/ ((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 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__(58966);
-/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(20208);
-/* 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);
-/* harmony import */ var _FloatingSolveButton_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(10857);
-/* harmony import */ var _FloatingSolveButton_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_FloatingSolveButton_module_scss__WEBPACK_IMPORTED_MODULE_8__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__, _Spinner__WEBPACK_IMPORTED_MODULE_7__]);
-([state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__, _Spinner__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
-
-
-
-
-
-
-
-
-const FloatingSolveButton = ({ 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);
-    const hasTiles = rack.some((tile)=>tile !== null);
-    const handleClick = (event)=>{
-        dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .solveSlice.actions.submit */ .TP.actions.submit());
-        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()((_FloatingSolveButton_module_scss__WEBPACK_IMPORTED_MODULE_8___default().floatingSolveButton), className),
-        disabled: isLoading || !isOutdated || !hasTiles,
-        Icon: isLoading ? _Spinner__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z : icons__WEBPACK_IMPORTED_MODULE_3__/* .Search */ .HN,
-        tooltip: translate("results.solve"),
-        type: "submit",
-        variant: "primary",
-        onClick: handleClick
-    });
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FloatingSolveButton);
-
-__webpack_async_result__();
-} catch(e) { __webpack_async_result__(e); } });
-
-/***/ }),
-
-/***/ 71832:
-/***/ ((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 */ _FloatingSolveButton__WEBPACK_IMPORTED_MODULE_0__.Z)
-/* harmony export */ });
-/* harmony import */ var _FloatingSolveButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(90919);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_FloatingSolveButton__WEBPACK_IMPORTED_MODULE_0__]);
-_FloatingSolveButton__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); } });
 
@@ -5470,7 +6093,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react_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__(58966);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3186);
 /* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83067);
 /* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83900);
 /* harmony import */ var _InsertButton_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(21481);
@@ -5544,17 +6167,15 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react_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 hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(75704);
-/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(58966);
-/* 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);
-/* harmony import */ var _InsertButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(33776);
-/* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(72760);
-/* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_9__);
-var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hooks__WEBPACK_IMPORTED_MODULE_3__, state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__, _Spinner__WEBPACK_IMPORTED_MODULE_7__, _InsertButton__WEBPACK_IMPORTED_MODULE_8__]);
-([hooks__WEBPACK_IMPORTED_MODULE_3__, state__WEBPACK_IMPORTED_MODULE_5__, _Button__WEBPACK_IMPORTED_MODULE_6__, _Spinner__WEBPACK_IMPORTED_MODULE_7__, _InsertButton__WEBPACK_IMPORTED_MODULE_8__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
-
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3186);
+/* harmony import */ var state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(83067);
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(83900);
+/* harmony import */ var _Spinner__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(33538);
+/* harmony import */ var _InsertButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(33776);
+/* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(72760);
+/* harmony import */ var _ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8__);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__, _Spinner__WEBPACK_IMPORTED_MODULE_6__, _InsertButton__WEBPACK_IMPORTED_MODULE_7__]);
+([state__WEBPACK_IMPORTED_MODULE_4__, _Button__WEBPACK_IMPORTED_MODULE_5__, _Spinner__WEBPACK_IMPORTED_MODULE_6__, _InsertButton__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -5566,58 +6187,57 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([hook
 
 const ResultCandidatePicker = ({ className , onResultClick , ...props })=>{
     const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.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 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 results = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectResults */ .x5);
-    const resultCandidate = (0,state__WEBPACK_IMPORTED_MODULE_5__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_5__/* .selectResultCandidate */ .Xk);
+    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 isLoading = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectIsLoading */ .xU);
+    const isOutdated = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectAreResultsOutdated */ .Mj);
+    const results = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectResults */ .x5);
+    const resultCandidate = (0,state__WEBPACK_IMPORTED_MODULE_4__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_4__/* .selectResultCandidate */ .Xk);
     const index = resultCandidate && results ? results.findIndex((result)=>result.id === resultCandidate.id) : -1;
     const disabled = isOutdated || !resultCandidate;
     const isPreviousDisabled = !results || index <= 0 || disabled;
     const isNextDisabled = !results || index >= results.length - 1 || disabled;
     const bothEnabled = !isPreviousDisabled && !isNextDisabled;
-    const { showFloatingSolveButton  } = (0,hooks__WEBPACK_IMPORTED_MODULE_3__/* .useAppLayout */ .Ft)();
     const handleNextClick = ()=>{
         if (!isNextDisabled) {
             const nextResult = results[index + 1];
-            dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(nextResult));
+            dispatch(state__WEBPACK_IMPORTED_MODULE_4__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(nextResult));
         }
     };
     const handlePreviousClick = ()=>{
         if (!isPreviousDisabled) {
             const previousResult = results[index - 1];
-            dispatch(state__WEBPACK_IMPORTED_MODULE_5__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(previousResult));
+            dispatch(state__WEBPACK_IMPORTED_MODULE_4__/* .resultsSlice.actions.changeResultCandidate */ ._C.actions.changeResultCandidate(previousResult));
         }
     };
     return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_9___default().resultCandidatePicker), className),
+        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8___default().resultCandidatePicker), className),
         ...props,
         children: [
             /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_9___default().buttons), {
-                    [(_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_9___default().bothEnabled)]: bothEnabled
+                className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8___default().buttons), {
+                    [(_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8___default().bothEnabled)]: bothEnabled
                 }),
                 children: [
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    /*#__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_9___default().button),
+                        className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8___default().button),
                         disabled: isPreviousDisabled,
-                        Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .ChevronLeft */ .s$,
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .ChevronLeft */ .s$,
                         onClick: handlePreviousClick
                     }),
-                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                    /*#__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_9___default().button),
+                        className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8___default().button),
                         disabled: isNextDisabled,
-                        Icon: icons__WEBPACK_IMPORTED_MODULE_4__/* .ChevronRight */ ._Q,
+                        Icon: icons__WEBPACK_IMPORTED_MODULE_3__/* .ChevronRight */ ._Q,
                         onClick: handleNextClick
                     })
                 ]
             }),
             /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", {
                 "aria-label": translate("results"),
-                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_9___default().resultCandidate),
+                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8___default().resultCandidate),
                 disabled: disabled,
                 type: "button",
                 onClick: onResultClick,
@@ -5625,41 +6245,34 @@ const ResultCandidatePicker = ({ className , onResultClick , ...props })=>{
                     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_9___default().points),
+                                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8___default().points),
                                 children: resultCandidate.points.toLocaleString(locale)
                             }),
                             /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_9___default().word),
+                                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8___default().word),
                                 children: resultCandidate.word
                             })
                         ]
                     }),
                     !resultCandidate && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
-                        className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_9___default().word),
+                        className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8___default().word),
                         children: " "
                     }),
                     /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-                        className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_9___default().iconContainer),
+                        className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8___default().iconContainer),
                         children: [
-                            showFloatingSolveButton && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_4__/* .ChevronDown */ ._M, {
-                                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_9___default().icon)
+                            isLoading && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Spinner__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8___default().loading)
                             }),
-                            !showFloatingSolveButton && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
-                                children: [
-                                    isLoading && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_Spinner__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
-                                        className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_9___default().loading)
-                                    }),
-                                    !isLoading && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_4__/* .ChevronDown */ ._M, {
-                                        className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_9___default().icon)
-                                    })
-                                ]
+                            !isLoading && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(icons__WEBPACK_IMPORTED_MODULE_3__/* .ChevronDown */ ._M, {
+                                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8___default().icon)
                             })
                         ]
                     })
                 ]
             }),
-            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_InsertButton__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
-                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_9___default().insert)
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_InsertButton__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                className: (_ResultCandidatePicker_module_scss__WEBPACK_IMPORTED_MODULE_8___default().insert)
             })
         ]
     });
@@ -5695,15 +6308,12 @@ __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_0__.Z),
-/* harmony export */   "WI": () => (/* reexport safe */ _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_2__.Z)
+/* harmony export */   "W": () => (/* reexport safe */ _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_1__.Z)
 /* harmony export */ });
-/* 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__);
-
+/* harmony import */ var _InsertButton__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(33776);
+/* harmony import */ var _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(45100);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_InsertButton__WEBPACK_IMPORTED_MODULE_0__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_1__]);
+([_InsertButton__WEBPACK_IMPORTED_MODULE_0__, _ResultCandidatePicker__WEBPACK_IMPORTED_MODULE_1__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
 
 
 
@@ -5800,7 +6410,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__(20208);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(18954);
 /* 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);
@@ -5815,7 +6425,7 @@ var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_flo
 
 
 
-const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character ="" , disabled , highlighted , inputRef , isBlank , isValid , placeholder , points , raised , size , tabIndex , onChange , onFocus =lib__WEBPACK_IMPORTED_MODULE_5__/* .noop */ .ZT , onKeyDown =lib__WEBPACK_IMPORTED_MODULE_5__/* .noop */ .ZT  })=>{
+const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character ="" , disabled , highlighted , inputRef , isBlank , isValid , placeholder , points , raised , size , tabIndex , onChange , onFocus =lib__WEBPACK_IMPORTED_MODULE_5__/* .noop */ .ZT , onKeyDown =lib__WEBPACK_IMPORTED_MODULE_5__/* .noop */ .ZT , onMouseDown =lib__WEBPACK_IMPORTED_MODULE_5__/* .noop */ .ZT , onTouchStart =lib__WEBPACK_IMPORTED_MODULE_5__/* .noop */ .ZT  })=>{
     const locale = (0,state__WEBPACK_IMPORTED_MODULE_7__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_7__/* .selectLocale */ .fN);
     const { animateTile , showTilePoints  } = (0,hooks__WEBPACK_IMPORTED_MODULE_4__/* .useAppLayout */ .Ft)();
     const { pointsFontSize , tileSize  } = (0,lib__WEBPACK_IMPORTED_MODULE_5__/* .getTileSizes */ .vc)(size);
@@ -5846,14 +6456,6 @@ const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character =""
     }, [
         onKeyDown
     ]);
-    (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{
-        if (autoFocus && ref.current) {
-            ref.current.focus();
-        }
-    }, [
-        autoFocus,
-        ref
-    ]);
     (0,react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{
         if (!ref.current?.parentElement || !character || !animateTile) {
             return;
@@ -5887,7 +6489,9 @@ const Tile = ({ "aria-label": ariaLabel , autoFocus , className , character =""
         tabIndex: tabIndex,
         onChange: onChange,
         onFocus: onFocus,
-        onKeyDown: handleKeyDown
+        onKeyDown: handleKeyDown,
+        onMouseDown: onMouseDown,
+        onTouchStart: onTouchStart
     });
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tile);
@@ -5910,7 +6514,7 @@ __webpack_async_result__();
 /* 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 icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(58966);
+/* harmony import */ var icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3186);
 /* harmony import */ var _Tile_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10312);
 /* harmony import */ var _Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4__);
 
@@ -5918,7 +6522,7 @@ __webpack_async_result__();
 
 
 
-const TilePure = ({ "aria-label": ariaLabel , autoFocus , canShowPoints , character , 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 , className , disabled , highlighted , inputRef , isBlank , isValid , placeholder , points , pointsFormatted , pointsStyle , raised , style , tabIndex , onChange , onFocus , onKeyDown , onMouseDown , onTouchStart  })=>/*#__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().empty)]: !character,
@@ -5948,7 +6552,9 @@ const TilePure = ({ "aria-label": ariaLabel , autoFocus , canShowPoints , charac
                 value: character || "",
                 onChange: onChange,
                 onFocus: onFocus,
-                onKeyDown: onKeyDown
+                onKeyDown: onKeyDown,
+                onMouseDown: onMouseDown,
+                onTouchStart: onTouchStart
             }),
             canShowPoints && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
                 className: (_Tile_module_scss__WEBPACK_IMPORTED_MODULE_4___default().points),
@@ -6017,7 +6623,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__(20208);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(18954);
 /* 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__]);
@@ -6314,6 +6920,7 @@ const useAppLayout = ()=>{
     const dictionaryHeight = showResultsInModal ? parameters__WEBPACK_IMPORTED_MODULE_0__/* .DICTIONARY_HEIGHT_MOBILE */ .Rh : parameters__WEBPACK_IMPORTED_MODULE_0__/* .DICTIONARY_HEIGHT */ .n6;
     const modalWidth = isLessThanS ? viewportWidth : parameters__WEBPACK_IMPORTED_MODULE_0__/* .MODAL_WIDTH */ .iF;
     const resultsHeight = isLessThanL ? viewportHeight - dictionaryHeight - parameters__WEBPACK_IMPORTED_MODULE_0__/* .BUTTON_HEIGHT */ .FZ - parameters__WEBPACK_IMPORTED_MODULE_0__/* .MODAL_HEADER_HEIGHT */ .PV - 5 * componentsSpacing : boardSize - componentsSpacing - dictionaryHeight;
+    const rackWidth = tileSize * config.maximumCharactersCount;
     return {
         actionsWidth: 2 * parameters__WEBPACK_IMPORTED_MODULE_0__/* .BUTTON_HEIGHT */ .FZ - parameters__WEBPACK_IMPORTED_MODULE_0__/* .BORDER_WIDTH */ .YF,
         animateTile: !isLessThanXs,
@@ -6324,10 +6931,11 @@ const useAppLayout = ()=>{
         logoHeight,
         logoWidth: logoHeight * parameters__WEBPACK_IMPORTED_MODULE_0__/* .LOGO_ASPECT_RATIO */ .pc,
         maxControlsWidth,
+        rackHeight: tileSize,
+        rackWidth,
         resultsHeight,
         resultsWidth: isLessThanL ? modalWidth - 2 * componentsSpacing : parameters__WEBPACK_IMPORTED_MODULE_0__/* .SOLVER_COLUMN_WIDTH */ .pt,
         showCompactControls: !showColumn,
-        showFloatingSolveButton: isTouchDevice,
         showKeyMap: !isTouchDevice,
         showResultsInModal,
         showShortNav: isLessThanS,
@@ -6351,7 +6959,7 @@ __webpack_async_result__();
 /* 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__(20208);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(18954);
 
 
 const useDirection = (direction)=>{
@@ -6416,7 +7024,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__(20208);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(18954);
 
 
 const useLanguage = (language)=>{
@@ -6478,6 +7086,7 @@ const useLocalStorage = ()=>{
     const autoGroupTiles = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectAutoGroupTiles */ .uz);
     const board = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectBoard */ .ZO);
     const configId = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectConfigId */ .md);
+    const inputMode = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectInputMode */ .Ub);
     const locale = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectLocale */ .fN);
     const rack = (0,state__WEBPACK_IMPORTED_MODULE_1__/* .useTypedSelector */ .ix)(state__WEBPACK_IMPORTED_MODULE_1__/* .selectRack */ .QB);
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
@@ -6501,6 +7110,13 @@ const useLocalStorage = ()=>{
     }, [
         configId
     ]);
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
+        if (inputMode) {
+            state__WEBPACK_IMPORTED_MODULE_1__/* .localStorage.setInputMode */ .Xb.setInputMode(inputMode);
+        }
+    }, [
+        inputMode
+    ]);
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
         if (locale) {
             state__WEBPACK_IMPORTED_MODULE_1__/* .localStorage.setLocale */ .Xb.setLocale(locale);
@@ -6655,7 +7271,7 @@ const useOnWindowResize = (onResize)=>{
 /* 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__(20208);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(18954);
 
 
 
@@ -6749,8 +7365,8 @@ __webpack_require__.d(__webpack_exports__, {
 var build = __webpack_require__(7618);
 // EXTERNAL MODULE: ../types/build/index.js
 var types_build = __webpack_require__(34046);
-// EXTERNAL MODULE: ./src/icons/index.ts + 41 modules
-var icons = __webpack_require__(58966);
+// EXTERNAL MODULE: ./src/icons/index.ts + 42 modules
+var icons = __webpack_require__(3186);
 // EXTERNAL MODULE: ./src/i18n/i18n.module.scss
 var i18n_module = __webpack_require__(43070);
 var i18n_module_default = /*#__PURE__*/__webpack_require__.n(i18n_module);
@@ -6863,17 +7479,17 @@ const LOCALE_FLAGS = {
 };
 
 ;// CONCATENATED MODULE: ./src/i18n/de.json
-const de_namespaceObject = JSON.parse('{"cell.filter-cell":"Zielort","cell.set-blank":"Als Blanko markieren","cell.set-not-blank":"Nicht als Blanko markieren","cell.tile.location":"Brett: Stein ({{x}}, {{y}})","cell.toggle-direction":"Schreibrichtung","common.blanks":"Blankos","common.clear":"Löschen","common.close":"Schließen","common.consonants":"Konsonanten","common.loading":"Laden","common.next":"Weiter","common.points":"Punkte","common.previous":"Zurück","common.tiles":"Steine","common.two-letter-tiles":"Zwei-Buchstaben","common.vowels":"Vokale","common.word":"Wort","common.words":"Wörter","dictionary":"Wörterbuch","dictionary.empty-state.no-definitions":"Wort existiert im Wörterbuch aber hat keine Definition.","dictionary.empty-state.no-results":"Wort kann nicht im Wörterbuch gefunden werden.","dictionary.empty-state.not-allowed":"Dieses Wort ist nicht erlaubt.","dictionary.empty-state.uninitialized":"Die Wörterbuchdéfinition wird hier angezeigt.","dictionary.input.placeholder":"Durchsuche Wörterbuch...","dictionary.input.title":"Durch Kommas getrennte Wörter","empty-state.error":"Fehler","empty-state.info":"Info","empty-state.success":"Juhuu!","empty-state.warning":"Oje!","github":"Schau dieses Projekt auf GitHub an","keyMap":"Tastaturkürzel","keyMap.board":"Brett","keyMap.board.toggle-blank":"Als Blanko markieren / aufheben","keyMap.board.toggle-direction":"Schreibrichtung umschalten","keyMap.board-and-rack":"Brett & Ablage","keyMap.board-and-rack.insert-two-letter-tile":"Zwei-Buchstaben Stein hinzufügen","keyMap.board-and-rack.navigate":"Navigieren","keyMap.board-and-rack.remove-tile":"Stein entfernen","keyMap.board-and-rack.submit":"Lösen starten","keyMap.rack":"Ablage","keyMap.rack.insert-blank":"Blanko hinzufügen (Leertaste)","menu":"Menü","rack.placeholder":"Steine…","rack.tile.location":"Ablage: Stein ({{index}})","remaining-tiles":"Restliche Steine","results":"Ergebnisse","results.empty-state.no-results":"Keine Ergebnisse - kein Wort konnte generiert werden.","results.empty-state.outdated":"Ergebnisse sind alt.","results.empty-state.uninitialized":"Wörter die aus deinen Buchstaben generiert wurden erscheinen hier.","results.input.placeholder":"Suchergebnisse... (RegExp)","results.insert":"Hinzufügen","results.preview":"Vorschau","results.solve":"Lösen","settings":"Einstellungen","settings.autoGroupTiles":"Restliche Steine gruppieren","settings.autoGroupTiles.left":"Linke Seite","settings.autoGroupTiles.right":"Rechte Seite","settings.autoGroupTiles.null":"Nicht gruppieren","settings.game":"Spiel","settings.language":"Sprache","words":"Gebildete Wörter","words.invalid":"Falsch","words.valid":"Korrekt"}');
+const de_namespaceObject = JSON.parse('{"cell.enter-word":"Wort eingeben","cell.filter-cell":"Zielort","cell.set-blank":"Als Blanko markieren","cell.set-not-blank":"Nicht als Blanko markieren","cell.tile.location":"Brett: Stein ({{x}}, {{y}})","cell.toggle-direction":"Schreibrichtung","common.blanks":"Blankos","common.clear":"Löschen","common.close":"Schließen","common.consonants":"Konsonanten","common.loading":"Laden","common.next":"Weiter","common.points":"Punkte","common.previous":"Zurück","common.tiles":"Steine","common.two-letter-tiles":"Zwei-Buchstaben","common.vowels":"Vokale","common.word":"Wort","common.words":"Wörter","dictionary":"Wörterbuch","dictionary.empty-state.no-definitions":"Wort existiert im Wörterbuch aber hat keine Definition.","dictionary.empty-state.no-results":"Wort kann nicht im Wörterbuch gefunden werden.","dictionary.empty-state.not-allowed":"Dieses Wort ist nicht erlaubt.","dictionary.empty-state.uninitialized":"Die Wörterbuchdéfinition wird hier angezeigt.","dictionary.input.placeholder":"Durchsuche Wörterbuch…","dictionary.input.title":"Durch Kommas getrennte Wörter","empty-state.error":"Fehler","empty-state.info":"Info","empty-state.success":"Juhuu!","empty-state.warning":"Oje!","github":"Schau dieses Projekt auf GitHub an","keyMap":"Tastaturkürzel","keyMap.board":"Brett","keyMap.board.toggle-blank":"Als Blanko markieren / aufheben","keyMap.board.toggle-direction":"Schreibrichtung umschalten","keyMap.board-and-rack":"Brett & Ablage","keyMap.board-and-rack.insert-two-letter-tile":"Zwei-Buchstaben Stein hinzufügen","keyMap.board-and-rack.navigate":"Navigieren","keyMap.board-and-rack.remove-tile":"Stein entfernen","keyMap.board-and-rack.submit":"Lösen starten","keyMap.rack":"Ablage","keyMap.rack.insert-blank":"Blanko hinzufügen (Leertaste)","menu":"Menü","rack.placeholder":"Steine…","rack.tile.location":"Ablage: Stein ({{index}})","rack.touchscreen.placeholder":"Steine…","remaining-tiles":"Restliche Steine","results":"Ergebnisse","results.empty-state.no-results":"Keine Ergebnisse - kein Wort konnte generiert werden.","results.empty-state.outdated":"Ergebnisse sind alt.","results.empty-state.uninitialized":"Wörter die aus deinen Buchstaben generiert wurden erscheinen hier.","results.input.placeholder":"Suchergebnisse... (RegExp)","results.insert":"Hinzufügen","results.preview":"Vorschau","results.solve":"Lösen","settings":"Einstellungen","settings.autoGroupTiles":"Restliche Steine gruppieren","settings.autoGroupTiles.left":"Linke Seite","settings.autoGroupTiles.right":"Rechte Seite","settings.autoGroupTiles.null":"Nicht gruppieren","settings.game":"Spiel","settings.inputMode":"Eingabemodus","settings.inputMode.keyboard":"Tastatur","settings.inputMode.touchscreen":"Touchscreen","settings.language":"Sprache","words":"Gebildete Wörter","words.invalid":"Falsch","words.valid":"Korrekt"}');
 ;// CONCATENATED MODULE: ./src/i18n/en.json
-const en_namespaceObject = JSON.parse('{"cell.filter-cell":"Target destination","cell.set-blank":"Mark it a blank","cell.set-not-blank":"Mark it not a blank","cell.tile.location":"Board: tile ({{x}}, {{y}})","cell.toggle-direction":"Typing direction","common.blanks":"Blanks","common.clear":"Clear","common.close":"Close","common.consonants":"Consonants","common.loading":"Loading","common.next":"Next","common.points":"Points","common.previous":"Previous","common.tiles":"Tiles","common.two-letter-tiles":"Two-letter","common.vowels":"Vowels","common.word":"Word","common.words":"Words","dictionary":"Dictionary","dictionary.empty-state.no-definitions":"Word exists in the dictionary but it does not have a definition.","dictionary.empty-state.no-results":"Unable to find word definition in the dictionary.","dictionary.empty-state.not-allowed":"This word is not allowed.","dictionary.empty-state.uninitialized":"Word definition will be shown here.","dictionary.input.placeholder":"Search dictionary...","dictionary.input.title":"Comma-separated words","empty-state.error":"Error","empty-state.info":"Info","empty-state.success":"Yeah!","empty-state.warning":"Oops!","github":"See this project on GitHub","keyMap":"Keyboard shortcuts","keyMap.board":"Board","keyMap.board.toggle-blank":"Mark/unmark tile as a blank","keyMap.board.toggle-direction":"Toggle typing direction","keyMap.board-and-rack":"Board & rack","keyMap.board-and-rack.insert-two-letter-tile":"Insert two-letter tile","keyMap.board-and-rack.navigate":"Navigate","keyMap.board-and-rack.remove-tile":"Remove tile","keyMap.board-and-rack.submit":"Start solving","keyMap.rack":"Rack","keyMap.rack.insert-blank":"Insert blank (spacebar)","menu":"Menu","rack.placeholder":"Letters","rack.tile.location":"Rack: tile ({{index}})","remaining-tiles":"Remaining tiles","results":"Results","results.empty-state.no-results":"No results - unable to generate any words.","results.empty-state.outdated":"Results are outdated.","results.empty-state.uninitialized":"Words generated from your letters will be shown here.","results.input.placeholder":"Search results... (RegExp)","results.insert":"Insert","results.preview":"Preview","results.solve":"Solve","settings":"Settings","settings.autoGroupTiles":"Group remaining tiles","settings.autoGroupTiles.left":"On the left","settings.autoGroupTiles.right":"On the right","settings.autoGroupTiles.null":"Do not group","settings.game":"Game","settings.language":"Language","words":"Created words","words.invalid":"Invalid","words.valid":"Valid"}');
+const en_namespaceObject = JSON.parse('{"cell.enter-word":"Enter word","cell.filter-cell":"Target destination","cell.set-blank":"Mark it a blank","cell.set-not-blank":"Mark it not a blank","cell.tile.location":"Board: tile ({{x}}, {{y}})","cell.toggle-direction":"Typing direction","common.blanks":"Blanks","common.clear":"Clear","common.close":"Close","common.consonants":"Consonants","common.loading":"Loading","common.next":"Next","common.points":"Points","common.previous":"Previous","common.tiles":"Tiles","common.two-letter-tiles":"Two-letter","common.vowels":"Vowels","common.word":"Word","common.words":"Words","dictionary":"Dictionary","dictionary.empty-state.no-definitions":"Word exists in the dictionary but it does not have a definition.","dictionary.empty-state.no-results":"Unable to find word definition in the dictionary.","dictionary.empty-state.not-allowed":"This word is not allowed.","dictionary.empty-state.uninitialized":"Word definition will be shown here.","dictionary.input.placeholder":"Search dictionary…","dictionary.input.title":"Comma-separated words","empty-state.error":"Error","empty-state.info":"Info","empty-state.success":"Yeah!","empty-state.warning":"Oops!","github":"See this project on GitHub","keyMap":"Keyboard shortcuts","keyMap.board":"Board","keyMap.board.toggle-blank":"Mark/unmark tile as a blank","keyMap.board.toggle-direction":"Toggle typing direction","keyMap.board-and-rack":"Board & rack","keyMap.board-and-rack.insert-two-letter-tile":"Insert two-letter tile","keyMap.board-and-rack.navigate":"Navigate","keyMap.board-and-rack.remove-tile":"Remove tile","keyMap.board-and-rack.submit":"Start solving","keyMap.rack":"Rack","keyMap.rack.insert-blank":"Insert blank (spacebar)","menu":"Menu","rack.placeholder":"Letters","rack.tile.location":"Rack: tile ({{index}})","rack.touchscreen.placeholder":"Letters…","remaining-tiles":"Remaining tiles","results":"Results","results.empty-state.no-results":"No results - unable to generate any words.","results.empty-state.outdated":"Results are outdated.","results.empty-state.uninitialized":"Words generated from your letters will be shown here.","results.input.placeholder":"Search results... (RegExp)","results.insert":"Insert","results.preview":"Preview","results.solve":"Solve","settings":"Settings","settings.autoGroupTiles":"Group remaining tiles","settings.autoGroupTiles.left":"On the left","settings.autoGroupTiles.right":"On the right","settings.autoGroupTiles.null":"Do not group","settings.game":"Game","settings.inputMode":"Input mode","settings.inputMode.keyboard":"Keyboard","settings.inputMode.touchscreen":"Touchscreen","settings.language":"Language","words":"Created words","words.invalid":"Invalid","words.valid":"Valid"}');
 ;// CONCATENATED MODULE: ./src/i18n/es.json
-const es_namespaceObject = JSON.parse('{"cell.filter-cell":"Destino objetivo","cell.set-blank":"Marcar como en blanco","cell.set-not-blank":"Marcar como no en blanco","cell.tile.location":"Tablero: espacio ({{x}}, {{y}})","cell.toggle-direction":"Dirección de escritura","common.blanks":"Blancos","common.clear":"Borrar","common.close":"Cerrar","common.consonants":"Consonantes","common.loading":"Cargando","common.next":"Siguiente","common.points":"Puntos","common.previous":"Anterior","common.tiles":"Longitud","common.two-letter-tiles":"Dos letras","common.vowels":"Vocales","common.word":"Palabra","common.words":"Palabras","dictionary":"Diccionario","dictionary.empty-state.no-definitions":"La palabra existe en el diccionario pero no tiene una definición.","dictionary.empty-state.no-results":"No se puede encontrar la definición de palabra en el diccionario.","dictionary.empty-state.not-allowed":"Esta palabra no es aceptable.","dictionary.empty-state.uninitialized":"Aquí se mostrará la definición del diccionario.","dictionary.input.placeholder":"Busca el diccionario...","dictionary.input.title":"Palabras separadas por comas","empty-state.error":"Error","empty-state.info":"Info","empty-state.success":"Sí!","empty-state.warning":"Vaya!","github":"Ver este proyecto en GitHub","keyMap":"Atajos de teclado","keyMap.board":"Tablero","keyMap.board.toggle-blank":"Marcar / desmarcar un espacio en blanco","keyMap.board.toggle-direction":"Alternar dirección de escritura","keyMap.board-and-rack":"Tablero y estante","keyMap.board-and-rack.insert-two-letter-tile":"Insertar mosaico de dos letras","keyMap.board-and-rack.navigate":"Navegar","keyMap.board-and-rack.remove-tile":"Quitar Letra","keyMap.board-and-rack.submit":"Empezar a resolver","keyMap.rack":"Estante","keyMap.rack.insert-blank":"Insertar espacio en blanco (barra espaciadora)","menu":"Menú","rack.placeholder":"Letras…","rack.tile.location":"Estante: espacio ({{index}})","remaining-tiles":"Casillas restantes","results":"Resultados","results.empty-state.no-results":"No hay resultados; no se pueden generar palabras","results.empty-state.outdated":"Los resultados están desactualizados.","results.empty-state.uninitialized":"Aquí se mostrarán las palabras generadas a partir de sus letras.","results.input.placeholder":"Busque una solución... (RegExp)","results.insert":"Insertar","results.preview":"Vista previa","results.solve":"Resolver","settings":"Configuración","settings.autoGroupTiles":"Agrupar casillas restantes","settings.autoGroupTiles.left":"A la izquierda","settings.autoGroupTiles.right":"A la derecha","settings.autoGroupTiles.null":"No agrupar","settings.game":"Juego","settings.language":"Idioma","words":"Palabras creadas","words.invalid":"Incorrecto","words.valid":"Correcto"}');
+const es_namespaceObject = JSON.parse('{"cell.enter-word":"Ingresar palabra","cell.filter-cell":"Destino objetivo","cell.set-blank":"Marcar como en blanco","cell.set-not-blank":"Marcar como no en blanco","cell.tile.location":"Tablero: espacio ({{x}}, {{y}})","cell.toggle-direction":"Dirección de escritura","common.blanks":"Blancos","common.clear":"Borrar","common.close":"Cerrar","common.consonants":"Consonantes","common.loading":"Cargando","common.next":"Siguiente","common.points":"Puntos","common.previous":"Anterior","common.tiles":"Longitud","common.two-letter-tiles":"Dos letras","common.vowels":"Vocales","common.word":"Palabra","common.words":"Palabras","dictionary":"Diccionario","dictionary.empty-state.no-definitions":"La palabra existe en el diccionario pero no tiene una definición.","dictionary.empty-state.no-results":"No se puede encontrar la definición de palabra en el diccionario.","dictionary.empty-state.not-allowed":"Esta palabra no es aceptable.","dictionary.empty-state.uninitialized":"Aquí se mostrará la definición del diccionario.","dictionary.input.placeholder":"Busca el diccionario…","dictionary.input.title":"Palabras separadas por comas","empty-state.error":"Error","empty-state.info":"Info","empty-state.success":"Sí!","empty-state.warning":"Vaya!","github":"Ver este proyecto en GitHub","keyMap":"Atajos de teclado","keyMap.board":"Tablero","keyMap.board.toggle-blank":"Marcar / desmarcar un espacio en blanco","keyMap.board.toggle-direction":"Alternar dirección de escritura","keyMap.board-and-rack":"Tablero y estante","keyMap.board-and-rack.insert-two-letter-tile":"Insertar mosaico de dos letras","keyMap.board-and-rack.navigate":"Navegar","keyMap.board-and-rack.remove-tile":"Quitar Letra","keyMap.board-and-rack.submit":"Empezar a resolver","keyMap.rack":"Estante","keyMap.rack.insert-blank":"Insertar espacio en blanco (barra espaciadora)","menu":"Menú","rack.placeholder":"Letras…","rack.tile.location":"Estante: espacio ({{index}})","rack.touchscreen.placeholder":"Letras… (p.ej. LLabcCHhRR)","remaining-tiles":"Casillas restantes","results":"Resultados","results.empty-state.no-results":"No hay resultados; no se pueden generar palabras","results.empty-state.outdated":"Los resultados están desactualizados.","results.empty-state.uninitialized":"Aquí se mostrarán las palabras generadas a partir de sus letras.","results.input.placeholder":"Busque una solución... (RegExp)","results.insert":"Insertar","results.preview":"Vista previa","results.solve":"Resolver","settings":"Configuración","settings.autoGroupTiles":"Agrupar casillas restantes","settings.autoGroupTiles.left":"A la izquierda","settings.autoGroupTiles.right":"A la derecha","settings.autoGroupTiles.null":"No agrupar","settings.game":"Juego","settings.inputMode":"Modo de entrada","settings.inputMode.keyboard":"Teclado","settings.inputMode.touchscreen":"Pantalla táctil","settings.language":"Idioma","words":"Palabras creadas","words.invalid":"Incorrecto","words.valid":"Correcto"}');
 ;// CONCATENATED MODULE: ./src/i18n/fa.json
-const fa_namespaceObject = JSON.parse('{"cell.filter-cell":"مقصد","cell.set-blank":"علامت گذاری به عنوان خالی","cell.set-not-blank":"علامت گذاری به عنوان غیر خالی","cell.tile.location":"({{x}}، {{y}}) کاشی: صفحه","cell.toggle-direction":"جهت تایپ","common.blanks":"خالی","common.clear":"پاک کردن","common.close":"بستن","common.consonants":"حروف صامت","common.loading":"در حال بارگزاری","common.next":"بعدی","common.points":"امتیازات","common.previous":"قبلی","common.tiles":"کاشی ها","common.two-letter-tiles":"دو حرفی","common.vowels":"حروف مصوت","common.word":"کلمه","common.words":"کلمات","dictionary":"فرهنگ لغت","dictionary.empty-state.no-definitions":"کلمه در فرهنگ لغت وجود دارد، ولی معنایی برای آن ثبت نشده است.","dictionary.empty-state.no-results":"کلمه در فرهنگ لغت یافت نشد.","dictionary.empty-state.not-allowed":"این کلمه مجاز نیست.","dictionary.empty-state.uninitialized":"معنی لغت اینجا نمایش داده خواهد شد.","dictionary.input.placeholder":"جستجو در فرهنگ لغت ...","dictionary.input.title":"کلمات جدا شده با کاما","empty-state.error":"خطا","empty-state.info":"اطلاعات","empty-state.success":"حله!","empty-state.warning":"اوووخ!","github":"به این پروژه در گیتهاب سر بزنید","keyMap":"میانبر های کیبورد","keyMap.board":"صفحه","keyMap.board.toggle-blank":"علامت/عدم علامت گذاری کاشی به عنوان خالی","keyMap.board.toggle-direction":"تغییر جهت تایپ","keyMap.board-and-rack":"صفحه و طاقچه","keyMap.board-and-rack.insert-two-letter-tile":"وارد کردن کاشی دو حرفی","keyMap.board-and-rack.navigate":"حرکت","keyMap.board-and-rack.remove-tile":"حذف کاشی","keyMap.board-and-rack.submit":"حل کردن","keyMap.rack":"طاقچه","keyMap.rack.insert-blank":"وارد کردن کاشی خالی (دکمه اسپیس)","menu":"منو","rack.placeholder":"لیستحرف","rack.tile.location":"({{index}}) کاشی: طاقچه","remaining-tiles":"کاشی های باقی مانده","results":"نتایج","results.empty-state.no-results":"کلمه قابل استفاده پیدا نشد.","results.empty-state.outdated":"نتایج به روز نیستند، برای بروز.","results.empty-state.uninitialized":"کلمات تولید شده از حروف شما اینجا نمایش داده خواهد شد.","results.input.placeholder":"جستجو در نتایج (RegExp)","results.insert":"وارد کردن","results.preview":"پیش نمایش","results.solve":"حل کن","settings":"تنظیمات","settings.autoGroupTiles":"کاشی های باقی مانده ی طاقچه را کنار هم قرار بده","settings.autoGroupTiles.left":"در سمت چپ","settings.autoGroupTiles.right":"در سمت راست","settings.autoGroupTiles.null":"کنار هم قرار  نده","settings.game":"بازی","settings.language":"زبان","words":"کلمات ساخته شده","words.invalid":"نا معتبر","words.valid":"معتبر"}');
+const fa_namespaceObject = JSON.parse('{"cell.enter-word":"کلمه را وارد کنید","cell.filter-cell":"مقصد","cell.set-blank":"علامت گذاری به عنوان خالی","cell.set-not-blank":"علامت گذاری به عنوان غیر خالی","cell.tile.location":"({{x}}، {{y}}) کاشی: صفحه","cell.toggle-direction":"جهت تایپ","common.blanks":"خالی","common.clear":"پاک کردن","common.close":"بستن","common.consonants":"حروف صامت","common.loading":"در حال بارگزاری","common.next":"بعدی","common.points":"امتیازات","common.previous":"قبلی","common.tiles":"کاشی ها","common.two-letter-tiles":"دو حرفی","common.vowels":"حروف مصوت","common.word":"کلمه","common.words":"کلمات","dictionary":"فرهنگ لغت","dictionary.empty-state.no-definitions":"کلمه در فرهنگ لغت وجود دارد، ولی معنایی برای آن ثبت نشده است.","dictionary.empty-state.no-results":"کلمه در فرهنگ لغت یافت نشد.","dictionary.empty-state.not-allowed":"این کلمه مجاز نیست.","dictionary.empty-state.uninitialized":"معنی لغت اینجا نمایش داده خواهد شد.","dictionary.input.placeholder":"جستجو در فرهنگ لغت …","dictionary.input.title":"کلمات جدا شده با کاما","empty-state.error":"خطا","empty-state.info":"اطلاعات","empty-state.success":"حله!","empty-state.warning":"اوووخ!","github":"به این پروژه در گیتهاب سر بزنید","keyMap":"میانبر های کیبورد","keyMap.board":"صفحه","keyMap.board.toggle-blank":"علامت/عدم علامت گذاری کاشی به عنوان خالی","keyMap.board.toggle-direction":"تغییر جهت تایپ","keyMap.board-and-rack":"صفحه و طاقچه","keyMap.board-and-rack.insert-two-letter-tile":"وارد کردن کاشی دو حرفی","keyMap.board-and-rack.navigate":"حرکت","keyMap.board-and-rack.remove-tile":"حذف کاشی","keyMap.board-and-rack.submit":"حل کردن","keyMap.rack":"طاقچه","keyMap.rack.insert-blank":"وارد کردن کاشی خالی (دکمه اسپیس)","menu":"منو","rack.placeholder":"لیستحرف","rack.tile.location":"({{index}}) کاشی: طاقچه","rack.touchscreen.placeholder":"لیستحرف…","remaining-tiles":"کاشی های باقی مانده","results":"نتایج","results.empty-state.no-results":"کلمه قابل استفاده پیدا نشد.","results.empty-state.outdated":"نتایج به روز نیستند، برای بروز.","results.empty-state.uninitialized":"کلمات تولید شده از حروف شما اینجا نمایش داده خواهد شد.","results.input.placeholder":"جستجو در نتایج (RegExp)","results.insert":"وارد کردن","results.preview":"پیش نمایش","results.solve":"حل کن","settings":"تنظیمات","settings.autoGroupTiles":"کاشی های باقی مانده ی طاقچه را کنار هم قرار بده","settings.autoGroupTiles.left":"در سمت چپ","settings.autoGroupTiles.right":"در سمت راست","settings.autoGroupTiles.null":"کنار هم قرار  نده","settings.game":"بازی","settings.inputMode":"حالت ورودی","settings.inputMode.keyboard":"صفحه کلید","settings.inputMode.touchscreen":"صفحه لمسی","settings.language":"زبان","words":"کلمات ساخته شده","words.invalid":"نا معتبر","words.valid":"معتبر"}');
 ;// CONCATENATED MODULE: ./src/i18n/fr.json
-const fr_namespaceObject = JSON.parse('{"cell.filter-cell":"Destination cible","cell.set-blank":"Marquer comme vide","cell.set-not-blank":"Marquer comme non vide","cell.tile.location":"Plateau: la case ({{x}}, {{y}})","cell.toggle-direction":"Direction d\'écriture","common.blanks":"Cases vides","common.clear":"Effacer","common.close":"Fermer","common.consonants":"Consonnes","common.loading":"Chargement","common.next":"Suivant","common.points":"Points","common.previous":"Précédent","common.tiles":"Cases","common.two-letter-tiles":"Deux lettres","common.vowels":"Voyelles","common.word":"Mot","common.words":"Mots","dictionary":"Dictionnaire","dictionary.empty-state.no-definitions":"Le mot existe dans le dictionary mais n\'a pas de définition.","dictionary.empty-state.no-results":"Impossible de trouver une définition pour ce mot dans le dictionaire.","dictionary.empty-state.not-allowed":"Ce mot n\'est pas pas acceptable.","dictionary.empty-state.uninitialized":"La définition dictionaire sera affichée ici.","dictionary.input.placeholder":"Rechercher dans le dictionnaire...","dictionary.input.title":"Mots séparées par des virgules","empty-state.error":"Erreur","empty-state.info":"Info","empty-state.success":"Ouais!","empty-state.warning":"Oups!","github":"Voir ce projet sur GitHub","keyMap":"Raccourcis clavier","keyMap.board":"Plateau","keyMap.board.toggle-blank":"Marqué/Démarqué la case en tant que vide","keyMap.board.toggle-direction":"Faire basculer la direction d\'écriture","keyMap.board-and-rack":"Plateau & chevalet","keyMap.board-and-rack.insert-two-letter-tile":"Insérer une tuile de deux lettres","keyMap.board-and-rack.navigate":"Naviguer","keyMap.board-and-rack.remove-tile":"Supprimer une case","keyMap.board-and-rack.submit":"Commencer la résolution","keyMap.rack":"Chevalet","keyMap.rack.insert-blank":"Inserer une case vide (spacebar)","menu":"Menu","rack.placeholder":"Lettres","rack.tile.location":"Chevalet: la case ({{index}})","remaining-tiles":"Cases restantes","results":"Résultats","results.empty-state.no-results":"Pas de résultats - impossible de générer des mots.","results.empty-state.outdated":"Les résultats sont dépassé.","results.empty-state.uninitialized":"Les mots générés à partir de vos lettres seront affichés ici.","results.input.placeholder":"Rechercher les résultats... (RegExp)","results.insert":"Inserer","results.preview":"Prévisualisation","results.solve":"Résoudre","settings":"Options","settings.autoGroupTiles":"Grouper les cases restantes","settings.autoGroupTiles.left":"Vers la droite","settings.autoGroupTiles.right":"Vers la gauche","settings.autoGroupTiles.null":"Ne pas grouper","settings.game":"Jeu","settings.language":"Langue","words":"Mots créés","words.invalid":"Incorrect","words.valid":"Corriger"}');
+const fr_namespaceObject = JSON.parse('{"cell.enter-word":"Entrez un mot","cell.filter-cell":"Destination cible","cell.set-blank":"Marquer comme vide","cell.set-not-blank":"Marquer comme non vide","cell.tile.location":"Plateau: la case ({{x}}, {{y}})","cell.toggle-direction":"Direction d\'écriture","common.blanks":"Cases vides","common.clear":"Effacer","common.close":"Fermer","common.consonants":"Consonnes","common.loading":"Chargement","common.next":"Suivant","common.points":"Points","common.previous":"Précédent","common.tiles":"Cases","common.two-letter-tiles":"Deux lettres","common.vowels":"Voyelles","common.word":"Mot","common.words":"Mots","dictionary":"Dictionnaire","dictionary.empty-state.no-definitions":"Le mot existe dans le dictionary mais n\'a pas de définition.","dictionary.empty-state.no-results":"Impossible de trouver une définition pour ce mot dans le dictionaire.","dictionary.empty-state.not-allowed":"Ce mot n\'est pas pas acceptable.","dictionary.empty-state.uninitialized":"La définition dictionaire sera affichée ici.","dictionary.input.placeholder":"Rechercher dans le dictionnaire…","dictionary.input.title":"Mots séparées par des virgules","empty-state.error":"Erreur","empty-state.info":"Info","empty-state.success":"Ouais!","empty-state.warning":"Oups!","github":"Voir ce projet sur GitHub","keyMap":"Raccourcis clavier","keyMap.board":"Plateau","keyMap.board.toggle-blank":"Marqué/Démarqué la case en tant que vide","keyMap.board.toggle-direction":"Faire basculer la direction d\'écriture","keyMap.board-and-rack":"Plateau & chevalet","keyMap.board-and-rack.insert-two-letter-tile":"Insérer une tuile de deux lettres","keyMap.board-and-rack.navigate":"Naviguer","keyMap.board-and-rack.remove-tile":"Supprimer une case","keyMap.board-and-rack.submit":"Commencer la résolution","keyMap.rack":"Chevalet","keyMap.rack.insert-blank":"Inserer une case vide (spacebar)","menu":"Menu","rack.placeholder":"Lettres","rack.tile.location":"Chevalet: la case ({{index}})","rack.touchscreen.placeholder":"Lettres…","remaining-tiles":"Cases restantes","results":"Résultats","results.empty-state.no-results":"Pas de résultats - impossible de générer des mots.","results.empty-state.outdated":"Les résultats sont dépassé.","results.empty-state.uninitialized":"Les mots générés à partir de vos lettres seront affichés ici.","results.input.placeholder":"Rechercher les résultats... (RegExp)","results.insert":"Inserer","results.preview":"Prévisualisation","results.solve":"Résoudre","settings":"Options","settings.autoGroupTiles":"Grouper les cases restantes","settings.autoGroupTiles.left":"Vers la droite","settings.autoGroupTiles.right":"Vers la gauche","settings.autoGroupTiles.null":"Ne pas grouper","settings.game":"Jeu","settings.inputMode":"Mode de saisie","settings.inputMode.keyboard":"Clavier","settings.inputMode.touchscreen":"Écran tactile","settings.language":"Langue","words":"Mots créés","words.invalid":"Incorrect","words.valid":"Corriger"}');
 ;// CONCATENATED MODULE: ./src/i18n/pl.json
-const pl_namespaceObject = JSON.parse('{"cell.filter-cell":"Miejsce docelowe","cell.set-blank":"Oznacz jako blank","cell.set-not-blank":"Oznacz jako nie blank","cell.tile.location":"Plansza: płytka ({{x}}, {{y}})","cell.toggle-direction":"Kierunek wpisywania","common.blanks":"Blanki","common.clear":"Wyczyść","common.close":"Zamknij","common.consonants":"Spółgłoski","common.loading":"Ładowanie","common.next":"Następne","common.points":"Punkty","common.previous":"Poprzednie","common.tiles":"Płytki","common.two-letter-tiles":"Dwuliterowe","common.vowels":"Samogłoski","common.word":"Słowo","common.words":"Słowa","dictionary":"Słownik","dictionary.empty-state.no-definitions":"Słowo istnieje w słowniku ale nie posiada definicji.","dictionary.empty-state.no-results":"Nie udało się znaleźć definicji słowa w słowniku.","dictionary.empty-state.not-allowed":"To słowo nie jest dopuszczalne w grach.","dictionary.empty-state.uninitialized":"Tu zostanie wyświetlona definicja słowa.","dictionary.input.placeholder":"Szukaj w słowniku...","dictionary.input.title":"Słowa rozdzielone przecinkiem","empty-state.error":"Błąd","empty-state.info":"Info","empty-state.success":"Hurra!","empty-state.warning":"Ups!","github":"Zobacz ten projekt na GitHubie","keyMap":"Skróty klawiszowe","keyMap.board":"Plansza","keyMap.board.toggle-blank":"Oznacz/odznacz płytkę jako blank","keyMap.board.toggle-direction":"Zmień kierunek wpisywania","keyMap.board-and-rack":"Plansza i stojak","keyMap.board-and-rack.insert-two-letter-tile":"Wstaw dwuliterową płytkę","keyMap.board-and-rack.navigate":"Nawigacja","keyMap.board-and-rack.remove-tile":"Zdejmij płytkę","keyMap.board-and-rack.submit":"Rozpocznij wyszukiwanie","keyMap.rack":"Stojak","keyMap.rack.insert-blank":"Wstaw blanka (spacja)","menu":"Menu","rack.placeholder":"Literki","rack.tile.location":"Stojak: płytka ({{index}})","remaining-tiles":"Pozostałe płytki","results":"Wyniki","results.empty-state.no-results":"Brak wyników - nie można wygenerować żadnego słowa.","results.empty-state.outdated":"Wyniki są nieaktualne.","results.empty-state.uninitialized":"Tu zostaną wyświetlone słowa wygenerowane z Twoich liter.","results.input.placeholder":"Szukaj rozwiązania... (RegExp)","results.insert":"Wstaw","results.preview":"Podgląd","results.solve":"Rozwiąż","settings":"Opcje","settings.autoGroupTiles":"Grupuj pozostałe płytki","settings.autoGroupTiles.left":"Po lewej","settings.autoGroupTiles.right":"Po prawej","settings.autoGroupTiles.null":"Nie grupuj","settings.game":"Gra","settings.language":"Język","words":"Utworzone słowa","words.invalid":"Niepoprawne","words.valid":"Poprawne"}');
+const pl_namespaceObject = JSON.parse('{"cell.enter-word":"Wprowadź słowo","cell.filter-cell":"Miejsce docelowe","cell.set-blank":"Oznacz jako blank","cell.set-not-blank":"Oznacz jako nie blank","cell.tile.location":"Plansza: płytka ({{x}}, {{y}})","cell.toggle-direction":"Kierunek wpisywania","common.blanks":"Blanki","common.clear":"Wyczyść","common.close":"Zamknij","common.consonants":"Spółgłoski","common.loading":"Ładowanie","common.next":"Następne","common.points":"Punkty","common.previous":"Poprzednie","common.tiles":"Płytki","common.two-letter-tiles":"Dwuliterowe","common.vowels":"Samogłoski","common.word":"Słowo","common.words":"Słowa","dictionary":"Słownik","dictionary.empty-state.no-definitions":"Słowo istnieje w słowniku ale nie posiada definicji.","dictionary.empty-state.no-results":"Nie udało się znaleźć definicji słowa w słowniku.","dictionary.empty-state.not-allowed":"To słowo nie jest dopuszczalne w grach.","dictionary.empty-state.uninitialized":"Tu zostanie wyświetlona definicja słowa.","dictionary.input.placeholder":"Szukaj w słowniku…","dictionary.input.title":"Słowa rozdzielone przecinkiem","empty-state.error":"Błąd","empty-state.info":"Info","empty-state.success":"Hurra!","empty-state.warning":"Ups!","github":"Zobacz ten projekt na GitHubie","keyMap":"Skróty klawiszowe","keyMap.board":"Plansza","keyMap.board.toggle-blank":"Oznacz/odznacz płytkę jako blank","keyMap.board.toggle-direction":"Zmień kierunek wpisywania","keyMap.board-and-rack":"Plansza i stojak","keyMap.board-and-rack.insert-two-letter-tile":"Wstaw dwuliterową płytkę","keyMap.board-and-rack.navigate":"Nawigacja","keyMap.board-and-rack.remove-tile":"Zdejmij płytkę","keyMap.board-and-rack.submit":"Rozpocznij wyszukiwanie","keyMap.rack":"Stojak","keyMap.rack.insert-blank":"Wstaw blanka (spacja)","menu":"Menu","rack.placeholder":"Literki","rack.tile.location":"Stojak: płytka ({{index}})","rack.touchscreen.placeholder":"Literki…","remaining-tiles":"Pozostałe płytki","results":"Wyniki","results.empty-state.no-results":"Brak wyników - nie można wygenerować żadnego słowa.","results.empty-state.outdated":"Wyniki są nieaktualne.","results.empty-state.uninitialized":"Tu zostaną wyświetlone słowa wygenerowane z Twoich liter.","results.input.placeholder":"Szukaj rozwiązania... (RegExp)","results.insert":"Wstaw","results.preview":"Podgląd","results.solve":"Rozwiąż","settings":"Opcje","settings.autoGroupTiles":"Grupuj pozostałe płytki","settings.autoGroupTiles.left":"Po lewej","settings.autoGroupTiles.right":"Po prawej","settings.autoGroupTiles.null":"Nie grupuj","settings.game":"Gra","settings.inputMode":"Tryb wpisywania","settings.inputMode.keyboard":"Klawiatura","settings.inputMode.touchscreen":"Ekran dotykowy","settings.language":"Język","words":"Utworzone słowa","words.invalid":"Niepoprawne","words.valid":"Poprawne"}');
 ;// CONCATENATED MODULE: ./src/i18n/i18n.ts
 
 
@@ -6900,7 +7516,7 @@ const i18n = {
 
 /***/ }),
 
-/***/ 58966:
+/***/ 3186:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -6938,6 +7554,7 @@ __webpack_require__.d(__webpack_exports__, {
   "Ey": () => (/* reexport */ Github),
   "UT": () => (/* reexport */ InfoCircleFill),
   "N1": () => (/* reexport */ Keyboard),
+  "KD": () => (/* reexport */ KeyboardFill),
   "aV": () => (/* reexport */ List),
   "xy": () => (/* reexport */ Sack),
   "HN": () => (/* reexport */ Search),
@@ -6958,11 +7575,11 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 var SvgArrowDown = function SvgArrowDown(props) {
   return /*#__PURE__*/external_react_.createElement("svg", _extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, 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"
+    fill: "currentColor",
+    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"
   })));
 };
 /* harmony default export */ const ArrowDown = (SvgArrowDown);
@@ -6972,11 +7589,11 @@ function ArrowLeft_extends() { ArrowLeft_extends = Object.assign ? Object.assign
 
 var SvgArrowLeft = function SvgArrowLeft(props) {
   return /*#__PURE__*/external_react_.createElement("svg", ArrowLeft_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, 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"
+    fill: "currentColor",
+    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"
   })));
 };
 /* harmony default export */ const ArrowLeft = (SvgArrowLeft);
@@ -6986,11 +7603,11 @@ function ArrowRight_extends() { ArrowRight_extends = Object.assign ? Object.assi
 
 var SvgArrowRight = function SvgArrowRight(props) {
   return /*#__PURE__*/external_react_.createElement("svg", ArrowRight_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, 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"
+    fill: "currentColor",
+    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"
   })));
 };
 /* harmony default export */ const ArrowRight = (SvgArrowRight);
@@ -7000,11 +7617,11 @@ function ArrowUp_extends() { ArrowUp_extends = Object.assign ? Object.assign.bin
 
 var SvgArrowUp = function SvgArrowUp(props) {
   return /*#__PURE__*/external_react_.createElement("svg", ArrowUp_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, 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"
+    fill: "currentColor",
+    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"
   })));
 };
 /* harmony default export */ const ArrowUp = (SvgArrowUp);
@@ -7014,11 +7631,11 @@ function BookHalf_extends() { BookHalf_extends = Object.assign ? Object.assign.b
 
 var SvgBookHalf = function SvgBookHalf(props) {
   return /*#__PURE__*/external_react_.createElement("svg", BookHalf_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), BookHalf_path || (BookHalf_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M8.5 2.687c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M8.5 2.687c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z"
   })));
 };
 /* harmony default export */ const BookHalf = (SvgBookHalf);
@@ -7028,14 +7645,14 @@ function CardChecklist_extends() { CardChecklist_extends = Object.assign ? Objec
 
 var SvgCardChecklist = function SvgCardChecklist(props) {
   return /*#__PURE__*/external_react_.createElement("svg", CardChecklist_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), CardChecklist_path || (CardChecklist_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"
   })), _path2 || (_path2 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"
   })));
 };
 /* harmony default export */ const CardChecklist = (SvgCardChecklist);
@@ -7045,11 +7662,11 @@ function Check_extends() { Check_extends = Object.assign ? Object.assign.bind()
 
 var SvgCheck = function SvgCheck(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Check_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), Check_path || (Check_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"
   })));
 };
 /* harmony default export */ const Check = (SvgCheck);
@@ -7059,11 +7676,11 @@ function CheckboxChecked_extends() { CheckboxChecked_extends = Object.assign ? O
 
 var SvgCheckboxChecked = function SvgCheckboxChecked(props) {
   return /*#__PURE__*/React.createElement("svg", CheckboxChecked_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), CheckboxChecked_path || (CheckboxChecked_path = /*#__PURE__*/React.createElement("path", {
-    d: "M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.08-.022z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.08-.022z"
   })));
 };
 /* harmony default export */ const CheckboxChecked = ((/* unused pure expression or super */ null && (SvgCheckboxChecked)));
@@ -7073,11 +7690,11 @@ function CheckboxEmpty_extends() { CheckboxEmpty_extends = Object.assign ? Objec
 
 var SvgCheckboxEmpty = function SvgCheckboxEmpty(props) {
   return /*#__PURE__*/React.createElement("svg", CheckboxEmpty_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), CheckboxEmpty_path || (CheckboxEmpty_path = /*#__PURE__*/React.createElement("path", {
-    d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"
   })));
 };
 /* harmony default export */ const CheckboxEmpty = ((/* unused pure expression or super */ null && (SvgCheckboxEmpty)));
@@ -7087,11 +7704,11 @@ function ChevronDown_extends() { ChevronDown_extends = Object.assign ? Object.as
 
 var SvgChevronDown = function SvgChevronDown(props) {
   return /*#__PURE__*/external_react_.createElement("svg", ChevronDown_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), ChevronDown_path || (ChevronDown_path = /*#__PURE__*/external_react_.createElement("path", {
-    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"
+    fill: "currentColor",
+    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"
   })));
 };
 /* harmony default export */ const ChevronDown = (SvgChevronDown);
@@ -7101,11 +7718,11 @@ function ChevronLeft_extends() { ChevronLeft_extends = Object.assign ? Object.as
 
 var SvgChevronLeft = function SvgChevronLeft(props) {
   return /*#__PURE__*/external_react_.createElement("svg", ChevronLeft_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, 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"
+    fill: "currentColor",
+    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"
   })));
 };
 /* harmony default export */ const ChevronLeft = (SvgChevronLeft);
@@ -7115,11 +7732,11 @@ function ChevronRight_extends() { ChevronRight_extends = Object.assign ? Object.
 
 var SvgChevronRight = function SvgChevronRight(props) {
   return /*#__PURE__*/external_react_.createElement("svg", ChevronRight_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, 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"
+    fill: "currentColor",
+    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"
   })));
 };
 /* harmony default export */ const ChevronRight = (SvgChevronRight);
@@ -7129,11 +7746,11 @@ function Cog_extends() { Cog_extends = Object.assign ? Object.assign.bind() : fu
 
 var SvgCog = function SvgCog(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Cog_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), Cog_path || (Cog_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"
   })));
 };
 /* harmony default export */ const Cog = (SvgCog);
@@ -7143,11 +7760,11 @@ function Cross_extends() { Cross_extends = Object.assign ? Object.assign.bind()
 
 var SvgCross = function SvgCross(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Cross_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), Cross_path || (Cross_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"
   })));
 };
 /* harmony default export */ const Cross = (SvgCross);
@@ -7157,11 +7774,11 @@ function CrossCircleFill_extends() { CrossCircleFill_extends = Object.assign ? O
 
 var SvgCrossCircleFill = function SvgCrossCircleFill(props) {
   return /*#__PURE__*/external_react_.createElement("svg", CrossCircleFill_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), CrossCircleFill_path || (CrossCircleFill_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"
   })));
 };
 /* harmony default export */ const CrossCircleFill = (SvgCrossCircleFill);
@@ -7171,11 +7788,11 @@ function CrossSquareFill_extends() { CrossSquareFill_extends = Object.assign ? O
 
 var SvgCrossSquareFill = function SvgCrossSquareFill(props) {
   return /*#__PURE__*/external_react_.createElement("svg", CrossSquareFill_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), CrossSquareFill_path || (CrossSquareFill_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm3.354 4.646L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 1 1 .708-.708z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm3.354 4.646L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 1 1 .708-.708z"
   })));
 };
 /* harmony default export */ const CrossSquareFill = (SvgCrossSquareFill);
@@ -7185,11 +7802,11 @@ function DashCircleFill_extends() { DashCircleFill_extends = Object.assign ? Obj
 
 var SvgDashCircleFill = function SvgDashCircleFill(props) {
   return /*#__PURE__*/external_react_.createElement("svg", DashCircleFill_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), DashCircleFill_path || (DashCircleFill_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7z"
   })));
 };
 /* harmony default export */ const DashCircleFill = (SvgDashCircleFill);
@@ -7199,11 +7816,11 @@ function Eraser_extends() { Eraser_extends = Object.assign ? Object.assign.bind(
 
 var SvgEraser = function SvgEraser(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Eraser_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), Eraser_path || (Eraser_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M8.086 2.207a2 2 0 0 1 2.828 0l3.879 3.879a2 2 0 0 1 0 2.828l-5.5 5.5A2 2 0 0 1 7.879 15H5.12a2 2 0 0 1-1.414-.586l-2.5-2.5a2 2 0 0 1 0-2.828l6.879-6.879zm.66 11.34L3.453 8.254 1.914 9.793a1 1 0 0 0 0 1.414l2.5 2.5a1 1 0 0 0 .707.293H7.88a1 1 0 0 0 .707-.293l.16-.16z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M8.086 2.207a2 2 0 0 1 2.828 0l3.879 3.879a2 2 0 0 1 0 2.828l-5.5 5.5A2 2 0 0 1 7.879 15H5.12a2 2 0 0 1-1.414-.586l-2.5-2.5a2 2 0 0 1 0-2.828l6.879-6.879zm.66 11.34L3.453 8.254 1.914 9.793a1 1 0 0 0 0 1.414l2.5 2.5a1 1 0 0 0 .707.293H7.88a1 1 0 0 0 .707-.293l.16-.16z"
   })));
 };
 /* harmony default export */ const Eraser = (SvgEraser);
@@ -7213,11 +7830,11 @@ function ExclamationSquareFill_extends() { ExclamationSquareFill_extends = Objec
 
 var SvgExclamationSquareFill = function SvgExclamationSquareFill(props) {
   return /*#__PURE__*/external_react_.createElement("svg", ExclamationSquareFill_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), ExclamationSquareFill_path || (ExclamationSquareFill_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"
   })));
 };
 /* harmony default export */ const ExclamationSquareFill = (SvgExclamationSquareFill);
@@ -7227,11 +7844,11 @@ function ExclamationTriangleFill_extends() { ExclamationTriangleFill_extends = O
 
 var SvgExclamationTriangleFill = function SvgExclamationTriangleFill(props) {
   return /*#__PURE__*/external_react_.createElement("svg", ExclamationTriangleFill_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), ExclamationTriangleFill_path || (ExclamationTriangleFill_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"
   })));
 };
 /* harmony default export */ const ExclamationTriangleFill = (SvgExclamationTriangleFill);
@@ -7241,14 +7858,14 @@ function EyeFill_extends() { EyeFill_extends = Object.assign ? Object.assign.bin
 
 var SvgEyeFill = function SvgEyeFill(props) {
   return /*#__PURE__*/external_react_.createElement("svg", EyeFill_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), EyeFill_path || (EyeFill_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"
   })), EyeFill_path2 || (EyeFill_path2 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"
   })));
 };
 /* harmony default export */ const EyeFill = (SvgEyeFill);
@@ -7258,11 +7875,11 @@ function Flag_extends() { Flag_extends = Object.assign ? Object.assign.bind() :
 
 var SvgFlag = function SvgFlag(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Flag_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), Flag_path || (Flag_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001M14 1.221c-.22.078-.48.167-.766.255-.81.252-1.872.523-2.734.523-.886 0-1.592-.286-2.203-.534l-.008-.003C7.662 1.21 7.139 1 6.5 1c-.669 0-1.606.229-2.415.478A21.294 21.294 0 0 0 3 1.845v6.433c.22-.078.48-.167.766-.255C4.576 7.77 5.638 7.5 6.5 7.5c.847 0 1.548.28 2.158.525l.028.01C9.32 8.29 9.86 8.5 10.5 8.5c.668 0 1.606-.229 2.415-.478A21.317 21.317 0 0 0 14 7.655V1.222z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001M14 1.221c-.22.078-.48.167-.766.255-.81.252-1.872.523-2.734.523-.886 0-1.592-.286-2.203-.534l-.008-.003C7.662 1.21 7.139 1 6.5 1c-.669 0-1.606.229-2.415.478A21.294 21.294 0 0 0 3 1.845v6.433c.22-.078.48-.167.766-.255C4.576 7.77 5.638 7.5 6.5 7.5c.847 0 1.548.28 2.158.525l.028.01C9.32 8.29 9.86 8.5 10.5 8.5c.668 0 1.606-.229 2.415-.478A21.317 21.317 0 0 0 14 7.655V1.222z"
   })));
 };
 /* harmony default export */ const Flag = (SvgFlag);
@@ -7272,8 +7889,8 @@ function FlagDe_extends() { FlagDe_extends = Object.assign ? Object.assign.bind(
 
 var SvgFlagDe = function SvgFlagDe(props) {
   return /*#__PURE__*/external_react_.createElement("svg", FlagDe_extends({
-    viewBox: "0 0 20 12",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 12"
   }, props), FlagDe_path || (FlagDe_path = /*#__PURE__*/external_react_.createElement("path", {
     d: "M0 0h20v4H0z"
   })), FlagDe_path2 || (FlagDe_path2 = /*#__PURE__*/external_react_.createElement("path", {
@@ -7311,30 +7928,30 @@ var SvgFlagFa = function SvgFlagFa(props) {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 630 360"
   }, props), /*#__PURE__*/external_react_.createElement("path", {
+    d: "M0 0h630v360H0Z",
     style: {
       fill: "#da0000"
-    },
-    d: "M0 0h630v360H0Z"
+    }
   }), /*#__PURE__*/external_react_.createElement("path", {
+    d: "M0 0h630v240H0Z",
     style: {
       fill: "#fff"
-    },
-    d: "M0 0h630v240H0Z"
+    }
   }), /*#__PURE__*/external_react_.createElement("path", {
+    d: "M0 0h630v120H0Z",
     style: {
       fill: "#239f40"
-    },
-    d: "M0 0h630v120H0Z"
+    }
   }), /*#__PURE__*/external_react_.createElement("g", {
     fill: "none",
     stroke: "#fff",
     strokeWidth: 2
   }, FlagFa_path || (FlagFa_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M8.4 101.8h36.4m-35 12.6v-7H21v5.6h11.2v-5.6h-7M14 113h2.8m28 0h-7v-5.6H49m0-7V113h11.2v-12.6m-5.6 0V113",
-    strokeWidth: 2.8
+    strokeWidth: 2.8,
+    d: "M8.4 101.8h36.4m-35 12.6v-7H21v5.6h11.2v-5.6h-7M14 113h2.8m28 0h-7v-5.6H49m0-7V113h11.2v-12.6m-5.6 0V113"
   })), FlagFa_path2 || (FlagFa_path2 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M8.4 120h25.2m2.8 0h25.2",
-    strokeWidth: 5.6
+    strokeWidth: 5.6,
+    d: "M8.4 120h25.2m2.8 0h25.2"
   })), /*#__PURE__*/external_react_.createElement("path", {
     d: "M0 139.6h25.2m2.8 0h25.2",
     style: {
@@ -7348,11 +7965,11 @@ var SvgFlagFa = function SvgFlagFa(props) {
     },
     transform: "translate(8.4 100.4)"
   }), FlagFa_path3 || (FlagFa_path3 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M64.4 101.8h36.4m-35 12.6v-7H77v5.6h11.2v-5.6h-7M70 113h2.8m28 0h-7v-5.6H105m0-7V113h11.2v-12.6m-5.6 0V113",
-    strokeWidth: 2.8
+    strokeWidth: 2.8,
+    d: "M64.4 101.8h36.4m-35 12.6v-7H77v5.6h11.2v-5.6h-7M70 113h2.8m28 0h-7v-5.6H105m0-7V113h11.2v-12.6m-5.6 0V113"
   })), _path4 || (_path4 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M64.4 120h25.2m2.8 0h25.2",
-    strokeWidth: 5.6
+    strokeWidth: 5.6,
+    d: "M64.4 120h25.2m2.8 0h25.2"
   })), /*#__PURE__*/external_react_.createElement("path", {
     d: "M0 139.6h25.2m2.8 0h25.2",
     style: {
@@ -7366,11 +7983,11 @@ var SvgFlagFa = function SvgFlagFa(props) {
     },
     transform: "translate(64.4 100.4)"
   }), _path5 || (_path5 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M120.4 101.8h36.4m-35 12.6v-7H133v5.6h11.2v-5.6h-7M126 113h2.8m28 0h-7v-5.6H161m0-7V113h11.2v-12.6m-5.6 0V113",
-    strokeWidth: 2.8
+    strokeWidth: 2.8,
+    d: "M120.4 101.8h36.4m-35 12.6v-7H133v5.6h11.2v-5.6h-7M126 113h2.8m28 0h-7v-5.6H161m0-7V113h11.2v-12.6m-5.6 0V113"
   })), _path6 || (_path6 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M120.4 120h25.2m2.8 0h25.2",
-    strokeWidth: 5.6
+    strokeWidth: 5.6,
+    d: "M120.4 120h25.2m2.8 0h25.2"
   })), /*#__PURE__*/external_react_.createElement("path", {
     d: "M0 139.6h25.2m2.8 0h25.2",
     style: {
@@ -7384,11 +8001,11 @@ var SvgFlagFa = function SvgFlagFa(props) {
     },
     transform: "translate(120.4 100.4)"
   }), _path7 || (_path7 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M176.4 101.8h36.4m-35 12.6v-7H189v5.6h11.2v-5.6h-7M182 113h2.8m28 0h-7v-5.6H217m0-7V113h11.2v-12.6m-5.6 0V113",
-    strokeWidth: 2.8
+    strokeWidth: 2.8,
+    d: "M176.4 101.8h36.4m-35 12.6v-7H189v5.6h11.2v-5.6h-7M182 113h2.8m28 0h-7v-5.6H217m0-7V113h11.2v-12.6m-5.6 0V113"
   })), _path8 || (_path8 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M176.4 120h25.2m2.8 0h25.2",
-    strokeWidth: 5.6
+    strokeWidth: 5.6,
+    d: "M176.4 120h25.2m2.8 0h25.2"
   })), /*#__PURE__*/external_react_.createElement("path", {
     d: "M0 139.6h25.2m2.8 0h25.2",
     style: {
@@ -7402,11 +8019,11 @@ var SvgFlagFa = function SvgFlagFa(props) {
     },
     transform: "translate(176.4 100.4)"
   }), _path9 || (_path9 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M232.4 101.8h36.4m-35 12.6v-7H245v5.6h11.2v-5.6h-7M238 113h2.8m28 0h-7v-5.6H273m0-7V113h11.2v-12.6m-5.6 0V113",
-    strokeWidth: 2.8
+    strokeWidth: 2.8,
+    d: "M232.4 101.8h36.4m-35 12.6v-7H245v5.6h11.2v-5.6h-7M238 113h2.8m28 0h-7v-5.6H273m0-7V113h11.2v-12.6m-5.6 0V113"
   })), _path10 || (_path10 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M232.4 120h25.2m2.8 0h25.2",
-    strokeWidth: 5.6
+    strokeWidth: 5.6,
+    d: "M232.4 120h25.2m2.8 0h25.2"
   })), /*#__PURE__*/external_react_.createElement("path", {
     d: "M0 139.6h25.2m2.8 0h25.2",
     style: {
@@ -7420,11 +8037,11 @@ var SvgFlagFa = function SvgFlagFa(props) {
     },
     transform: "translate(232.4 100.4)"
   }), _path11 || (_path11 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M288.4 101.8h36.4m-35 12.6v-7H301v5.6h11.2v-5.6h-7M294 113h2.8m28 0h-7v-5.6H329m0-7V113h11.2v-12.6m-5.6 0V113",
-    strokeWidth: 2.8
+    strokeWidth: 2.8,
+    d: "M288.4 101.8h36.4m-35 12.6v-7H301v5.6h11.2v-5.6h-7M294 113h2.8m28 0h-7v-5.6H329m0-7V113h11.2v-12.6m-5.6 0V113"
   })), _path12 || (_path12 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M288.4 120h25.2m2.8 0h25.2",
-    strokeWidth: 5.6
+    strokeWidth: 5.6,
+    d: "M288.4 120h25.2m2.8 0h25.2"
   })), /*#__PURE__*/external_react_.createElement("path", {
     d: "M0 139.6h25.2m2.8 0h25.2",
     style: {
@@ -7438,11 +8055,11 @@ var SvgFlagFa = function SvgFlagFa(props) {
     },
     transform: "translate(288.4 100.4)"
   }), _path13 || (_path13 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M344.4 101.8h36.4m-35 12.6v-7H357v5.6h11.2v-5.6h-7M350 113h2.8m28 0h-7v-5.6H385m0-7V113h11.2v-12.6m-5.6 0V113",
-    strokeWidth: 2.8
+    strokeWidth: 2.8,
+    d: "M344.4 101.8h36.4m-35 12.6v-7H357v5.6h11.2v-5.6h-7M350 113h2.8m28 0h-7v-5.6H385m0-7V113h11.2v-12.6m-5.6 0V113"
   })), _path14 || (_path14 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M344.4 120h25.2m2.8 0h25.2",
-    strokeWidth: 5.6
+    strokeWidth: 5.6,
+    d: "M344.4 120h25.2m2.8 0h25.2"
   })), /*#__PURE__*/external_react_.createElement("path", {
     d: "M0 139.6h25.2m2.8 0h25.2",
     style: {
@@ -7456,11 +8073,11 @@ var SvgFlagFa = function SvgFlagFa(props) {
     },
     transform: "translate(344.4 100.4)"
   }), _path15 || (_path15 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M400.4 101.8h36.4m-35 12.6v-7H413v5.6h11.2v-5.6h-7M406 113h2.8m28 0h-7v-5.6H441m0-7V113h11.2v-12.6m-5.6 0V113",
-    strokeWidth: 2.8
+    strokeWidth: 2.8,
+    d: "M400.4 101.8h36.4m-35 12.6v-7H413v5.6h11.2v-5.6h-7M406 113h2.8m28 0h-7v-5.6H441m0-7V113h11.2v-12.6m-5.6 0V113"
   })), _path16 || (_path16 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M400.4 120h25.2m2.8 0h25.2",
-    strokeWidth: 5.6
+    strokeWidth: 5.6,
+    d: "M400.4 120h25.2m2.8 0h25.2"
   })), /*#__PURE__*/external_react_.createElement("path", {
     d: "M0 139.6h25.2m2.8 0h25.2",
     style: {
@@ -7474,11 +8091,11 @@ var SvgFlagFa = function SvgFlagFa(props) {
     },
     transform: "translate(400.4 100.4)"
   }), _path17 || (_path17 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M456.4 101.8h36.4m-35 12.6v-7H469v5.6h11.2v-5.6h-7M462 113h2.8m28 0h-7v-5.6H497m0-7V113h11.2v-12.6m-5.6 0V113",
-    strokeWidth: 2.8
+    strokeWidth: 2.8,
+    d: "M456.4 101.8h36.4m-35 12.6v-7H469v5.6h11.2v-5.6h-7M462 113h2.8m28 0h-7v-5.6H497m0-7V113h11.2v-12.6m-5.6 0V113"
   })), _path18 || (_path18 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M456.4 120h25.2m2.8 0h25.2",
-    strokeWidth: 5.6
+    strokeWidth: 5.6,
+    d: "M456.4 120h25.2m2.8 0h25.2"
   })), /*#__PURE__*/external_react_.createElement("path", {
     d: "M0 139.6h25.2m2.8 0h25.2",
     style: {
@@ -7492,11 +8109,11 @@ var SvgFlagFa = function SvgFlagFa(props) {
     },
     transform: "translate(456.4 100.4)"
   }), _path19 || (_path19 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M512.4 101.8h36.4m-35 12.6v-7H525v5.6h11.2v-5.6h-7M518 113h2.8m28 0h-7v-5.6H553m0-7V113h11.2v-12.6m-5.6 0V113",
-    strokeWidth: 2.8
+    strokeWidth: 2.8,
+    d: "M512.4 101.8h36.4m-35 12.6v-7H525v5.6h11.2v-5.6h-7M518 113h2.8m28 0h-7v-5.6H553m0-7V113h11.2v-12.6m-5.6 0V113"
   })), _path20 || (_path20 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M512.4 120h25.2m2.8 0h25.2",
-    strokeWidth: 5.6
+    strokeWidth: 5.6,
+    d: "M512.4 120h25.2m2.8 0h25.2"
   })), /*#__PURE__*/external_react_.createElement("path", {
     d: "M0 139.6h25.2m2.8 0h25.2",
     style: {
@@ -7510,11 +8127,11 @@ var SvgFlagFa = function SvgFlagFa(props) {
     },
     transform: "translate(512.4 100.4)"
   }), _path21 || (_path21 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M568.4 101.8h36.4m-35 12.6v-7H581v5.6h11.2v-5.6h-7M574 113h2.8m28 0h-7v-5.6H609m0-7V113h11.2v-12.6m-5.6 0V113",
-    strokeWidth: 2.8
+    strokeWidth: 2.8,
+    d: "M568.4 101.8h36.4m-35 12.6v-7H581v5.6h11.2v-5.6h-7M574 113h2.8m28 0h-7v-5.6H609m0-7V113h11.2v-12.6m-5.6 0V113"
   })), _path22 || (_path22 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M568.4 120h25.2m2.8 0h25.2",
-    strokeWidth: 5.6
+    strokeWidth: 5.6,
+    d: "M568.4 120h25.2m2.8 0h25.2"
   })), /*#__PURE__*/external_react_.createElement("path", {
     d: "M0 139.6h25.2m2.8 0h25.2",
     style: {
@@ -7546,11 +8163,11 @@ function FlagFill_extends() { FlagFill_extends = Object.assign ? Object.assign.b
 
 var SvgFlagFill = function SvgFlagFill(props) {
   return /*#__PURE__*/external_react_.createElement("svg", FlagFill_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), FlagFill_path || (FlagFill_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001"
   })));
 };
 /* harmony default export */ const FlagFill = (SvgFlagFill);
@@ -7560,8 +8177,8 @@ function FlagFr_extends() { FlagFr_extends = Object.assign ? Object.assign.bind(
 
 var SvgFlagFr = function SvgFlagFr(props) {
   return /*#__PURE__*/external_react_.createElement("svg", FlagFr_extends({
-    viewBox: "0 0 24 15",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 15"
   }, props), FlagFr_path || (FlagFr_path = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#002395",
     d: "M0 0h8v15H0z"
@@ -7580,27 +8197,27 @@ function FlagGb_extends() { FlagGb_extends = Object.assign ? Object.assign.bind(
 
 var SvgFlagGb = function SvgFlagGb(props) {
   return /*#__PURE__*/external_react_.createElement("svg", FlagGb_extends({
-    viewBox: "0 0 60 30",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 60 30"
   }, props), FlagGb_path || (FlagGb_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M0 0v30h60V0z",
-    fill: "#00247d"
+    fill: "#00247d",
+    d: "M0 0v30h60V0z"
   })), FlagGb_path2 || (FlagGb_path2 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "m0 0 60 30m0-30L0 30",
     stroke: "#fff",
-    strokeWidth: 6
+    strokeWidth: 6,
+    d: "m0 0 60 30m0-30L0 30"
   })), FlagGb_path3 || (FlagGb_path3 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "m0 0 60 30m0-30L0 30",
     stroke: "#cf142b",
-    strokeWidth: 4
+    strokeWidth: 4,
+    d: "m0 0 60 30m0-30L0 30"
   })), FlagGb_path4 || (FlagGb_path4 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M30 0v30M0 15h60",
     stroke: "#fff",
-    strokeWidth: 10
+    strokeWidth: 10,
+    d: "M30 0v30M0 15h60"
   })), FlagGb_path5 || (FlagGb_path5 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M30 0v30M0 15h60",
     stroke: "#cf142b",
-    strokeWidth: 6
+    strokeWidth: 6,
+    d: "M30 0v30M0 15h60"
   })));
 };
 /* harmony default export */ const FlagGb = (SvgFlagGb);
@@ -7610,8 +8227,8 @@ function FlagPl_extends() { FlagPl_extends = Object.assign ? Object.assign.bind(
 
 var SvgFlagPl = function SvgFlagPl(props) {
   return /*#__PURE__*/external_react_.createElement("svg", FlagPl_extends({
-    viewBox: "0 0 16 10",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 10"
   }, props), FlagPl_path || (FlagPl_path = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#fff",
     d: "M0 0h16v10H0z"
@@ -7627,15 +8244,15 @@ function FlagUs_extends() { FlagUs_extends = Object.assign ? Object.assign.bind(
 
 var SvgFlagUs = function SvgFlagUs(props) {
   return /*#__PURE__*/external_react_.createElement("svg", FlagUs_extends({
-    viewBox: "0 0 7410 3900",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 7410 3900"
   }, props), FlagUs_path || (FlagUs_path = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#b22234",
     d: "M0 0h7410v3900H0z"
   })), FlagUs_path2 || (FlagUs_path2 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M0 450h7410m0 600H0m0 600h7410m0 600H0m0 600h7410m0 600H0",
     stroke: "#fff",
-    strokeWidth: 300
+    strokeWidth: 300,
+    d: "M0 450h7410m0 600H0m0 600h7410m0 600H0m0 600h7410m0 600H0"
   })), FlagUs_path3 || (FlagUs_path3 = /*#__PURE__*/external_react_.createElement("path", {
     fill: "#3c3b6e",
     d: "M0 0h2964v2100H0z"
@@ -7653,52 +8270,52 @@ var SvgFlagUs = function SvgFlagUs(props) {
     id: "FlagUs_svg__a",
     d: "m247 90 70.534 217.082-184.66-134.164h228.253L176.466 307.082z"
   }), /*#__PURE__*/external_react_.createElement("use", {
-    href: "#FlagUs_svg__a",
-    y: 420
+    y: 420,
+    href: "#FlagUs_svg__a"
   }), /*#__PURE__*/external_react_.createElement("use", {
-    href: "#FlagUs_svg__a",
-    y: 840
+    y: 840,
+    href: "#FlagUs_svg__a"
   }), /*#__PURE__*/external_react_.createElement("use", {
-    href: "#FlagUs_svg__a",
-    y: 1260
+    y: 1260,
+    href: "#FlagUs_svg__a"
   })), /*#__PURE__*/external_react_.createElement("use", {
-    href: "#FlagUs_svg__a",
-    y: 1680
+    y: 1680,
+    href: "#FlagUs_svg__a"
   })), /*#__PURE__*/external_react_.createElement("use", {
-    href: "#FlagUs_svg__b",
     x: 247,
-    y: 210
+    y: 210,
+    href: "#FlagUs_svg__b"
   })), /*#__PURE__*/external_react_.createElement("use", {
-    href: "#FlagUs_svg__c",
-    x: 494
+    x: 494,
+    href: "#FlagUs_svg__c"
   })), /*#__PURE__*/external_react_.createElement("use", {
-    href: "#FlagUs_svg__d",
-    x: 988
+    x: 988,
+    href: "#FlagUs_svg__d"
   }), /*#__PURE__*/external_react_.createElement("use", {
-    href: "#FlagUs_svg__c",
-    x: 1976
+    x: 1976,
+    href: "#FlagUs_svg__c"
   }), /*#__PURE__*/external_react_.createElement("use", {
-    href: "#FlagUs_svg__e",
-    x: 2470
+    x: 2470,
+    href: "#FlagUs_svg__e"
   }))), FlagUs_path4 || (FlagUs_path4 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M0 0v30h60V0z",
-    fill: "#00247d"
+    fill: "#00247d",
+    d: "M0 0v30h60V0z"
   })), FlagUs_path5 || (FlagUs_path5 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "m0 0 60 30m0-30L0 30",
     stroke: "#fff",
-    strokeWidth: 6
+    strokeWidth: 6,
+    d: "m0 0 60 30m0-30L0 30"
   })), FlagUs_path6 || (FlagUs_path6 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "m0 0 60 30m0-30L0 30",
     stroke: "#cf142b",
-    strokeWidth: 4
+    strokeWidth: 4,
+    d: "m0 0 60 30m0-30L0 30"
   })), FlagUs_path7 || (FlagUs_path7 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M30 0v30M0 15h60",
     stroke: "#fff",
-    strokeWidth: 10
+    strokeWidth: 10,
+    d: "M30 0v30M0 15h60"
   })), FlagUs_path8 || (FlagUs_path8 = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M30 0v30M0 15h60",
     stroke: "#cf142b",
-    strokeWidth: 6
+    strokeWidth: 6,
+    d: "M30 0v30M0 15h60"
   })));
 };
 /* harmony default export */ const FlagUs = (SvgFlagUs);
@@ -7708,11 +8325,11 @@ function Github_extends() { Github_extends = Object.assign ? Object.assign.bind(
 
 var SvgGithub = function SvgGithub(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Github_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), Github_path || (Github_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
   })));
 };
 /* harmony default export */ const Github = (SvgGithub);
@@ -7722,39 +8339,55 @@ function InfoCircleFill_extends() { InfoCircleFill_extends = Object.assign ? Obj
 
 var SvgInfoCircleFill = function SvgInfoCircleFill(props) {
   return /*#__PURE__*/external_react_.createElement("svg", InfoCircleFill_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), InfoCircleFill_path || (InfoCircleFill_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
   })));
 };
 /* harmony default export */ const InfoCircleFill = (SvgInfoCircleFill);
 ;// CONCATENATED MODULE: ./src/icons/Keyboard.svg
-var Keyboard_path;
+var Keyboard_path, Keyboard_path2;
 function Keyboard_extends() { Keyboard_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Keyboard_extends.apply(this, arguments); }
 
 var SvgKeyboard = function SvgKeyboard(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Keyboard_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 16 16"
   }, props), Keyboard_path || (Keyboard_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm13 .25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25zM2.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 3 8.75v-.5A.25.25 0 0 0 2.75 8h-.5zM4 8.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 5 8.75v-.5A.25.25 0 0 0 4.75 8h-.5a.25.25 0 0 0-.25.25zM6.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 7 8.75v-.5A.25.25 0 0 0 6.75 8h-.5zM8 8.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 9 8.75v-.5A.25.25 0 0 0 8.75 8h-.5a.25.25 0 0 0-.25.25zM13.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5zm0 2a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5zm-3-2a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-1.5zm.75 2.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25zM11.25 6a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5zM9 6.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5A.25.25 0 0 0 9.75 6h-.5a.25.25 0 0 0-.25.25zM7.25 6a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 8 6.75v-.5A.25.25 0 0 0 7.75 6h-.5zM5 6.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 6 6.75v-.5A.25.25 0 0 0 5.75 6h-.5a.25.25 0 0 0-.25.25zM2.25 6a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 4 6.75v-.5A.25.25 0 0 0 3.75 6h-1.5zM2 10.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25zM4.25 10a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h5.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-5.5z",
-    fill: "currentColor"
+    d: "M14 5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h12zM2 4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H2z"
+  })), Keyboard_path2 || (Keyboard_path2 = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M13 10.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm0-2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-5 0A.25.25 0 0 1 8.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 8 8.75v-.5zm2 0a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-.5zm1 2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-5-2A.25.25 0 0 1 6.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 6 8.75v-.5zm-2 0A.25.25 0 0 1 4.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 4 8.75v-.5zm-2 0A.25.25 0 0 1 2.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 2 8.75v-.5zm11-2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-2 0a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-2 0A.25.25 0 0 1 9.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 9 6.75v-.5zm-2 0A.25.25 0 0 1 7.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 7 6.75v-.5zm-2 0A.25.25 0 0 1 5.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 5 6.75v-.5zm-3 0A.25.25 0 0 1 2.25 6h1.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-1.5A.25.25 0 0 1 2 6.75v-.5zm0 4a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm2 0a.25.25 0 0 1 .25-.25h5.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-5.5a.25.25 0 0 1-.25-.25v-.5z"
   })));
 };
 /* harmony default export */ const Keyboard = (SvgKeyboard);
+;// CONCATENATED MODULE: ./src/icons/KeyboardFill.svg
+var KeyboardFill_path;
+function KeyboardFill_extends() { KeyboardFill_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return KeyboardFill_extends.apply(this, arguments); }
+
+var SvgKeyboardFill = function SvgKeyboardFill(props) {
+  return /*#__PURE__*/external_react_.createElement("svg", KeyboardFill_extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 16 16"
+  }, props), KeyboardFill_path || (KeyboardFill_path = /*#__PURE__*/external_react_.createElement("path", {
+    d: "M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm13 .25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25zM2.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 3 8.75v-.5A.25.25 0 0 0 2.75 8h-.5zM4 8.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 5 8.75v-.5A.25.25 0 0 0 4.75 8h-.5a.25.25 0 0 0-.25.25zM6.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 7 8.75v-.5A.25.25 0 0 0 6.75 8h-.5zM8 8.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 9 8.75v-.5A.25.25 0 0 0 8.75 8h-.5a.25.25 0 0 0-.25.25zM13.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5zm0 2a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5zm-3-2a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-1.5zm.75 2.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25zM11.25 6a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5zM9 6.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5A.25.25 0 0 0 9.75 6h-.5a.25.25 0 0 0-.25.25zM7.25 6a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 8 6.75v-.5A.25.25 0 0 0 7.75 6h-.5zM5 6.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 6 6.75v-.5A.25.25 0 0 0 5.75 6h-.5a.25.25 0 0 0-.25.25zM2.25 6a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 4 6.75v-.5A.25.25 0 0 0 3.75 6h-1.5zM2 10.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25zM4.25 10a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h5.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-5.5z"
+  })));
+};
+/* harmony default export */ const KeyboardFill = (SvgKeyboardFill);
 ;// CONCATENATED MODULE: ./src/icons/List.svg
 var List_path;
 function List_extends() { List_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return List_extends.apply(this, arguments); }
 
 var SvgList = function SvgList(props) {
   return /*#__PURE__*/external_react_.createElement("svg", List_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), List_path || (List_path = /*#__PURE__*/external_react_.createElement("path", {
-    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"
+    fill: "currentColor",
+    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"
   })));
 };
 /* harmony default export */ const List = (SvgList);
@@ -7764,11 +8397,11 @@ function Sack_extends() { Sack_extends = Object.assign ? Object.assign.bind() :
 
 var SvgSack = function SvgSack(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Sack_extends({
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
   }, props), Sack_path || (Sack_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M16 9c4 2 5 9 5 9s1 4-5 4H8c-6 0-5-4-5-4s1-7 5-9m6-5-2-2-2 2-4-2 2 5h8l2-5-4 2Z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M16 9c4 2 5 9 5 9s1 4-5 4H8c-6 0-5-4-5-4s1-7 5-9m6-5-2-2-2 2-4-2 2 5h8l2-5-4 2Z"
   })));
 };
 /* harmony default export */ const Sack = (SvgSack);
@@ -7778,11 +8411,11 @@ function Search_extends() { Search_extends = Object.assign ? Object.assign.bind(
 
 var SvgSearch = function SvgSearch(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Search_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), Search_path || (Search_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"
   })));
 };
 /* harmony default export */ const Search = (SvgSearch);
@@ -7792,11 +8425,11 @@ function SortDown_extends() { SortDown_extends = Object.assign ? Object.assign.b
 
 var SvgSortDown = function SvgSortDown(props) {
   return /*#__PURE__*/external_react_.createElement("svg", SortDown_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), SortDown_path || (SortDown_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M3.5 2.5a.5.5 0 0 0-1 0v8.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 1.999.007.007a.497.497 0 0 0 .7-.006l2-2a.5.5 0 0 0-.707-.708L3.5 11.293V2.5zm3.5 1a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM7.5 6a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zm0 3a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M3.5 2.5a.5.5 0 0 0-1 0v8.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 1.999.007.007a.497.497 0 0 0 .7-.006l2-2a.5.5 0 0 0-.707-.708L3.5 11.293V2.5zm3.5 1a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM7.5 6a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zm0 3a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z"
   })));
 };
 /* harmony default export */ const SortDown = (SvgSortDown);
@@ -7806,11 +8439,11 @@ function SortUp_extends() { SortUp_extends = Object.assign ? Object.assign.bind(
 
 var SvgSortUp = function SvgSortUp(props) {
   return /*#__PURE__*/external_react_.createElement("svg", SortUp_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), SortUp_path || (SortUp_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M3.5 12.5a.5.5 0 0 1-1 0V3.707L1.354 4.854a.5.5 0 1 1-.708-.708l2-1.999.007-.007a.498.498 0 0 1 .7.006l2 2a.5.5 0 1 1-.707.708L3.5 3.707V12.5zm3.5-9a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM7.5 6a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zm0 3a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M3.5 12.5a.5.5 0 0 1-1 0V3.707L1.354 4.854a.5.5 0 1 1-.708-.708l2-1.999.007-.007a.498.498 0 0 1 .7.006l2 2a.5.5 0 1 1-.707.708L3.5 3.707V12.5zm3.5-9a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM7.5 6a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zm0 3a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z"
   })));
 };
 /* harmony default export */ const SortUp = (SvgSortUp);
@@ -7820,11 +8453,11 @@ function Square_extends() { Square_extends = Object.assign ? Object.assign.bind(
 
 var SvgSquare = function SvgSquare(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Square_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), Square_path || (Square_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"
   })));
 };
 /* harmony default export */ const Square = (SvgSquare);
@@ -7834,11 +8467,11 @@ function SquareFill_extends() { SquareFill_extends = Object.assign ? Object.assi
 
 var SvgSquareFill = function SvgSquareFill(props) {
   return /*#__PURE__*/external_react_.createElement("svg", SquareFill_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), SquareFill_path || (SquareFill_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2z"
   })));
 };
 /* harmony default export */ const SquareFill = (SvgSquareFill);
@@ -7848,11 +8481,11 @@ function Star_extends() { Star_extends = Object.assign ? Object.assign.bind() :
 
 var SvgStar = function SvgStar(props) {
   return /*#__PURE__*/external_react_.createElement("svg", Star_extends({
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
   }, props), Star_path || (Star_path = /*#__PURE__*/external_react_.createElement("path", {
-    d: "M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z",
-    fill: "currentColor"
+    fill: "currentColor",
+    d: "M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
   })));
 };
 /* harmony default export */ const Star = (SvgStar);
@@ -7898,11 +8531,12 @@ var SvgStar = function SvgStar(props) {
 
 
 
+
 
 
 /***/ }),
 
-/***/ 20208:
+/***/ 18954:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -7918,6 +8552,7 @@ __webpack_require__.d(__webpack_exports__, {
   "GF": () => (/* reexport */ lib_createRegExp),
   "kD": () => (/* reexport */ lib_dataUrlToBlob),
   "nK": () => (/* reexport */ lib_extractCharacters),
+  "p$": () => (/* reexport */ lib_extractCharactersByCase),
   "WM": () => (/* reexport */ lib_extractInputValue),
   "Jp": () => (/* reexport */ lib_findCell),
   "ZM": () => (/* reexport */ lib_getRemainingTiles),
@@ -7936,7 +8571,7 @@ __webpack_require__.d(__webpack_exports__, {
   "gV": () => (/* reexport */ lib_zipCharactersAndTiles)
 });
 
-// UNUSED EXPORTS: createComparator, createKeyComparator, createStringComparator, detectLocale, getCellSize, getRemainingTilesCount, getTotalRemainingTilesCount, isStringArray, numberComparator, reverseComparator
+// UNUSED EXPORTS: createComparator, createKeyComparator, createStringComparator, detectLocale, getCellSize, getRemainingTilesCount, getTotalRemainingTilesCount, isStringArray, isUpperCase, numberComparator, reverseComparator
 
 ;// CONCATENATED MODULE: ./src/lib/arrayEquals.ts
 const arrayEquals = (array1, array2)=>{
@@ -8068,23 +8703,58 @@ var constants_build = __webpack_require__(7618);
 ;// CONCATENATED MODULE: ./src/lib/extractCharacters.ts
 
 const extractCharacters = (config, value)=>{
+    let index = 0;
+    const characters = [];
+    const valueLowercase = value.toLocaleLowerCase(config.locale);
+    while(index < valueLowercase.length){
+        const character = valueLowercase[index];
+        const nextCharacter = valueLowercase[index + 1];
+        const digraph = `${character}${nextCharacter}`;
+        if (config.twoCharacterTiles.includes(digraph)) {
+            characters.push(digraph);
+            index += digraph.length;
+        } else if (config.hasCharacter(character) || character === constants_build.BLANK) {
+            characters.push(character);
+            ++index;
+        } else {
+            ++index;
+        }
+    }
+    return characters;
+};
+/* harmony default export */ const lib_extractCharacters = (extractCharacters);
+
+;// CONCATENATED MODULE: ./src/lib/isUpperCase.ts
+const isUpperCase = (locale, value)=>{
+    return value === value.toLocaleUpperCase(locale);
+};
+/* harmony default export */ const lib_isUpperCase = (isUpperCase);
+
+;// CONCATENATED MODULE: ./src/lib/extractCharactersByCase.ts
+
+
+const extractCharactersByCase = (config, value)=>{
     let index = 0;
     const characters = [];
     while(index < value.length){
         const character = value[index];
+        const characterLowercase = value[index].toLocaleLowerCase(config.locale);
         const nextCharacter = value[index + 1];
-        const twoCharacterTileCandidate = `${character}${nextCharacter}`;
-        if (config.twoCharacterTiles.includes(twoCharacterTileCandidate)) {
-            characters.push(twoCharacterTileCandidate);
+        const digraph = `${character}${nextCharacter}`;
+        const digraphLowercase = digraph.toLocaleLowerCase(config.locale);
+        if (lib_isUpperCase(config.locale, digraph) && config.twoCharacterTiles.includes(digraphLowercase)) {
+            characters.push(digraphLowercase);
+            index += digraphLowercase.length;
+        } else if (config.hasCharacter(characterLowercase) || characterLowercase === constants_build.BLANK) {
+            characters.push(characterLowercase);
+            ++index;
+        } else {
             ++index;
-        } else if (config.hasCharacter(character) || character === constants_build.BLANK) {
-            characters.push(character);
         }
-        ++index;
     }
     return characters;
 };
-/* harmony default export */ const lib_extractCharacters = (extractCharacters);
+/* harmony default export */ const lib_extractCharactersByCase = (extractCharactersByCase);
 
 ;// CONCATENATED MODULE: ./src/lib/extractInputValue.ts
 const extractInputValue = (input)=>{
@@ -8515,6 +9185,8 @@ const zipCharactersAndTiles = (characters, tiles)=>{
 
 
 
+
+
 
 
 
@@ -8737,6 +9409,7 @@ __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __we
 /* harmony export */   "R": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.R),
 /* harmony export */   "Rn": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.Rn),
 /* harmony export */   "TP": () => (/* reexport safe */ _slices__WEBPACK_IMPORTED_MODULE_3__.TP),
+/* harmony export */   "Ub": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.Ub),
 /* harmony export */   "Xb": () => (/* reexport safe */ _localStorage__WEBPACK_IMPORTED_MODULE_1__.Z),
 /* harmony export */   "Xk": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.Xk),
 /* harmony export */   "Yj": () => (/* reexport safe */ _selectors__WEBPACK_IMPORTED_MODULE_2__.Yj),
@@ -8803,6 +9476,7 @@ __webpack_async_result__();
 const AUTO_GROUP_TILES = "auto-group-tiles";
 const BOARD = "board";
 const CONFIG_ID = "config-id";
+const INPUT_MODE = "input-mode";
 const LOCALE = "locale";
 const RACK = "rack";
 const store = store2__WEBPACK_IMPORTED_MODULE_1___default().namespace("scrabble-solver");
@@ -8827,6 +9501,12 @@ const localStorage = {
     setConfigId (configId) {
         store.set(CONFIG_ID, configId, true);
     },
+    getInputMode () {
+        return store.get(INPUT_MODE);
+    },
+    setInputMode (inputMode) {
+        store.set(INPUT_MODE, inputMode, true);
+    },
     getLocale () {
         return store.get(LOCALE);
     },
@@ -8859,8 +9539,8 @@ __webpack_require__.d(__webpack_exports__, {
 var effects_ = __webpack_require__(56477);
 // EXTERNAL MODULE: ./src/i18n/index.ts + 8 modules
 var i18n = __webpack_require__(36743);
-// EXTERNAL MODULE: ./src/lib/index.ts + 34 modules
-var lib = __webpack_require__(20208);
+// EXTERNAL MODULE: ./src/lib/index.ts + 36 modules
+var lib = __webpack_require__(18954);
 // EXTERNAL MODULE: ../types/build/index.js
 var build = __webpack_require__(34046);
 ;// CONCATENATED MODULE: ./src/sdk/fetch.ts
@@ -9157,6 +9837,7 @@ function* ensureProperTilesCount() {
 /* harmony export */   "QL": () => (/* binding */ selectResultsQuery),
 /* harmony export */   "R": () => (/* binding */ selectResultsSort),
 /* harmony export */   "Rn": () => (/* binding */ selectSolveError),
+/* harmony export */   "Ub": () => (/* binding */ selectInputMode),
 /* harmony export */   "Xk": () => (/* binding */ selectResultCandidate),
 /* harmony export */   "Yj": () => (/* binding */ selectRemainingTilesGroups),
 /* harmony export */   "ZA": () => (/* binding */ selectRowsWithCandidate),
@@ -9187,7 +9868,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__(20208);
+/* harmony import */ var lib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(18954);
 /* eslint-disable max-lines */ 
 
 
@@ -9229,6 +9910,9 @@ const selectLocaleAutoGroupTiles = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_
     return settings.autoGroupTiles === "left" ? "right" : "left";
 });
 const selectBoard = selectBoardRoot;
+const selectInputMode = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createSelector)([
+    selectSettingsRoot
+], (settings)=>settings.inputMode);
 const selectConfigId = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createSelector)([
     selectSettingsRoot
 ], (settings)=>settings.configId);
@@ -9431,16 +10115,18 @@ var build = __webpack_require__(89418);
 var types_build = __webpack_require__(34046);
 // EXTERNAL MODULE: ./src/state/localStorage.ts
 var localStorage = __webpack_require__(79579);
-// EXTERNAL MODULE: ./src/lib/index.ts + 34 modules
-var lib = __webpack_require__(20208);
+// EXTERNAL MODULE: ./src/lib/index.ts + 36 modules
+var lib = __webpack_require__(18954);
 ;// CONCATENATED MODULE: ./src/state/slices/settingsInitialState.ts
 
 
 
 const localStorageAutoGroupTiles = localStorage/* default.getAutoGroupTiles */.Z.getAutoGroupTiles();
+const isTouchScreen = typeof globalThis.matchMedia !== "undefined" && globalThis.matchMedia("(hover: none)").matches;
 const settingsInitialState = {
     autoGroupTiles: typeof localStorageAutoGroupTiles === "undefined" ? "left" : localStorageAutoGroupTiles,
     configId: localStorage/* default.getConfigId */.Z.getConfigId() || build.scrabble.id,
+    inputMode: localStorage/* default.getInputMode */.Z.getInputMode() || (isTouchScreen ? "touchscreen" : "keyboard"),
     locale: localStorage/* default.getLocale */.Z.getLocale() || (0,lib/* guessLocale */.sf)()
 };
 /* harmony default export */ const slices_settingsInitialState = (settingsInitialState);
@@ -9789,6 +10475,13 @@ const settingsSlice = (0,toolkit_.createSlice)({
                 configId
             };
         },
+        changeInputMode: (state, action)=>{
+            const inputMode = action.payload;
+            return {
+                ...state,
+                inputMode
+            };
+        },
         changeLocale: (state, action)=>{
             const locale = action.payload;
             return {
@@ -10395,6 +11088,9 @@ class Config {
     get boardWidth() {
         return this.config.boardWidth;
     }
+    get locale() {
+        return this.config.locale;
+    }
     get twoCharacterTiles() {
         return this.config.tiles.filter((tile) => tile.character.length === 2).map((tile) => tile.character);
     }