## Описание

Универсальный контейнерный компонент для отображения структурированного контента с метками, описаниями и интерактивными действиями в списках и элементах интерфейса.

Cell обеспечивает единообразное представление информационных блоков с поддержкой текстовой иерархии (метка, описание, подпись), интерактивных состояний, иконок и индикаторов прогресса. Компонент интегрирует эффекты ripple, состояния скелетонов и гибкое позиционирование контента для создания современных интерфейсных списков.

**Основные возможности:**

- Структурированная иерархия контента (метка, описание, подпись)
- Интерактивные состояния (focus, selected, disabled, readonly)
- Встроенная поддержка иконок и индикаторов прогресса
- Интеграция эффекта ripple для тактильной обратной связи
- Система скелетонов для состояний загрузки
- Настраиваемые разделители и динамическое поведение
- Гибкая система слотов для пользовательского контента
- Оптимизирован для списковых и меню интерфейсов

**Типичные сценарии использования:**

- Элементы списков в меню навигации и настройках
- Карточки контактов и профильные записи
- Списки действий и выбора элементов
- Панели настроек и элементы конфигурации
- Таблицы данных и структурированные информационные блоки
- Компоненты интерфейса mobile-first

```html
<script setup>
import { ref } from 'vue'

const selected = ref(false)
const loading = ref(false)

const handleClick = () => {
  console.log('Ячейка нажата')
  selected.value = !selected.value
}
</script>

<template>
  <Cell
    label="Настройки уведомлений"
    description="Управление способами получения уведомлений"
    caption="Обновлено сегодня"
    icon="notifications"
    :selected="selected"
    :skeleton="loading"
    @click="handleClick"
  >
    <template #trailing>
      <Icon name="chevron_right" />
    </template>
  </Cell>
</template>
```

> Cell разработан как универсальный строительный блок для создания единообразных списковых интерфейсов с богатым контентом и интерактивными состояниями.
