From 746a377038f3dc0a6514d9f170fba3ece11aa8c5 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Tue, 20 Jan 2026 09:35:44 +0300
Subject: [PATCH] feat(FontVirtualList): add font pairs support

---
 .../Font/ui/FontVirtualList/FontVirtualList.svelte       | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/entities/Font/ui/FontVirtualList/FontVirtualList.svelte b/src/entities/Font/ui/FontVirtualList/FontVirtualList.svelte
index 65102db..6c6eb36 100644
--- a/src/entities/Font/ui/FontVirtualList/FontVirtualList.svelte
+++ b/src/entities/Font/ui/FontVirtualList/FontVirtualList.svelte
@@ -3,7 +3,7 @@
     - Renders a virtualized list of fonts
     - Handles font registration with the manager
 -->
-<script lang="ts" generics="T extends { id: string }">
+<script lang="ts" generics="T extends ({ id: string } | [{ id: string }, { id: string }])">
 import { VirtualList } from '$shared/ui';
 import type { ComponentProps } from 'svelte';
 import { appliedFontsManager } from '../../model';
@@ -16,7 +16,12 @@ let { items, children, onVisibleItemsChange, ...rest }: Props = $props();
 
 function handleInternalVisibleChange(visibleItems: T[]) {
     // Auto-register fonts with the manager
-    const slugs = visibleItems.map(item => item.id);
+    const slugs = visibleItems.map(item => {
+        if (Array.isArray(item)) {
+            return item.map(font => font.id);
+        }
+        return item.id;
+    }).flat();
     appliedFontsManager.registerFonts(slugs);
 
     // Forward the call to any external listener