@scriptonita/chess-football-ui 0.3.0 → 0.4.1

package/dist/index.cjs

@@ -146,6 +146,49 @@ var Football = ({ className }) => {
     }
   );
 };
+var STATIC_I18N_KEYS = [
+  "actionPointsAriaLabel",
+  "actionPointsShort",
+  "endTurn",
+  "endTurnConfirm",
+  "endTurnConfirmDescription",
+  "endTurnConfirmYes",
+  "endTurnKeepPlaying",
+  "history.empty",
+  "history.goal",
+  "history.interception",
+  "history.move",
+  "history.offside",
+  "history.pass",
+  "history.tackle",
+  "history.title",
+  "history.turn",
+  "history.viewAll",
+  "move",
+  "offsideWarning",
+  "pass",
+  "selectedPiece.alreadyMoved",
+  "selectedPiece.atSquare",
+  "selectedPiece.empty",
+  "selectedPiece.hasBall",
+  "teamBlack",
+  "teamWhite",
+  "waitingRival",
+  "yourTurn"
+];
+var PIECE_I18N_KEYS = [...Object.values(chessFootballEngine.SHORT_KEY), ...Object.values(chessFootballEngine.LONG_KEY)].map(
+  (label) => `pieces.${label}`
+);
+var EVENT_TOAST_I18N_KEYS = [
+  "eventToast.interception",
+  "eventToast.offside",
+  "eventToast.tackle"
+];
+var GAME_I18N_KEYS = [
+  ...STATIC_I18N_KEYS,
+  ...PIECE_I18N_KEYS,
+  ...EVENT_TOAST_I18N_KEYS
+];
 var fallback = (key) => key;
 var GameI18nContext = React.createContext(fallback);
 function GameI18nProvider({ t, children }) {
@@ -356,7 +399,14 @@ function GameBoard({ userSide, showCoordinates = false, keyboardNav = true }) {
                 isDisambiguateTarget && selectedPieceId && /* @__PURE__ */ jsxRuntime.jsxs(
                   "div",
                   {
-                    className: "absolute z-50 bottom-full mb-1 left-1/2 -translate-x-1/2 flex gap-1 bg-bg-secondary border border-border-subtle rounded-md p-1 shadow-xl pointer-events-auto whitespace-nowrap",
+                    className: cn(
+                      "absolute z-50 flex gap-1 bg-bg-secondary border border-border-subtle rounded-md p-1 shadow-xl pointer-events-auto whitespace-nowrap",
+                      // The board container is `overflow-hidden` (for its rounded
+                      // corners), so a popover that spills past an edge gets clipped.
+                      // Anchor it inside the board on edge columns / the top row.
+                      y === ROWS - 1 ? "top-full mt-1" : "bottom-full mb-1",
+                      x === 0 ? "left-0" : x === COLS - 1 ? "right-0" : "left-1/2 -translate-x-1/2"
+                    ),
                     onClick: (e) => e.stopPropagation(),
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1306,6 +1356,7 @@ exports.Button = Button;
 exports.ConfirmDialog = ConfirmDialog;
 exports.EventToast = EventToast;
 exports.Football = Football;
+exports.GAME_I18N_KEYS = GAME_I18N_KEYS;
 exports.GameBoard = GameBoard;
 exports.GameControls = GameControls;
 exports.GameI18nProvider = GameI18nProvider;