@connectorvol/chess-widgets 8.0.1 → 9.0.1

package/dist/puzzle-creation/StepTags.svelte

@@ -0,0 +1,270 @@
+<script lang="ts">
+  import { Popover } from "bits-ui";
+
+  import { buttonVariants } from "../button-variants.js";
+  import { cn } from "../utils.js";
+  import type { TPuzzleTags } from "../puzzle/puzzleCreatedPayload.js";
+  import type {
+    TPuzzleOpeningTagOption,
+    TPuzzleTagOption,
+  } from "@connectorvol/shared";
+  import OpeningTagHoverPreview from "./OpeningTagHoverPreview.svelte";
+
+  interface Props {
+    /** Возвращает текущие выбранные теги (двухсторонняя привязка). */
+    tags: TPuzzleTags;
+    /** Возвращает каталог дебютов для выбора одного тега. */
+    openingTags: readonly TPuzzleOpeningTagOption[];
+    /** Возвращает каталог тактических приёмов для выбора до `tacticTagsMax` тегов. */
+    tacticTags: readonly TPuzzleTagOption[];
+    /** Возвращает максимальное число выбираемых тактических тегов. */
+    tacticTagsMax: number;
+    /** Возвращает переход назад на шаг превью. */
+    onBack: () => void;
+    /** Возвращает завершение мастера с выбранными тегами. */
+    onDone: (tags: TPuzzleTags) => void;
+  }
+
+  type TOpeningPreviewState = {
+    tag: TPuzzleOpeningTagOption;
+    anchor: DOMRect;
+  };
+
+  let {
+    tags = $bindable(),
+    openingTags,
+    tacticTags,
+    tacticTagsMax,
+    onBack,
+    onDone,
+  }: Props = $props();
+
+  let openingFilter = $state("");
+  let tacticFilter = $state("");
+  let hoveredOpening = $state<TOpeningPreviewState | null>(null);
+
+  /**
+   * Представляет показ превью дебюта при наведении на тег.
+   */
+  function handleOpeningPointerEnter(
+    event: { currentTarget: EventTarget | null },
+    tag: TPuzzleOpeningTagOption,
+  ) {
+    const anchor = (event.currentTarget as HTMLElement).getBoundingClientRect();
+    hoveredOpening = { tag, anchor };
+  }
+
+  /**
+   * Представляет скрытие превью дебюта.
+   */
+  function handleOpeningPointerLeave() {
+    hoveredOpening = null;
+  }
+
+  const filteredOpenings = $derived(
+    openingTags.filter((tag) =>
+      tag.label.toLowerCase().includes(openingFilter.trim().toLowerCase()),
+    ),
+  );
+
+  const filteredTactics = $derived(
+    tacticTags.filter((tag) =>
+      tag.label.toLowerCase().includes(tacticFilter.trim().toLowerCase()),
+    ),
+  );
+
+  const tacticsLimitReached = $derived(
+    tags.tactics.length >= tacticTagsMax,
+  );
+
+  /**
+   * Представляет переключение выбора дебютного тега (только один).
+   */
+  function toggleOpening(id: string) {
+    tags = {
+      ...tags,
+      opening: tags.opening === id ? undefined : id,
+    };
+  }
+
+  /**
+   * Представляет переключение тактического тега с ограничением по количеству.
+   */
+  function toggleTactic(id: string) {
+    const selected = tags.tactics.includes(id);
+    if (selected) {
+      tags = {
+        ...tags,
+        tactics: tags.tactics.filter((t) => t !== id),
+      };
+      return;
+    }
+    if (tags.tactics.length >= tacticTagsMax) return;
+    tags = {
+      ...tags,
+      tactics: [...tags.tactics, id],
+    };
+  }
+</script>
+
+{#if hoveredOpening}
+  {#key hoveredOpening.tag.id}
+    <OpeningTagHoverPreview
+      fen={hoveredOpening.tag.fen}
+      label={hoveredOpening.tag.label}
+      anchor={hoveredOpening.anchor}
+    />
+  {/key}
+{/if}
+
+<div class="flex flex-col gap-4 pt-2 pb-0">
+  <div class="flex flex-wrap items-center gap-2">
+    <h2 class="text-xl font-semibold">Шаг 4: Теги задачи</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>
+              Теги помогают классифицировать задачу. Шаг опционален: можно
+              завершить мастер без выбора тегов.
+            </p>
+            <p>
+              Дебют — один тег из списка популярных дебютов. Приёмы — до трёх
+              тактических мотивов из каталога.
+            </p>
+          </div>
+        </Popover.Content>
+      </Popover.Portal>
+    </Popover.Root>
+  </div>
+
+  <section class="space-y-3">
+    <div class="flex flex-wrap items-end justify-between gap-2">
+      <div>
+        <h3 class="text-base font-medium">Дебют</h3>
+        <p class="text-muted-foreground text-sm">Можно выбрать не более одного</p>
+      </div>
+      <input
+        type="search"
+        class="border-input bg-background text-foreground placeholder:text-muted-foreground focus-visible:ring-ring h-9 w-full max-w-xs rounded-md border px-3 text-sm outline-none focus-visible:ring-2"
+        placeholder="Поиск дебюта…"
+        bind:value={openingFilter}
+        aria-label="Поиск дебюта"
+      />
+    </div>
+    <div
+      class="border-border flex max-h-48 flex-wrap gap-2 overflow-y-auto rounded-lg border p-3"
+      role="radiogroup"
+      aria-label="Дебют"
+    >
+      {#each filteredOpenings as tag (tag.id)}
+        <button
+          type="button"
+          role="radio"
+          aria-checked={tags.opening === tag.id}
+          class={cn(
+            "rounded-full border px-3 py-1.5 text-sm transition-colors",
+            tags.opening === tag.id
+              ? "border-primary bg-primary text-primary-foreground"
+              : "border-border bg-background hover:bg-muted",
+          )}
+          onpointerenter={(event) => handleOpeningPointerEnter(event, tag)}
+          onpointerleave={handleOpeningPointerLeave}
+          onfocus={(event) => handleOpeningPointerEnter(event, tag)}
+          onblur={handleOpeningPointerLeave}
+          onclick={() => toggleOpening(tag.id)}
+        >
+          {tag.label}
+        </button>
+      {:else}
+        <p class="text-muted-foreground text-sm">Ничего не найдено</p>
+      {/each}
+    </div>
+  </section>
+
+  <section class="space-y-3">
+    <div class="flex flex-wrap items-end justify-between gap-2">
+      <div>
+        <h3 class="text-base font-medium">Приёмы</h3>
+        <p class="text-muted-foreground text-sm">
+          Выбрано {tags.tactics.length} из {tacticTagsMax}
+        </p>
+      </div>
+      <input
+        type="search"
+        class="border-input bg-background text-foreground placeholder:text-muted-foreground focus-visible:ring-ring h-9 w-full max-w-xs rounded-md border px-3 text-sm outline-none focus-visible:ring-2"
+        placeholder="Поиск приёма…"
+        bind:value={tacticFilter}
+        aria-label="Поиск приёма"
+      />
+    </div>
+    <div
+      class="border-border flex max-h-56 flex-wrap gap-2 overflow-y-auto rounded-lg border p-3"
+      role="group"
+      aria-label="Тактические приёмы"
+    >
+      {#each filteredTactics as tag (tag.id)}
+        {@const selected = tags.tactics.includes(tag.id)}
+        {@const disabled = !selected && tacticsLimitReached}
+        <button
+          type="button"
+          aria-pressed={selected}
+          {disabled}
+          class={cn(
+            "rounded-full border px-3 py-1.5 text-sm transition-colors",
+            selected
+              ? "border-primary bg-primary text-primary-foreground"
+              : "border-border bg-background hover:bg-muted",
+            disabled && "cursor-not-allowed opacity-50 hover:bg-background",
+          )}
+          onclick={() => toggleTactic(tag.id)}
+        >
+          {tag.label}
+        </button>
+      {:else}
+        <p class="text-muted-foreground text-sm">Ничего не найдено</p>
+      {/each}
+    </div>
+  </section>
+
+  <div class="flex justify-between gap-2">
+    <button
+      type="button"
+      class={cn(buttonVariants({ variant: "outline" }))}
+      onclick={onBack}
+    >
+      Назад
+    </button>
+    <button
+      type="button"
+      class={cn(buttonVariants({ variant: "default" }))}
+      onclick={() => onDone(tags)}
+    >
+      Готово
+    </button>
+  </div>
+</div>

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

@@ -0,0 +1,19 @@
+import type { TPuzzleTags } from "../puzzle/puzzleCreatedPayload.js";
+import type { TPuzzleOpeningTagOption, TPuzzleTagOption } from "@connectorvol/shared";
+interface Props {
+    /** Возвращает текущие выбранные теги (двухсторонняя привязка). */
+    tags: TPuzzleTags;
+    /** Возвращает каталог дебютов для выбора одного тега. */
+    openingTags: readonly TPuzzleOpeningTagOption[];
+    /** Возвращает каталог тактических приёмов для выбора до `tacticTagsMax` тегов. */
+    tacticTags: readonly TPuzzleTagOption[];
+    /** Возвращает максимальное число выбираемых тактических тегов. */
+    tacticTagsMax: number;
+    /** Возвращает переход назад на шаг превью. */
+    onBack: () => void;
+    /** Возвращает завершение мастера с выбранными тегами. */
+    onDone: (tags: TPuzzleTags) => void;
+}
+declare const StepTags: import("svelte").Component<Props, {}, "tags">;
+type StepTags = ReturnType<typeof StepTags>;
+export default StepTags;

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

@@ -0,0 +1,9 @@
+import type { TChessBoardDesignSettings, TChessBoardPlaySettings } from "@connectorvol/chessboard";
+import type { TChessboardAppearanceSettings } from "./types.js";
+/**
+ * Представляет визуальные настройки доски для шагов мастера задачи (построение линии и превью).
+ */
+export declare function buildPuzzleWizardBoardSettings(boardAppearanceSettings?: TChessboardAppearanceSettings): {
+    play: TChessBoardPlaySettings;
+    design: TChessBoardDesignSettings;
+};

package/dist/puzzle-creation/buildPuzzleWizardBoardSettings.js

@@ -0,0 +1,19 @@
+import { DEFAULT_BOARD_APPEARANCE_SETTINGS } from "../constants/default-board-appearance-settings.js";
+import { DEFAULT_EDITABLE_BOARD_SETTINGS } from "../constants/editable-board-settings.js";
+/**
+ * Представляет визуальные настройки доски для шагов мастера задачи (построение линии и превью).
+ */
+export function buildPuzzleWizardBoardSettings(boardAppearanceSettings) {
+    return {
+        play: {
+            ...DEFAULT_BOARD_APPEARANCE_SETTINGS.play,
+            ...boardAppearanceSettings?.play,
+            boardSize: DEFAULT_EDITABLE_BOARD_SETTINGS.play.boardSize,
+            isResizable: false,
+        },
+        design: {
+            ...DEFAULT_BOARD_APPEARANCE_SETTINGS.design,
+            ...boardAppearanceSettings?.design,
+        },
+    };
+}

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

@@ -1,4 +1,4 @@
-import type { ChessboardTheme } from "@connectorvol/chessboard";
+import type { BoardApi, ChessboardTheme, TChessBoardDesignSettings } from "@connectorvol/chessboard";
 import { type IChessBoardActions } from "@connectorvol/chessboard";
 import { Color } from "@connectorvol/shared";
 import type { TChessboardAppearanceSettings } from "./types.js";
@@ -6,11 +6,18 @@ import type { TChessboardAppearanceSettings } from "./types.js";
  * Представляет определение стороны хода по полному FEN.
  */
 export declare function sideToMoveFromFullFen(fullFen: string): Color;
+interface ICreatePuzzleLineEditingBoardResult {
+    api: BoardApi;
+    design: TChessBoardDesignSettings;
+}
 /**
  * Представляет создание API доски для интерактивного построения линии (как в мастере задач):
  * ориентация и перетаскивание по стороне хода, фиксированный размер доски.
+ * Возвращает пару `{ api, design }` — `design` следует передать в `<Chessboard design={...} />`,
+ * чтобы доска разделяла снимок с превью/настройками через контекст.
  */
 export declare function createPuzzleLineEditingBoardApi(fullFen: string, actions: IChessBoardActions, opts: {
     boardTheme?: ChessboardTheme;
-    boardAppearanceSettings: TChessboardAppearanceSettings;
-}): import("@connectorvol/chessboard").BoardApi;
+    boardAppearanceSettings?: TChessboardAppearanceSettings;
+}): ICreatePuzzleLineEditingBoardResult;
+export {};

package/dist/puzzle-creation/createPuzzleLineEditingBoard.js

@@ -1,6 +1,6 @@
-import { CHESSBOARD_THEMES, createBoardApi, Draggable, } from "@connectorvol/chessboard";
+import { CHESSBOARD_THEMES, createBoardApi, DEFAULT_DESIGN_SETTINGS, Draggable, } from "@connectorvol/chessboard";
 import { Color } from "@connectorvol/shared";
-import { DEFAULT_EDITABLE_BOARD_SETTINGS } from "../constants/editable-board-settings.js";
+import { buildPuzzleWizardBoardSettings } from "./buildPuzzleWizardBoardSettings.js";
 /**
  * Представляет определение стороны хода по полному FEN.
  */
@@ -11,20 +11,25 @@ export function sideToMoveFromFullFen(fullFen) {
 /**
  * Представляет создание API доски для интерактивного построения линии (как в мастере задач):
  * ориентация и перетаскивание по стороне хода, фиксированный размер доски.
+ * Возвращает пару `{ api, design }` — `design` следует передать в `<Chessboard design={...} />`,
+ * чтобы доска разделяла снимок с превью/настройками через контекст.
  */
 export function createPuzzleLineEditingBoardApi(fullFen, actions, opts) {
     const side = sideToMoveFromFullFen(fullFen);
-    const { boardSize: _boardSize, orientation: _orientation, draggable: _draggable, ...appearanceSettings } = opts.boardAppearanceSettings;
-    return createBoardApi({
+    const { play, design } = buildPuzzleWizardBoardSettings(opts.boardAppearanceSettings);
+    const api = createBoardApi({
         fen: fullFen,
-        settings: {
-            ...appearanceSettings,
-            boardSize: DEFAULT_EDITABLE_BOARD_SETTINGS.boardSize,
-            isResizable: false,
+        playSettings: {
+            ...play,
             orientation: side,
             draggable: side === Color.WHITE ? Draggable.WHITE : Draggable.BLACK,
         },
         actions,
-        theme: opts.boardTheme ?? CHESSBOARD_THEMES.blue,
     });
+    const finalDesign = {
+        ...DEFAULT_DESIGN_SETTINGS,
+        ...design,
+        theme: opts.boardTheme ?? CHESSBOARD_THEMES.blue,
+    };
+    return { api, design: finalDesign };
 }

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

@@ -0,0 +1,35 @@
+import { type PuzzleData } from "../puzzle/puzzleData.js";
+import type { TPuzzleTags } from "../puzzle/puzzleCreatedPayload.js";
+import type { TWizardStep } from "@connectorvol/shared";
+/**
+ * Представляет базовый state мастера: поля, которые используют шаги 1–3.
+ */
+export type TPuzzleWizardCoreState = {
+    /** Возвращает данные задачи (FEN и главная линия SAN). */
+    puzzleData: PuzzleData;
+    /** Возвращает PGN дерева решения для превью на шаге 3. */
+    solutionPgn: string;
+};
+/**
+ * Представляет расширенный state мастера с полем тегов для шага `PuzzleWizardTagsStep`.
+ */
+export type TPuzzleWizardState = TPuzzleWizardCoreState & {
+    /** Возвращает выбранные теги задачи. */
+    puzzleTags: TPuzzleTags;
+};
+/** Возвращает базовые шаги мастера: позиция, ходы, превью. */
+export declare const PUZZLE_WIZARD_CORE_STEPS: readonly TWizardStep[];
+/** Возвращает описание опционального шага выбора тегов. */
+export declare const PUZZLE_WIZARD_TAGS_STEP: TWizardStep;
+/**
+ * Представляет создание базового state мастера из seed FEN.
+ */
+export declare function createInitialPuzzleWizardCoreState(seedFen: string | undefined): TPuzzleWizardCoreState;
+/**
+ * Представляет создание расширенного state мастера с тегами из seed FEN.
+ */
+export declare function createInitialPuzzleWizardState(seedFen: string | undefined): TPuzzleWizardState;
+/**
+ * Представляет нормализацию входного FEN (пустая строка трактуется как отсутствие значения).
+ */
+export declare function puzzleWizardSeedFen(prop: string | undefined): string | undefined;

package/dist/puzzle-creation/puzzleWizardState.js

@@ -0,0 +1,37 @@
+import { createInitialPuzzleData } from "../puzzle/puzzleData.js";
+/** Возвращает базовые шаги мастера: позиция, ходы, превью. */
+export const PUZZLE_WIZARD_CORE_STEPS = [
+    { id: "position", title: "Позиция" },
+    { id: "moves", title: "Ходы" },
+    { id: "preview", title: "Превью" },
+];
+/** Возвращает описание опционального шага выбора тегов. */
+export const PUZZLE_WIZARD_TAGS_STEP = {
+    id: "tags",
+    title: "Теги",
+};
+/**
+ * Представляет создание базового state мастера из seed FEN.
+ */
+export function createInitialPuzzleWizardCoreState(seedFen) {
+    return {
+        puzzleData: createInitialPuzzleData(seedFen),
+        solutionPgn: "",
+    };
+}
+/**
+ * Представляет создание расширенного state мастера с тегами из seed FEN.
+ */
+export function createInitialPuzzleWizardState(seedFen) {
+    return {
+        ...createInitialPuzzleWizardCoreState(seedFen),
+        puzzleTags: { tactics: [] },
+    };
+}
+/**
+ * Представляет нормализацию входного FEN (пустая строка трактуется как отсутствие значения).
+ */
+export function puzzleWizardSeedFen(prop) {
+    const t = prop?.trim();
+    return t ? t : undefined;
+}

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

@@ -1,9 +1,15 @@
+import type { Snippet } from "svelte";
 import type { TPuzzleCreatedPayload } from "../puzzle/puzzleCreatedPayload.js";
-import type { ChessBoardSettings, ChessboardTheme } from "@connectorvol/chessboard";
+import type { TWizardStep, TWizardStepContext } from "@connectorvol/shared";
+import type { TPuzzleWizardCoreState } from "./puzzleWizardState.js";
+import type { ChessboardTheme, TChessBoardDesignSettings, TChessBoardPlaySettings } from "@connectorvol/chessboard";
 /**
  * Представляет тип визуальных настроек шахматной доски для мастера создания задачи.
  */
-export type TChessboardAppearanceSettings = Omit<Partial<ChessBoardSettings>, "boardSize" | "orientation" | "draggable">;
+export type TChessboardAppearanceSettings = {
+    play?: Omit<TChessBoardPlaySettings, "boardSize" | "orientation" | "draggable">;
+    design?: Partial<TChessBoardDesignSettings>;
+};
 /**
  * Представляет исход решения или ошибки в превью задачи для колбэка `onOutcome`.
  */
@@ -34,13 +40,17 @@ export interface TPuzzlePgnBoardTreeEditorProps {
      */
     solved?: boolean;
     /**
-     * Возвращает тему оформления шахматной доски (по умолчанию `CHESSBOARD_THEMES.blue`).
+     * Возвращает дополнительные визуальные настройки шахматной доски (кроме `boardSize`, `orientation`, `draggable`).
      */
-    boardTheme?: ChessboardTheme;
+    boardAppearanceSettings?: TChessboardAppearanceSettings;
     /**
-     * Возвращает дополнительные визуальные настройки шахматной доски (кроме `boardSize`, `orientation`, `draggable`).
+     * Возвращает начальный размер доски в rem (применяется только при создании API доски).
      */
-    boardAppearanceSettings: TChessboardAppearanceSettings;
+    boardSize?: number;
+    /**
+     * Возвращает колбэк после завершения изменения размера доски перетаскиванием ручки resize.
+     */
+    onResizeAction?: (size: number) => void;
     /**
      * Возвращает дополнительные классы Tailwind для корневого контейнера раскладки.
      */
@@ -49,11 +59,19 @@ export interface TPuzzlePgnBoardTreeEditorProps {
 /**
  * Представляет свойства компонента мастера создания шахматной задачи.
  */
-export interface TPuzzleCreationWizardProps {
+export type TPuzzleCreationWizardProps<S extends TPuzzleWizardCoreState = TPuzzleWizardCoreState> = {
+    /**
+     * Возвращает общий state визарда (двухсторонняя привязка; инициализация и сброс — на стороне родителя).
+     */
+    wizardState: S;
     /**
-     * Возвращает функцию, вызываемую при завершении мастера с FEN и строкой ходов.
+     * Возвращает функцию, вызываемую при завершении мастера с FEN и строкой ходов (шаг 3 без доп. шагов).
      */
     onPuzzleCreated: (payload: TPuzzleCreatedPayload) => void;
+    /**
+     * Возвращает колбэк завершения с финальным state (вызывается из `wizard.done()` на доп. шагах).
+     */
+    onDone?: (state: S) => void;
     /**
      * Возвращает начальный полный FEN для шага 1; если не задан — пустая доска.
      */
@@ -65,5 +83,13 @@ export interface TPuzzleCreationWizardProps {
     /**
      * Возвращает дополнительные визуальные настройки шахматной доски (кроме `boardSize`, `orientation`, `draggable`).
      */
-    boardAppearanceSettings: TChessboardAppearanceSettings;
-}
+    boardAppearanceSettings?: TChessboardAppearanceSettings;
+    /**
+     * Возвращает дополнительные шаги после превью (для индикатора прогресса и навигации).
+     */
+    additionalSteps?: readonly TWizardStep[];
+    /**
+     * Возвращает snippet содержимого дополнительных шагов (вызывается при `currentStep > 3`).
+     */
+    additionalStep?: Snippet<[TWizardStepContext<S>]>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connectorvol/chess-widgets",
-  "version": "8.0.1",
+  "version": "9.0.1",
   "private": false,
   "files": [
     "dist",
@@ -29,7 +29,7 @@
     "start": "vite",
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview",
+    "preview": "bun build/index.js",
     "package": "svelte-kit sync && svelte-package && bun pm pack",
     "publish": "bun publish --access public",
     "prepublishOnly": "bun pm pack",
@@ -37,44 +37,49 @@
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "format": "oxfmt --write . && prettier --write \"**/*.svelte\"",
     "prettier": "prettier --write \"**/*.svelte\"",
-    "test": "",
+    "test": "vitest run",
     "test:e2e": "node node_modules/@playwright/test/cli.js test",
     "test:e2e:ui": "node node_modules/@playwright/test/cli.js test --ui"
   },
   "dependencies": {
-    "@connectorvol/chessboard": "8.0.1",
-    "@connectorvol/chessops": "8.0.1",
-    "@connectorvol/shared": "8.0.1",
-    "@connectorvol/tree": "8.0.1",
+    "@connectorvol/chessboard": "9.0.1",
+    "@connectorvol/chessops": "9.0.1",
+    "@connectorvol/shared": "9.0.1",
+    "@connectorvol/tree": "9.0.1",
     "bits-ui": "2.16.4",
-    "clsx": "^2.1.1",
-    "svelte-toolbelt": "^0.10.6",
+    "clsx": "2.1.1",
+    "svelte-toolbelt": "0.10.6",
     "tailwind-merge": "3.3.1",
-    "tailwind-variants": "^3.2.2"
+    "tailwind-variants": "3.2.2"
   },
   "devDependencies": {
+    "@connectorvol/chess-shadcn": "9.0.1",
     "@ianvs/prettier-plugin-sort-imports": "4.5.1",
-    "@lucide/svelte": "^1.16.0",
+    "@lucide/svelte": "1.21.0",
     "@playwright/test": "1.54.1",
-    "@sveltejs/adapter-static": "3.0.10",
-    "@sveltejs/kit": "2.48.0",
+    "@sveltejs/kit": "2.49.1",
     "@sveltejs/package": "2.4.0",
     "@sveltejs/vite-plugin-svelte": "7.0.0",
     "@tailwindcss/forms": "0.5.10",
     "@tailwindcss/postcss": "4.1.11",
     "@tailwindcss/typography": "0.5.16",
     "@tailwindcss/vite": "4.1.11",
+    "@testing-library/svelte": "5.3.1",
+    "@vitest/coverage-v8": "3.2.4",
     "autoprefixer": "10.4.21",
-    "svelte-check": "4.3.2",
+    "svelte-adapter-bun": "^1.0.1",
+    "svelte-check": "4.6.0",
     "tailwindcss": "4.1.11",
     "tw-animate-css": "1.4.0",
     "typescript": "6.0.2",
     "vite": "8.0.7",
     "vite-plugin-checker": "0.12.0",
-    "vite-plugin-svelte-checker": "0.1.2"
+    "vite-plugin-svelte-checker": "0.1.2",
+    "vitest": "4.0.17"
   },
   "peerDependencies": {
-    "@lucide/svelte": "^1.16.0",
-    "svelte": "^5.53.12"
+    "@lucide/svelte": "1.21.0",
+    "mode-watcher": "1.1.0",
+    "svelte": "5.56.3"
   }
 }