@connectorvol/chess-widgets 9.0.1 → 9.0.3

package/dist/puzzle-creation/PuzzleBoardTreeViewerPane.svelte

@@ -3,10 +3,7 @@
     import { MediaQuery } from "svelte/reactivity";
     import { mode } from "mode-watcher";
 
-    import type {
-        BoardApi,
-        TChessBoardDesignSettings,
-    } from "@connectorvol/chessboard";
+    import type { BoardApi } from "@connectorvol/chessboard";
     import {
         Chessboard,
         getBoardDesignSettingsContext,
@@ -28,13 +25,6 @@
          * Возвращает API шахматной доски для компонента `Chessboard`.
          */
         chessboard: BoardApi;
-        /**
-         * Возвращает снимок дизайна, передаваемый в `<Chessboard design={...} />`.
-         * Опционально: если не передан, доска читает дизайн из контекста
-         * (`setBoardDesignSettingsContext`), что позволяет реактивно подхватывать
-         * изменения из `<BoardSettings />`.
-         */
-        chessboardDesign?: TChessBoardDesignSettings;
         /**
          * Возвращает экземпляр дерева ходов для `TreeViewer`.
          */
@@ -86,7 +76,6 @@
 
     const {
         chessboard,
-        chessboardDesign,
         chessTree,
         onSelectNode,
         onDeleteVariant,
@@ -174,9 +163,7 @@
             >
                 <Chessboard
                     facade={chessboard}
-                    design={chessboardDesign ??
-                        getBoardDesignSettingsContext() ??
-                        undefined}
+                    design={getBoardDesignSettingsContext() ?? undefined}
                 />
             </div>
         </div>

package/dist/puzzle-creation/PuzzleBoardTreeViewerPane.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from "svelte";
-import type { BoardApi, TChessBoardDesignSettings } from "@connectorvol/chessboard";
+import type { BoardApi } from "@connectorvol/chessboard";
 import type { ChessTree, TTreeViewerTheme } from "@connectorvol/tree";
 /**
  * Представляет свойства панели разметки «доска и просмотр дерева партии».
@@ -9,13 +9,6 @@ interface Props {
      * Возвращает API шахматной доски для компонента `Chessboard`.
      */
     chessboard: BoardApi;
-    /**
-     * Возвращает снимок дизайна, передаваемый в `<Chessboard design={...} />`.
-     * Опционально: если не передан, доска читает дизайн из контекста
-     * (`setBoardDesignSettingsContext`), что позволяет реактивно подхватывать
-     * изменения из `<BoardSettings />`.
-     */
-    chessboardDesign?: TChessBoardDesignSettings;
     /**
      * Возвращает экземпляр дерева ходов для `TreeViewer`.
      */

package/dist/puzzle-creation/PuzzleCreationWizard.svelte

@@ -8,6 +8,7 @@
 
 <script lang="ts" generics="S extends TPuzzleWizardCoreState">
     import type { Snippet } from "svelte";
+    import { untrack } from "svelte";
 
     import { Wizard } from "@connectorvol/shared";
     import type { TWizardStep, TWizardStepContext } from "@connectorvol/shared";
@@ -23,6 +24,7 @@
     import {
         CHESSBOARD_THEMES,
         Draggable,
+        setBoardDesignSettingsContext,
         type ChessboardTheme,
         type IChessBoardActions,
     } from "@connectorvol/chessboard";
@@ -142,10 +144,18 @@
     );
     let chessboardApi = $derived(chessboard.api);
 
-    // ponytail: компонент только читает контекст дизайна. Дизайн для доски шага 2,
-    // который раньше поднимался через `setBoardDesignSettingsContext`, теперь
-    // пробрасывается явно пропом `chessboardDesign` в `<StepMoves />`.
+    // ponytail: дизайн доски шага 2 (включает `boardTheme` через
+    // `createPuzzleLineEditingBoardApi`) разделяется со всеми <Chessboard /> мастера
+    // через `setBoardDesignSettingsContext`. `untrack` для начального значения
+    // подавляет `state_referenced_locally` — `$effect` ниже держит контекстный стор
+    // в синхронизации с реактивными `boardTheme` / `boardAppearanceSettings`.
     const chessboardDesign = $derived(chessboard.design);
+    const designState = untrack(() =>
+        setBoardDesignSettingsContext($state.snapshot(chessboardDesign)),
+    );
+    $effect(() => {
+        Object.assign(designState, chessboardDesign);
+    });
 
     /**
      * Представляет переход со шага построения линии на превью.
@@ -171,7 +181,6 @@
                     w.state.puzzleData.initialFen = fen;
                     w.next();
                 }}
-                {boardTheme}
                 {boardAppearanceSettings}
             />
         {:else if w.currentStep === 2}
@@ -180,7 +189,6 @@
                 {chess}
                 {tree}
                 chessboard={chessboardApi}
-                {chessboardDesign}
                 onBack={w.back}
                 onNext={(moves) => {
                     handleMovesNext(moves);
@@ -196,7 +204,6 @@
                 onPuzzleCreated={hasAdditionalSteps
                     ? undefined
                     : onPuzzleCreated}
-                {boardTheme}
                 {boardAppearanceSettings}
             />
         {:else if additionalStep}

package/dist/puzzle-creation/PuzzlePgnBoardTreeEditor.svelte

@@ -65,6 +65,7 @@
         boardAppearanceSettings = DEFAULT_BOARD_APPEARANCE_SETTINGS,
         boardSize,
         onResizeAction,
+        theme,
         class: className,
         wrongFeedback = $bindable<string | null>(null),
         solved = $bindable(false),
@@ -977,6 +978,7 @@
         setChessboardFen={treeSetChessboardFen}
         editMode={false}
         selectable={solved}
+        {theme}
     >
         {#snippet belowChessboard()}
             {#if wrongFeedback && wrongFeedback !== PREVIEW_WRONG_NO_VARIANT_MESSAGE}

package/dist/puzzle-creation/StepPosition.svelte

@@ -1,11 +1,9 @@
 <script lang="ts">
     import {
         Chessboard,
-        CHESSBOARD_THEMES,
         createBoardApi,
         DEFAULT_DESIGN_SETTINGS,
         getBoardDesignSettingsContext,
-        type ChessboardTheme,
     } from "@connectorvol/chessboard";
     import { untrack } from "svelte";
 
@@ -23,7 +21,6 @@
     interface Props {
         initialFen: string;
         onNext: (fen: string) => void;
-        boardTheme?: ChessboardTheme;
         boardAppearanceSettings?: TChessboardAppearanceSettings;
     }
 
@@ -41,7 +38,6 @@
         design: {
             ...DEFAULT_EDITABLE_BOARD_SETTINGS.design,
             ...(props.boardAppearanceSettings?.design ?? {}),
-            theme: props.boardTheme ?? CHESSBOARD_THEMES.blue,
         },
     });
 
@@ -52,10 +48,10 @@
         }),
     );
 
-    // ponytail: компонент только читает контекст дизайна. Если layout уже
-    // поднял его — Chessboard берёт дизайн из контекста сам, иначе
-    // используем дизайн из `puzzleStepBoardSettings.design`
-    // (`boardTheme` + `boardAppearanceSettings.design`).
+    // ponytail: компонент только читает контекст дизайна. Если контекст
+    // уже поднят (в т.ч. через `setBoardDesignSettingsContext` в
+    // `PuzzleCreationWizard`) — Chessboard берёт дизайн из контекста сам,
+    // иначе используем дизайн из `puzzleStepBoardSettings.design`.
     const inheritedDesign = getBoardDesignSettingsContext();
     const localDesign = $derived({
         ...DEFAULT_DESIGN_SETTINGS,

package/dist/puzzle-creation/StepPosition.svelte.d.ts

@@ -1,9 +1,7 @@
-import { type ChessboardTheme } from "@connectorvol/chessboard";
 import type { TChessboardAppearanceSettings } from "./types.js";
 interface Props {
     initialFen: string;
     onNext: (fen: string) => void;
-    boardTheme?: ChessboardTheme;
     boardAppearanceSettings?: TChessboardAppearanceSettings;
 }
 declare const StepPosition: import("svelte").Component<Props, {}, "">;

package/dist/puzzle-creation/StepPreview.svelte

@@ -1,178 +1,187 @@
 <script lang="ts">
-  import type { ChessboardTheme } from "@connectorvol/chessboard";
+    import { Popover } from "bits-ui";
+    import { buttonVariants } from "../button-variants.js";
+    import { cn } from "../utils.js";
 
-  import { Popover } from "bits-ui";
-  import { buttonVariants } from "../button-variants.js";
-  import { cn } from "../utils.js";
+    import { Color } from "@connectorvol/shared";
 
-  import { Color } from "@connectorvol/shared";
+    import type { PuzzleData } from "../puzzle/puzzleData.js";
+    import {
+        puzzlePartsFromFullPgn,
+        type TPuzzleCreatedPayload,
+    } from "../puzzle/puzzleCreatedPayload.js";
+    import { PREVIEW_WRONG_NO_VARIANT_MESSAGE } from "../puzzle/puzzlePreviewConstants.js";
+    import PuzzlePgnBoardTreeEditor from "./PuzzlePgnBoardTreeEditor.svelte";
+    import type { TChessboardAppearanceSettings } from "./types.js";
 
-  import type { PuzzleData } from "../puzzle/puzzleData.js";
-  import {
-    puzzlePartsFromFullPgn,
-    type TPuzzleCreatedPayload,
-  } from "../puzzle/puzzleCreatedPayload.js";
-  import { PREVIEW_WRONG_NO_VARIANT_MESSAGE } from "../puzzle/puzzlePreviewConstants.js";
-  import PuzzlePgnBoardTreeEditor from "./PuzzlePgnBoardTreeEditor.svelte";
-  import type { TChessboardAppearanceSettings } from "./types.js";
+    interface Props {
+        /** Возвращает данные задачи (стартовый FEN и главная линия SAN для совместимости). */
+        puzzleData: PuzzleData;
+        /** Возвращает полное дерево задачи в виде строки PGN после шага 2. */
+        solutionPgn: string;
+        /** Возвращает переход назад на шаг построения линии. */
+        onBack: () => void;
+        /**
+         * Возвращает колбэк сохранения задачи с FEN и строкой ходов (кнопка «Готово» показывается после решения превью).
+         */
+        onPuzzleCreated?: (payload: TPuzzleCreatedPayload) => void;
+        /** Возвращает переход на шаг выбора тегов вместо немедленного завершения. */
+        onNext?: () => void;
+        /** Возвращает дополнительные визуальные настройки шахматной доски (кроме `boardSize`, `orientation`, `draggable`). */
+        boardAppearanceSettings?: TChessboardAppearanceSettings;
+    }
 
-  interface Props {
-    /** Возвращает данные задачи (стартовый FEN и главная линия SAN для совместимости). */
-    puzzleData: PuzzleData;
-    /** Возвращает полное дерево задачи в виде строки PGN после шага 2. */
-    solutionPgn: string;
-    /** Возвращает переход назад на шаг построения линии. */
-    onBack: () => void;
-    /**
-     * Возвращает колбэк сохранения задачи с FEN и строкой ходов (кнопка «Готово» показывается после решения превью).
-     */
-    onPuzzleCreated?: (payload: TPuzzleCreatedPayload) => void;
-    /** Возвращает переход на шаг выбора тегов вместо немедленного завершения. */
-    onNext?: () => void;
-    /** Возвращает тему оформления шахматной доски (по умолчанию `CHESSBOARD_THEMES.blue`). */
-    boardTheme?: ChessboardTheme;
-    /** Возвращает дополнительные визуальные настройки шахматной доски (кроме `boardSize`, `orientation`, `draggable`). */
-    boardAppearanceSettings?: TChessboardAppearanceSettings;
-  }
+    const props: Props = $props();
 
-  const props: Props = $props();
+    const solverColor = $derived(
+        props.puzzleData.initialFen.trim().split(/\s+/)[1] === "b"
+            ? Color.BLACK
+            : Color.WHITE,
+    );
 
-  const solverColor = $derived(
-    props.puzzleData.initialFen.trim().split(/\s+/)[1] === "b"
-      ? Color.BLACK
-      : Color.WHITE,
-  );
-
-  let wrongFeedback = $state<string | null>(null);
-  let solved = $state(false);
+    let wrongFeedback = $state<string | null>(null);
+    let solved = $state(false);
 </script>
 
 <div class="flex flex-col gap-3 pt-2 pb-0">
-  <div class="flex flex-wrap items-center gap-2">
-    <h2 class="text-xl font-semibold">Шаг 3: Превью для ученика</h2>
-    <Popover.Root>
-      <Popover.Trigger type="button">
-        {#snippet child({ props })}
-          <button
-            {...props}
-            type="button"
-            class={cn(
-              buttonVariants({ variant: "outline", size: "icon-sm" }),
-              "size-7 shrink-0 rounded-full text-sm font-semibold",
-            )}
-            aria-label="Справка: превью для ученика"
-          >
-            ?
-          </button>
-        {/snippet}
-      </Popover.Trigger>
-      <Popover.Portal>
-        <Popover.Content
-          side="bottom"
-          align="start"
-          sideOffset={8}
-          class={cn(
-            "bg-popover text-popover-foreground border-border z-50 max-h-[min(70vh,32rem)] w-[min(calc(100vw-2rem),28rem)] overflow-y-auto rounded-lg border p-4 text-sm shadow-md outline-none",
-            "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-            "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
-          )}
-        >
-          <div class="space-y-3 text-muted-foreground leading-relaxed">
-            <p>
-              Так puzzle будет выглядеть для ученика. Делайте ходы за
-              {solverColor === Color.WHITE ? "белых" : "чёрных"}. При правильном
-              ходе соперник ответит автоматически (первый вариант на развилках
-              соперника). На развилке решателя достаточно одного верного
-              продолжения.
-            </p>
-            <p>
-              Сначала в дереве отображается только стартовая позиция; по мере
-              верных ходов появляются линии; при неверном отмеченном ответе кратко
-              показывается введённый неверный вариант.
-            </p>
-            <p>
-              После решения показывается всё дерево ходов из PGN, введённое на
-              шаге 2.
-            </p>
-          </div>
-        </Popover.Content>
-      </Popover.Portal>
-    </Popover.Root>
-    {#if wrongFeedback === PREVIEW_WRONG_NO_VARIANT_MESSAGE}
-      <Popover.Root>
-        <Popover.Trigger type="button">
-          {#snippet child({ props })}
-            <button
-              {...props}
-              type="button"
-              class={cn(
-                buttonVariants({ variant: "outline", size: "icon-sm" }),
-                "size-7 shrink-0 rounded-full border-amber-600/60 text-sm font-semibold text-amber-600 dark:border-amber-400/60 dark:text-amber-400",
-              )}
-              aria-label="Предупреждение по превью"
-            >
-              !
-            </button>
-          {/snippet}
-        </Popover.Trigger>
-        <Popover.Portal>
-          <Popover.Content
-            side="bottom"
-            align="start"
-            sideOffset={8}
-            class={cn(
-              "bg-popover text-popover-foreground border-border z-50 max-h-[min(70vh,32rem)] w-[min(calc(100vw-2rem),28rem)] overflow-y-auto rounded-lg border p-4 text-sm shadow-md outline-none",
-              "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-              "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
-            )}
-          >
-            <p class="leading-relaxed text-amber-700 dark:text-amber-400">
-              {PREVIEW_WRONG_NO_VARIANT_MESSAGE}
-            </p>
-          </Popover.Content>
-        </Popover.Portal>
-      </Popover.Root>
-    {/if}
-  </div>
+    <div class="flex flex-wrap items-center gap-2">
+        <h2 class="text-xl font-semibold">Шаг 3: Превью для ученика</h2>
+        <Popover.Root>
+            <Popover.Trigger type="button">
+                {#snippet child({ props })}
+                    <button
+                        {...props}
+                        type="button"
+                        class={cn(
+                            buttonVariants({
+                                variant: "outline",
+                                size: "icon-sm",
+                            }),
+                            "size-7 shrink-0 rounded-full text-sm font-semibold",
+                        )}
+                        aria-label="Справка: превью для ученика"
+                    >
+                        ?
+                    </button>
+                {/snippet}
+            </Popover.Trigger>
+            <Popover.Portal>
+                <Popover.Content
+                    side="bottom"
+                    align="start"
+                    sideOffset={8}
+                    class={cn(
+                        "bg-popover text-popover-foreground border-border z-50 max-h-[min(70vh,32rem)] w-[min(calc(100vw-2rem),28rem)] overflow-y-auto rounded-lg border p-4 text-sm shadow-md outline-none",
+                        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+                        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+                    )}
+                >
+                    <div
+                        class="space-y-3 text-muted-foreground leading-relaxed"
+                    >
+                        <p>
+                            Так puzzle будет выглядеть для ученика. Делайте ходы
+                            за
+                            {solverColor === Color.WHITE ? "белых" : "чёрных"}.
+                            При правильном ходе соперник ответит автоматически
+                            (первый вариант на развилках соперника). На развилке
+                            решателя достаточно одного верного продолжения.
+                        </p>
+                        <p>
+                            Сначала в дереве отображается только стартовая
+                            позиция; по мере верных ходов появляются линии; при
+                            неверном отмеченном ответе кратко показывается
+                            введённый неверный вариант.
+                        </p>
+                        <p>
+                            После решения показывается всё дерево ходов из PGN,
+                            введённое на шаге 2.
+                        </p>
+                    </div>
+                </Popover.Content>
+            </Popover.Portal>
+        </Popover.Root>
+        {#if wrongFeedback === PREVIEW_WRONG_NO_VARIANT_MESSAGE}
+            <Popover.Root>
+                <Popover.Trigger type="button">
+                    {#snippet child({ props })}
+                        <button
+                            {...props}
+                            type="button"
+                            class={cn(
+                                buttonVariants({
+                                    variant: "outline",
+                                    size: "icon-sm",
+                                }),
+                                "size-7 shrink-0 rounded-full border-amber-600/60 text-sm font-semibold text-amber-600 dark:border-amber-400/60 dark:text-amber-400",
+                            )}
+                            aria-label="Предупреждение по превью"
+                        >
+                            !
+                        </button>
+                    {/snippet}
+                </Popover.Trigger>
+                <Popover.Portal>
+                    <Popover.Content
+                        side="bottom"
+                        align="start"
+                        sideOffset={8}
+                        class={cn(
+                            "bg-popover text-popover-foreground border-border z-50 max-h-[min(70vh,32rem)] w-[min(calc(100vw-2rem),28rem)] overflow-y-auto rounded-lg border p-4 text-sm shadow-md outline-none",
+                            "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+                            "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+                        )}
+                    >
+                        <p
+                            class="leading-relaxed text-amber-700 dark:text-amber-400"
+                        >
+                            {PREVIEW_WRONG_NO_VARIANT_MESSAGE}
+                        </p>
+                    </Popover.Content>
+                </Popover.Portal>
+            </Popover.Root>
+        {/if}
+    </div>
 
-  <PuzzlePgnBoardTreeEditor
-    bind:wrongFeedback
-    bind:solved
-    pgn={props.solutionPgn}
-    fen={props.puzzleData.initialFen}
-    boardTheme={props.boardTheme}
-    boardAppearanceSettings={props.boardAppearanceSettings}
-  />
+    <PuzzlePgnBoardTreeEditor
+        bind:wrongFeedback
+        bind:solved
+        pgn={props.solutionPgn}
+        fen={props.puzzleData.initialFen}
+        boardAppearanceSettings={props.boardAppearanceSettings}
+    />
 
-  <div class="flex justify-between gap-2">
-    <button
-      type="button"
-      class={cn(buttonVariants({ variant: "outline" }))}
-      onclick={props.onBack}
-    >
-      Назад
-    </button>
-    {#if solved}
-      {#if props.onNext}
+    <div class="flex justify-between gap-2">
         <button
-          type="button"
-          class={cn(buttonVariants({ variant: "default" }))}
-          onclick={props.onNext}
-          disabled={!props.solutionPgn.trim()}
-        >
-          Далее
-        </button>
-      {:else if props.onPuzzleCreated}
-        <button
-          type="button"
-          class={cn(buttonVariants({ variant: "default" }))}
-          onclick={() =>
-            props.onPuzzleCreated?.(puzzlePartsFromFullPgn(props.solutionPgn))}
-          disabled={!props.solutionPgn.trim()}
+            type="button"
+            class={cn(buttonVariants({ variant: "outline" }))}
+            onclick={props.onBack}
         >
-          Готово
+            Назад
         </button>
-      {/if}
-    {/if}
-  </div>
+        {#if solved}
+            {#if props.onNext}
+                <button
+                    type="button"
+                    class={cn(buttonVariants({ variant: "default" }))}
+                    onclick={props.onNext}
+                    disabled={!props.solutionPgn.trim()}
+                >
+                    Далее
+                </button>
+            {:else if props.onPuzzleCreated}
+                <button
+                    type="button"
+                    class={cn(buttonVariants({ variant: "default" }))}
+                    onclick={() =>
+                        props.onPuzzleCreated?.(
+                            puzzlePartsFromFullPgn(props.solutionPgn),
+                        )}
+                    disabled={!props.solutionPgn.trim()}
+                >
+                    Готово
+                </button>
+            {/if}
+        {/if}
+    </div>
 </div>

package/dist/puzzle-creation/StepPreview.svelte.d.ts

@@ -1,4 +1,3 @@
-import type { ChessboardTheme } from "@connectorvol/chessboard";
 import type { PuzzleData } from "../puzzle/puzzleData.js";
 import { type TPuzzleCreatedPayload } from "../puzzle/puzzleCreatedPayload.js";
 import type { TChessboardAppearanceSettings } from "./types.js";
@@ -15,8 +14,6 @@ interface Props {
     onPuzzleCreated?: (payload: TPuzzleCreatedPayload) => void;
     /** Возвращает переход на шаг выбора тегов вместо немедленного завершения. */
     onNext?: () => void;
-    /** Возвращает тему оформления шахматной доски (по умолчанию `CHESSBOARD_THEMES.blue`). */
-    boardTheme?: ChessboardTheme;
     /** Возвращает дополнительные визуальные настройки шахматной доски (кроме `boardSize`, `orientation`, `draggable`). */
     boardAppearanceSettings?: TChessboardAppearanceSettings;
 }

package/dist/puzzle-creation/types.d.ts

@@ -3,6 +3,7 @@ import type { TPuzzleCreatedPayload } from "../puzzle/puzzleCreatedPayload.js";
 import type { TWizardStep, TWizardStepContext } from "@connectorvol/shared";
 import type { TPuzzleWizardCoreState } from "./puzzleWizardState.js";
 import type { ChessboardTheme, TChessBoardDesignSettings, TChessBoardPlaySettings } from "@connectorvol/chessboard";
+import type { TTreeViewerTheme } from "@connectorvol/tree";
 /**
  * Представляет тип визуальных настроек шахматной доски для мастера создания задачи.
  */
@@ -51,6 +52,11 @@ export interface TPuzzlePgnBoardTreeEditorProps {
      * Возвращает колбэк после завершения изменения размера доски перетаскиванием ручки resize.
      */
     onResizeAction?: (size: number) => void;
+    /**
+     * Возвращает тему `TreeViewer` (фон, границы, текст). По умолчанию подстраивается под `mode-watcher` (dark → `TREE_VIEWER_DARK_THEME`, иначе `TREE_VIEWER_LIGHT_THEME`).
+     * Позволяет прокидывать явную тему из родителя (например, чтобы фон совпадал с `--background` приложения).
+     */
+    theme?: TTreeViewerTheme;
     /**
      * Возвращает дополнительные классы Tailwind для корневого контейнера раскладки.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connectorvol/chess-widgets",
-  "version": "9.0.1",
+  "version": "9.0.3",
   "private": false,
   "files": [
     "dist",
@@ -42,10 +42,10 @@
     "test:e2e:ui": "node node_modules/@playwright/test/cli.js test --ui"
   },
   "dependencies": {
-    "@connectorvol/chessboard": "9.0.1",
-    "@connectorvol/chessops": "9.0.1",
-    "@connectorvol/shared": "9.0.1",
-    "@connectorvol/tree": "9.0.1",
+    "@connectorvol/chessboard": "9.0.3",
+    "@connectorvol/chessops": "9.0.3",
+    "@connectorvol/shared": "9.0.3",
+    "@connectorvol/tree": "9.0.3",
     "bits-ui": "2.16.4",
     "clsx": "2.1.1",
     "svelte-toolbelt": "0.10.6",
@@ -53,7 +53,7 @@
     "tailwind-variants": "3.2.2"
   },
   "devDependencies": {
-    "@connectorvol/chess-shadcn": "9.0.1",
+    "@connectorvol/chess-shadcn": "9.0.3",
     "@ianvs/prettier-plugin-sort-imports": "4.5.1",
     "@lucide/svelte": "1.21.0",
     "@playwright/test": "1.54.1",