@scrabble-solver/scrabble-solver 2.15.22 → 2.15.24

package/src/components/Board/hooks/useFloatingActions.ts

@@ -1,7 +1,7 @@
 import { autoUpdate, offset, shift, useFloating } from '@floating-ui/react';
 
-import { useAppLayout } from 'app-layout';
-import { BOARD_CELL_ACTIONS_OFFSET } from 'parameters';
+import { useAppLayout } from '@/app-layout';
+import { BOARD_CELL_ACTIONS_OFFSET } from '@/parameters';
 
 export const useFloatingActions = () => {
   const { actionsWidth } = useAppLayout();

package/src/components/Board/hooks/useFloatingInputPrompt.ts

@@ -1,6 +1,6 @@
 import { autoUpdate, offset, shift, useFloating } from '@floating-ui/react';
 
-import { BOARD_CELL_ACTIONS_OFFSET } from 'parameters';
+import { BOARD_CELL_ACTIONS_OFFSET } from '@/parameters';
 
 export const useFloatingInputPrompt = () => {
   return useFloating({

package/src/components/Board/hooks/useGrid.ts

@@ -15,11 +15,11 @@ import {
 } from 'react';
 import { useDispatch } from 'react-redux';
 
-import { useLatest } from 'hooks';
-import { LOCALE_FEATURES } from 'i18n';
-import { createKeyboardNavigation, extractCharacters, extractInputValue, isCtrl } from 'lib';
-import { boardSlice, cellFiltersSlice, selectConfig, selectLocale, useTypedSelector } from 'state';
-import { type Direction, type Point } from 'types';
+import { useLatest } from '@/hooks';
+import { LOCALE_FEATURES } from '@/i18n';
+import { createKeyboardNavigation, extractCharacters, extractInputValue, isCtrl } from '@/lib';
+import { boardSlice, cellFiltersSlice, selectConfig, selectLocale, useTypedSelector } from '@/state';
+import { type Direction, type Point } from '@/types';
 
 import { createGrid, getPositionInGrid } from '../lib';
 

package/src/components/Board/lib.ts

@@ -1,8 +1,8 @@
 import { BONUS_WORD } from '@scrabble-solver/constants';
 import { type Bonus } from '@scrabble-solver/types';
 
-import { COLOR_BONUS_CHARACTER, COLOR_BONUS_CHARACTER_MULTIPLIER, COLOR_BONUS_WORD } from 'parameters';
-import { type Point } from 'types';
+import { COLOR_BONUS_CHARACTER, COLOR_BONUS_CHARACTER_MULTIPLIER, COLOR_BONUS_WORD } from '@/parameters';
+import { type Point } from '@/types';
 
 export const createGrid = <T>(width: number, height: number, getInitialValue: (x: number, y: number) => T): T[][] => {
   return Array.from({ length: height }).map((_row, y) => {

package/src/components/Board/selectors.ts

@@ -1,7 +1,7 @@
 import { createSelector } from '@reduxjs/toolkit';
 
-import { findCell } from 'lib';
-import { selectBoard, selectResultCandidateCells } from 'state';
+import { findCell } from '@/lib';
+import { selectBoard, selectResultCandidateCells } from '@/state';
 
 export const selectRowsWithCandidate = createSelector([selectBoard, selectResultCandidateCells], (board, cells) => {
   return board.rows.map((row, y) => row.map((cell, x) => findCell(cells, x, y) || cell));

package/src/components/Dictionary/Dictionary.tsx

@@ -1,14 +1,14 @@
 import classNames from 'classnames';
 import { type FunctionComponent } from 'react';
 
-import { useAppLayout } from 'app-layout';
+import { useAppLayout } from '@/app-layout';
 import {
   selectDictionaryError,
   selectDictionaryIsLoading,
   selectDictionaryResults,
   useTranslate,
   useTypedSelector,
-} from 'state';
+} from '@/state';
 
 import { EmptyState } from '../EmptyState';
 import { Loading } from '../Loading';

package/src/components/DictionaryInput/DictionaryInput.tsx

@@ -2,8 +2,8 @@ import classNames from 'classnames';
 import { type ChangeEvent, type FunctionComponent, type SubmitEvent } from 'react';
 import { useDispatch } from 'react-redux';
 
-import { LOCALE_FEATURES } from 'i18n';
-import { dictionarySlice, selectDictionary, selectLocale, useTranslate, useTypedSelector } from 'state';
+import { LOCALE_FEATURES } from '@/i18n';
+import { dictionarySlice, selectDictionary, selectLocale, useTranslate, useTypedSelector } from '@/state';
 
 import styles from './DictionaryInput.module.scss';
 

package/src/components/EmptyState/EmptyState.tsx

@@ -1,10 +1,10 @@
 import classNames from 'classnames';
 import { type FunctionComponent, type ReactNode, useMemo } from 'react';
 
-import { LOCALE_FEATURES } from 'i18n';
-import { COLOR_BLUE, COLOR_GREEN, COLOR_RED, COLOR_YELLOW } from 'parameters';
-import { selectLocale, useTranslate, useTypedSelector } from 'state';
-import { type Translations } from 'types';
+import { LOCALE_FEATURES } from '@/i18n';
+import { COLOR_BLUE, COLOR_GREEN, COLOR_RED, COLOR_YELLOW } from '@/parameters';
+import { selectLocale, useTranslate, useTypedSelector } from '@/state';
+import { type Translations } from '@/types';
 
 import { PlainTiles } from '../PlainTiles';
 
@@ -30,12 +30,20 @@ const COLORS_PER_TYPE: Record<Props['variant'], string> = {
   warning: COLOR_YELLOW,
 };
 
+const graphemeSegmenter = new Intl.Segmenter(undefined, { granularity: 'grapheme' });
+
+const reverseGraphemes = (value: string): string => {
+  return Array.from(graphemeSegmenter.segment(value), (segment) => segment.segment)
+    .reverse()
+    .join('');
+};
+
 export const EmptyState: FunctionComponent<Props> = ({ children, className, variant }) => {
   const translate = useTranslate();
   const locale = useTypedSelector(selectLocale);
   const { direction } = LOCALE_FEATURES[locale];
   const title = translate(TITLE_KEY_PER_TYPE[variant]);
-  const message = direction === 'ltr' ? title : title.split('').reverse().join('');
+  const message = direction === 'ltr' ? title : reverseGraphemes(title);
   const content = useMemo(() => [message.toUpperCase().split(' ')], [message]);
 
   return (

package/src/components/Keys/Arrows/Arrows.tsx

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import { type FunctionComponent } from 'react';
 
-import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp } from 'icons';
+import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp } from '@/icons';
 
 import { Key } from '../../Key';
 

package/src/components/Keys/index.tsx

@@ -1,7 +1,7 @@
 import { type FunctionComponent } from 'react';
 
-import { isMac } from 'lib';
-import { useTranslate } from 'state';
+import { isMac } from '@/lib';
+import { useTranslate } from '@/state';
 
 import { Key } from '../Key';
 

package/src/components/Loading/Loading.tsx

@@ -1,8 +1,8 @@
 import classNames from 'classnames';
 import { type FunctionComponent, useMemo } from 'react';
 
-import { LOCALE_FEATURES } from 'i18n';
-import { selectLocale, useTranslate, useTypedSelector } from 'state';
+import { LOCALE_FEATURES } from '@/i18n';
+import { selectLocale, useTranslate, useTypedSelector } from '@/state';
 
 import { PlainTiles } from '../PlainTiles';
 

package/src/components/Logo/Logo.tsx

@@ -1,8 +1,8 @@
 import Image from 'next/image';
 import { forwardRef } from 'react';
 
-import { useAppLayout } from 'app-layout';
-import { LOGO_SRC } from 'parameters';
+import { useAppLayout } from '@/app-layout';
+import { LOGO_SRC } from '@/parameters';
 
 interface Props {
   className?: string;

package/src/components/Modal/Modal.tsx

@@ -2,9 +2,9 @@ import classNames from 'classnames';
 import { type FunctionComponent, type ReactNode, useCallback, useEffect, useState } from 'react';
 import ReactModal from 'react-modal';
 
-import { CrossSquareFill } from 'icons';
-import { TRANSITION_DURATION_LONG } from 'parameters';
-import { useTranslate } from 'state';
+import { CrossSquareFill } from '@/icons';
+import { TRANSITION_DURATION_LONG } from '@/parameters';
+import { useTranslate } from '@/state';
 
 import { IconButton } from '../IconButton';
 

package/src/components/NavButtons/NavButtons.tsx

@@ -1,10 +1,10 @@
 import classNames from 'classnames';
 import { type FunctionComponent, memo } from 'react';
 
-import { useAppLayout } from 'app-layout';
-import { CardChecklist, Cog, Eraser, Github, KeyboardFill, List, Sack } from 'icons';
-import { GITHUB_PROJECT_URL } from 'parameters';
-import { selectConfig, useTranslate, useTypedSelector } from 'state';
+import { useAppLayout } from '@/app-layout';
+import { CardChecklist, Cog, Eraser, Github, KeyboardFill, List, Sack } from '@/icons';
+import { GITHUB_PROJECT_URL } from '@/parameters';
+import { selectConfig, useTranslate, useTypedSelector } from '@/state';
 
 import { IconButton } from '../IconButton';
 

package/src/components/NavButtons/selectors.ts

@@ -1,6 +1,6 @@
 import { createSelector } from '@reduxjs/toolkit';
 
-import { selectInvalidWords, selectRemainingTiles } from 'state';
+import { selectInvalidWords, selectRemainingTiles } from '@/state';
 
 export const selectHasInvalidWords = createSelector([selectInvalidWords], (invalidWords) => {
   return invalidWords.length > 0;

package/src/components/NotFound/NotFound.tsx

@@ -1,6 +1,6 @@
 import { type FunctionComponent } from 'react';
 
-import { DashCircleFill } from 'icons';
+import { DashCircleFill } from '@/icons';
 
 import { PlainTiles } from '../PlainTiles';
 

package/src/components/PlainTiles/lib.ts

@@ -10,7 +10,7 @@ import {
   PLAIN_TILES_TILE_MAX_ROTATE,
   PLAIN_TILES_TILE_MAX_SCATTER,
   PLAIN_TILES_TILE_SIZE,
-} from 'parameters';
+} from '@/parameters';
 
 import type { CreatePlainTileOptions, CreatePlainTilesOptions, PlainTile } from './types';
 

package/src/components/Progress/Progress.tsx

@@ -1,8 +1,8 @@
 import classNames from 'classnames';
 import { type FunctionComponent, type HTMLProps } from 'react';
 
-import { PROGRESS_COLOR_BACKGROUND, PROGRESS_COLOR_VALUE } from 'parameters';
-import { selectLocale, useTypedSelector } from 'state';
+import { PROGRESS_COLOR_BACKGROUND, PROGRESS_COLOR_VALUE } from '@/parameters';
+import { selectLocale, useTypedSelector } from '@/state';
 
 import styles from './Progress.module.scss';
 

package/src/components/Rack/Rack.tsx

@@ -16,10 +16,10 @@ import {
 import useOnclickOutside from 'react-cool-onclickoutside';
 import { useDispatch } from 'react-redux';
 
-import { useAppLayout } from 'app-layout';
-import { LOCALE_FEATURES } from 'i18n';
-import { createKeyboardNavigation, extractCharacters, extractInputValue, getTileSizes, isCtrl } from 'lib';
-import { rackSlice, selectConfig, selectInputMode, selectLocale, selectRack, useTypedSelector } from 'state';
+import { useAppLayout } from '@/app-layout';
+import { LOCALE_FEATURES } from '@/i18n';
+import { createKeyboardNavigation, extractCharacters, extractInputValue, getTileSizes, isCtrl } from '@/lib';
+import { rackSlice, selectConfig, selectInputMode, selectLocale, selectRack, useTypedSelector } from '@/state';
 
 import { InputPrompt, RackTile } from './components';
 import styles from './Rack.module.scss';

package/src/components/Rack/components/InputPrompt/InputPrompt.tsx

@@ -10,8 +10,8 @@ import {
 } from 'react';
 import { useDispatch } from 'react-redux';
 
-import { useAppLayout } from 'app-layout';
-import { rackSlice, selectConfig, useTranslate, useTypedSelector } from 'state';
+import { useAppLayout } from '@/app-layout';
+import { rackSlice, selectConfig, useTranslate, useTypedSelector } from '@/state';
 
 import styles from './InputPrompt.module.scss';
 import { extractRack } from './lib';

package/src/components/Rack/components/InputPrompt/lib.ts

@@ -1,8 +1,6 @@
 import { type Config } from '@scrabble-solver/types';
 
-// eslint-disable-next-line no-warning-comments
-// TODO: https://github.com/kamilmielnik/scrabble-solver/issues/393
-import { extractCharacters } from '../../../../lib/extractCharacters';
+import { extractCharacters } from '@/lib';
 
 export const extractRack = (config: Config, value: string): (string | null)[] => {
   const charactersByCase = extractCharacters(config, value, {

package/src/components/Rack/components/RackTile/RackTile.tsx

@@ -15,7 +15,7 @@ import {
 } from 'react';
 import { useDispatch } from 'react-redux';
 
-import { createKeyboardNavigation, extractCharacters, extractInputValue, isCtrl } from 'lib';
+import { createKeyboardNavigation, extractCharacters, extractInputValue, isCtrl } from '@/lib';
 import {
   rackSlice,
   selectCharacterIsValid,
@@ -25,7 +25,7 @@ import {
   selectLocale,
   useTranslate,
   useTypedSelector,
-} from 'state';
+} from '@/state';
 
 import { Tile } from '../../../Tile';
 

package/src/components/Rack/selectors.ts

@@ -1,7 +1,7 @@
 import { createSelector } from '@reduxjs/toolkit';
 
-import { zipCharactersAndTiles } from 'lib';
-import { selectRack, selectResultCandidateTiles } from 'state';
+import { zipCharactersAndTiles } from '@/lib';
+import { selectRack, selectResultCandidateTiles } from '@/state';
 
 export const selectRemainingTilesGroups = createSelector(
   [selectRack, selectResultCandidateTiles],

package/src/components/Results/Cell.tsx

@@ -1,8 +1,8 @@
 import classNames from 'classnames';
 import { type CSSProperties, type FunctionComponent, type ReactNode } from 'react';
 
-import { selectLocale, useTranslate, useTypedSelector } from 'state';
-import { type TranslationKey } from 'types';
+import { selectLocale, useTranslate, useTypedSelector } from '@/state';
+import { type TranslationKey } from '@/types';
 
 import { Tooltip } from '../Tooltip';
 

package/src/components/Results/Header.tsx

@@ -1,10 +1,10 @@
 import { type FunctionComponent } from 'react';
 
-import { useAppLayout } from 'app-layout';
-import { useColumns } from 'hooks';
-import { GeoAlt, OneTwoThree, Square, SquareA, SquareB, Squares, Words } from 'icons';
-import { RESULTS_COLUMN_WIDTH } from 'parameters';
-import { ResultColumnId } from 'types';
+import { useAppLayout } from '@/app-layout';
+import { useColumns } from '@/hooks';
+import { GeoAlt, OneTwoThree, Square, SquareA, SquareB, Squares, Words } from '@/icons';
+import { RESULTS_COLUMN_WIDTH } from '@/parameters';
+import { ResultColumnId } from '@/types';
 
 import { HeaderButton } from './HeaderButton';
 import styles from './Results.module.scss';

package/src/components/Results/HeaderButton.tsx

@@ -2,9 +2,9 @@ import classNames from 'classnames';
 import { type CSSProperties, type FunctionComponent, type ReactElement, type SVGAttributes, useCallback } from 'react';
 import { useDispatch } from 'react-redux';
 
-import { SortDown, SortUp } from 'icons';
-import { resultsSlice, selectResultsSort, useTranslate, useTypedSelector } from 'state';
-import { type ResultColumnId, SortDirection, type TranslationKey } from 'types';
+import { SortDown, SortUp } from '@/icons';
+import { resultsSlice, selectResultsSort, useTranslate, useTypedSelector } from '@/state';
+import { type ResultColumnId, SortDirection, type TranslationKey } from '@/types';
 
 import { Tooltip } from '../Tooltip';
 

package/src/components/Results/Result.tsx

@@ -3,18 +3,18 @@ import { type FocusEventHandler, type MouseEventHandler, type ReactElement, useR
 import Highlighter from 'react-highlight-words';
 import { type RowComponentProps } from 'react-window';
 
-import { useAppLayout } from 'app-layout';
-import { useColumns } from 'hooks';
-import { LOCALE_FEATURES } from 'i18n';
-import { noop } from 'lib';
+import { useAppLayout } from '@/app-layout';
+import { useColumns } from '@/hooks';
+import { LOCALE_FEATURES } from '@/i18n';
+import { noop } from '@/lib';
 import {
   selectIsResultMatching,
   selectLocale,
   selectResultCoordinates,
   selectResultsQuery,
   useTypedSelector,
-} from 'state';
-import { ResultColumnId } from 'types';
+} from '@/state';
+import { ResultColumnId } from '@/types';
 
 import { Cell } from './Cell';
 import styles from './Results.module.scss';

package/src/components/Results/Results.tsx

@@ -3,9 +3,9 @@ import { useEffect, useMemo, type FunctionComponent } from 'react';
 import { List, useListRef } from 'react-window';
 import { useDebounce } from 'use-debounce';
 
-import { useLatest } from 'hooks';
-import { LOCALE_FEATURES } from 'i18n';
-import { RESULTS_ITEM_HEIGHT } from 'parameters';
+import { useLatest } from '@/hooks';
+import { LOCALE_FEATURES } from '@/i18n';
+import { RESULTS_ITEM_HEIGHT } from '@/parameters';
 import {
   selectAreResultsOutdated,
   selectLocale,
@@ -14,7 +14,7 @@ import {
   selectSolveIsLoading,
   useTranslate,
   useTypedSelector,
-} from 'state';
+} from '@/state';
 
 import { EmptyState } from '../EmptyState';
 import { Loading } from '../Loading';

package/src/components/Results/SolveButton.tsx

@@ -1,7 +1,7 @@
 import { type FunctionComponent } from 'react';
 import { useDispatch } from 'react-redux';
 
-import { Search } from 'icons';
+import { Search } from '@/icons';
 import {
   selectAreResultsOutdated,
   selectSolveIsLoading,
@@ -9,7 +9,7 @@ import {
   solveSlice,
   useTranslate,
   useTypedSelector,
-} from 'state';
+} from '@/state';
 
 import { Button } from '../Button';
 

package/src/components/ResultsInput/ResultsInput.tsx

@@ -2,8 +2,8 @@ import classNames from 'classnames';
 import { type ChangeEvent, type FunctionComponent, type SubmitEventHandler, useState } from 'react';
 import { useDispatch } from 'react-redux';
 
-import { isRegExp } from 'lib';
-import { resultsSlice, selectResultsQuery, useTranslate, useTypedSelector } from 'state';
+import { isRegExp } from '@/lib';
+import { resultsSlice, selectResultsQuery, useTranslate, useTypedSelector } from '@/state';
 
 import styles from './ResultsInput.module.scss';
 

package/src/components/Solver/Solver.tsx

@@ -3,8 +3,8 @@ import classNames from 'classnames';
 import { type FunctionComponent, memo, type SyntheticEvent, useEffect, useMemo } from 'react';
 import { useDispatch } from 'react-redux';
 
-import { useAppLayout } from 'app-layout';
-import { useIsTouchDevice } from 'hooks';
+import { useAppLayout } from '@/app-layout';
+import { useIsTouchDevice } from '@/hooks';
 import {
   resultsSlice,
   selectAreResultsOutdated,
@@ -14,7 +14,7 @@ import {
   solveSlice,
   useTranslate,
   useTypedSelector,
-} from 'state';
+} from '@/state';
 
 import { Alert } from '../Alert';
 import { Board } from '../Board';

package/src/components/Solver/components/InsertButton/InsertButton.tsx

@@ -2,8 +2,8 @@ import classNames from 'classnames';
 import { type FunctionComponent } from 'react';
 import { useDispatch } from 'react-redux';
 
-import { Check } from 'icons';
-import { resultsSlice, selectAreResultsOutdated, selectResultCandidate, useTranslate, useTypedSelector } from 'state';
+import { Check } from '@/icons';
+import { resultsSlice, selectAreResultsOutdated, selectResultCandidate, useTranslate, useTypedSelector } from '@/state';
 
 import { Button } from '../../../Button';
 

package/src/components/Solver/components/ResultCandidatePicker/ResultCandidatePicker.tsx

@@ -2,7 +2,7 @@ import classNames from 'classnames';
 import { type FunctionComponent, type HTMLProps, type MouseEventHandler } from 'react';
 import { useDispatch } from 'react-redux';
 
-import { ChevronDown, ChevronLeft, ChevronRight } from 'icons';
+import { ChevronDown, ChevronLeft, ChevronRight } from '@/icons';
 import {
   resultsSlice,
   selectAreResultsOutdated,
@@ -12,7 +12,7 @@ import {
   selectResultCandidate,
   useTranslate,
   useTypedSelector,
-} from 'state';
+} from '@/state';
 
 import { Button } from '../../../Button';
 import { Spinner } from '../../../Spinner';

package/src/components/Spinner/Spinner.tsx

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import { type FunctionComponent } from 'react';
 
-import { useTranslate } from 'state';
+import { useTranslate } from '@/state';
 
 import styles from './Spinner.module.scss';
 

package/src/components/Tile/Tile.tsx

@@ -13,9 +13,9 @@ import {
   useRef,
 } from 'react';
 
-import { useAppLayout } from 'app-layout';
-import { getTileSizes, noop } from 'lib';
-import { selectLocale, useTypedSelector } from 'state';
+import { useAppLayout } from '@/app-layout';
+import { getTileSizes, noop } from '@/lib';
+import { selectLocale, useTypedSelector } from '@/state';
 
 import { TilePure } from './TilePure';
 

package/src/components/Tile/TilePure.tsx

@@ -11,7 +11,7 @@ import {
   type TouchEventHandler,
 } from 'react';
 
-import { ExclamationSquareFill } from 'icons';
+import { ExclamationSquareFill } from '@/icons';
 
 import styles from './Tile.module.scss';
 

package/src/components/Tooltip/TooltipContent.tsx

@@ -1,7 +1,7 @@
 import { FloatingArrow, FloatingPortal, useDelayGroup, useMergeRefs, useTransitionStyles } from '@floating-ui/react';
 import { forwardRef, type HTMLProps } from 'react';
 
-import { TOOLTIP_DURATION } from 'parameters';
+import { TOOLTIP_DURATION } from '@/parameters';
 
 import { useTooltipContext } from './context';
 import styles from './Tooltip.module.scss';

package/src/hooks/useColumns.ts

@@ -1,9 +1,9 @@
 import { createSelector } from '@reduxjs/toolkit';
 import { useMemo } from 'react';
 
-import { LOCALE_FEATURES } from 'i18n';
-import { selectLocale, selectShowCoordinates, useTypedSelector } from 'state';
-import { ResultColumnId } from 'types';
+import { LOCALE_FEATURES } from '@/i18n';
+import { selectLocale, selectShowCoordinates, useTypedSelector } from '@/state';
+import { ResultColumnId } from '@/types';
 
 import { useMediaQueries } from './useMediaQueries';
 

package/src/hooks/useDirection.ts

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 
-import { noop } from 'lib';
+import { noop } from '@/lib';
 
 export const useDirection = (direction: 'ltr' | 'rtl') => {
   useEffect(() => {

package/src/hooks/useLanguage.ts

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 
-import { noop } from 'lib';
+import { noop } from '@/lib';
 
 export const useLanguage = (language: string) => {
   useEffect(() => {

package/src/hooks/useLocalStorage.ts

@@ -11,7 +11,7 @@ import {
   selectShowCoordinates,
   selectRemoveCellFilters,
   useTypedSelector,
-} from 'state';
+} from '@/state';
 
 export const useLocalStorage = () => {
   const autoGroupTiles = useTypedSelector(selectAutoGroupTiles);

package/src/hooks/useMediaQuery.ts

@@ -1,6 +1,6 @@
 import { buildMediaQuery } from 'include-media-query-builder';
 
-import { BREAKPOINTS } from 'parameters';
+import { BREAKPOINTS } from '@/parameters';
 
 import { useMedia } from './useMedia';
 

package/src/i18n/constants.ts

@@ -2,7 +2,7 @@ import { COMMA_ARABIC, COMMA_LATIN } from '@scrabble-solver/constants';
 import { Locale } from '@scrabble-solver/types';
 import { type FunctionComponent, type SVGAttributes } from 'react';
 
-import { FlagDe, FlagEs, FlagFa, FlagFr, FlagGb, FlagPl, FlagRo, FlagTr, FlagUs } from 'icons';
+import { FlagDe, FlagEs, FlagFa, FlagFr, FlagGb, FlagPl, FlagRo, FlagTr, FlagUs } from '@/icons';
 
 interface LocaleFeatures {
   comma: string;

package/src/i18n/i18n.ts

@@ -1,6 +1,6 @@
 import { Locale } from '@scrabble-solver/types';
 
-import { type Translations } from 'types';
+import { type Translations } from '@/types';
 
 import english from './languages/english.json';
 import french from './languages/french.json';

package/src/i18n/languages/english.json

@@ -42,7 +42,7 @@
   "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.board-and-rack.submit": "Solve",
   "keyMap.rack": "Rack",
   "keyMap.rack.insert-blank": "Insert blank",
   "menu": "Menu",

package/src/i18n/languages/french.json

@@ -42,7 +42,7 @@
   "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.board-and-rack.submit": "Résoudre",
   "keyMap.rack": "Chevalet",
   "keyMap.rack.insert-blank": "Inserer une case vide",
   "menu": "Menu",