import { Meta } from '@storybook/addon-docs/blocks'

<Meta title='@dxtmisha/ru/figma-ref/Composables/useFigmaUiSelected - Управление выбранными фреймами в UI'/>

# `useFigmaUiSelected`

Composable для управления и наблюдения за списком идентификаторов фреймов, выбранных пользователем в интерфейсе плагина. Предоставляет инструменты для проверки состояния выбора и переключения выделения.

**Возвращает:**
- `selected: ComputedRef<string[]>` — вычисляемая ссылка на список ID выбранных фреймов.
- `loading: ComputedRef<boolean>` — реактивный флаг, указывающий на процесс получения списка выбранных фреймов.
- `isSelected(id: string): ComputedRef<boolean>` — вспомогательная функция, возвращающая вычисляемое логическое значение (выбран ли фрейм).
- `toggleSelected(id: string, selected: boolean): void` — функция для добавления или удаления фрейма из списка выбора.

## Пример использования

```typescript
import { useFigmaUiSelected } from '@dxtmisha/figma-ref'

const { selected, isSelected, toggleSelected } = useFigmaUiSelected()

// Проверка, выбран ли фрейм
const active = isSelected('1:123')

// Переключение состояния выбора
toggleSelected('1:123', !active.value)
```
