@daisforge/ui 1.21.0 → 1.22.0

package/mcp-data/component-index.json

@@ -1,6 +1,6 @@
 {
-  "generatedAt": "2026-09-25T13:25:33.162Z",
-  "libVersion": "1.21.0",
+  "generatedAt": "2026-10-05T14:44:55.582Z",
+  "libVersion": "1.22.0",
   "components": {
     "Accordion": {
       "name": "Accordion",
@@ -16110,6 +16110,12 @@
               "required": false,
               "description": "Indeterminate состояние чекбокса"
             },
+            {
+              "name": "maxCount",
+              "type": "number | undefined",
+              "required": false,
+              "description": "Максимальное отображаемое число. Если selectedCount больше — показывается «N+»\n(например, при maxCount={99} и selectedCount={5000} отобразится «99+»)."
+            },
             {
               "name": "onCheckboxChange",
               "type": "((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined",
@@ -16135,7 +16141,7 @@
         "панель выбора строк"
       ],
       "docs": "# MassActions\n\nБазовый адаптивный компонент панели массовых действий. Независим от таблицы - может использоваться с любым контейнером. Поддерживает автоматическую компрессию кнопок при нехватке места, сворачивание/разворачивание, удобное позиционирование и другие возможности.\n\n## Ключевые особенности\n\n- Автоматическая компрессия кнопок при нехватке места\n- Accent-кнопки всегда остаются видимыми\n- Автоцентрирование относительно контейнера\n- Поддержка двух типов кнопок: Button и LinkButton\n- Размеры кнопок подбираются автоматически — передавать `size` кнопкам не нужно (если задан, используется как есть)\n\n## Compound-компоненты\n\n### Counter\n\n`MassActions.Counter` — компонент счетчика выбранных элементов. Может отображать чекбокс, текст и анимированный badge с количеством.\n\n#### Логика работы чекбокса\n\nЧекбокс в Counter имеет три состояния:\n\n- **checked = true** — когда все элементы выбраны (`selectedCount === totalCount`)\n- **indeterminate = true** — когда выбрано частично (`0 < selectedCount < totalCount`)\n- **checked = false, indeterminate = false** — когда ничего не выбрано (`selectedCount === 0`)\n\n**Важно:** Состояние чекбокса должно вычисляться на основе `selectedCount` и общего количества элементов, а не храниться в отдельном состоянии. Это обеспечивает синхронизацию между ручным выделением элементов и состоянием чекбокса.\n\n```tsx\n// Правильная реализация логики чекбокса\nconst items = [...]; // массив всех элементов\nconst [selectedItems, setSelectedItems] = useState<Set<number>>(new Set());\n\n// Вычисляем состояние на основе selectedItems\nconst allSelected = selectedItems.size === items.length;\nconst someSelected = selectedItems.size > 0 && selectedItems.size < items.length;\nconst checked = allSelected;\nconst indeterminate = someSelected;\n\nconst handleCheckboxChange = (isChecked: boolean) => {\n  if (isChecked) {\n    // Выделяем все элементы\n    setSelectedItems(new Set(items.map((item) => item.id)));\n  } else {\n    // Снимаем выделение со всех элементов\n    setSelectedItems(new Set());\n  }\n};\n\n<MassActions.Counter\n  selectedCount={selectedItems.size}\n  showCheckbox\n  checked={checked}\n  indeterminate={indeterminate}\n  onCheckboxChange={(e) => handleCheckboxChange(e.target.checked)}\n/>\n```\n\n## MassActionsStatic\n\nСтатический компонент панели действий без адаптивной компрессии. Предназначен для использования в местах, где не требуется автоматическое скрытие кнопок (например, в боковых панелях LeftPanel).\n\nВ отличие от `MassActions`, `MassActionsStatic` не поддерживает компрессию кнопок и позиционирование относительно контейнера. Поддерживает блочное отображение через проп `position` (`static` или `relative`), что позволяет использовать компонент как обычный блок без абсолютного позиционирования.\n\n## Особенности\n\n### Компрессия кнопок\n\nПри нехватке места кнопки автоматически скрываются в дропдауне скрытых действий:\n\n1. Все accent-кнопки всегда видимы\n2. Обычные кнопки добавляются по порядку, пока помещаются\n3. Остальные кнопки идут в дропдаун скрытых действий\n\n### Позиционирование\n\nПанель автоматически центрируется относительно переданного контейнера (`containerRef`). В большинстве сценариев достаточно просто передать корректный контейнер, дополнительная настройка через `sidebarConfig` нужна только для продвинутых кейсов.\n\n### Размеры кнопок\n\nРазмеры кнопок и дропдаунов панель подбирает сама — по режиму отображения. В обычном режиме кнопки рендерятся размером `s`, в компактном (узкий вьюпорт, до 1280px включительно) — `xs`. Передавать `size` кнопкам отдельно **не нужно**. Если `size` всё же задан — он используется как есть.\n\n## Типы кнопок\n\nКаждый элемент массива `buttons` — это либо обычная кнопка (`type: 'button'`, компонент `Button`), либо кнопка-ссылка (`type: 'linkButton'`, компонент `LinkButton`). Кнопки с `view: 'accent'` никогда не скрываются в дропдауне скрытых действий.\n\n```tsx\nbuttons={[\n  {\n    type: 'button',\n    text: 'Действие',\n    view: 'secondary', // 'accent' / 'critical' / 'primary' и т.д.\n    onClick: () => {},\n  },\n  {\n    type: 'linkButton',\n    text: 'Ссылка-действие',\n    view: 'linkSecondary', // link-стили: 'linkAccent' / 'linkDefault' и т.д.\n    onClick: () => {},\n  },\n]}\n```\n\n## Disabled-состояние\n\nЕсли у кнопки `disabled: true`, можно передать `disabledTooltipProps` — подсказку, которая покажется при наведении на неактивную кнопку:\n\n```tsx\n{\n  type: 'button',\n  text: 'Действие',\n  view: 'secondary',\n  disabled: true,\n  disabledTooltipProps: {\n    text: 'Выберите элементы для выполнения действия',\n  },\n  onClick: () => {},\n}\n```\n\n**Важно:** disabled-кнопка остаётся неактивной и после ухода в дропдаун скрытых действий — `disabled` пробрасывается на пункт меню. Подсказка `disabledTooltipProps` при этом показывается только у кнопок на самой панели, в меню её нет.\n\n## Dropdown в кнопках\n\nКнопка может открывать вложенный dropdown:\n\n```tsx\n{\n  type: 'button',\n  text: 'Действие с меню',\n  view: 'secondary',\n  dropdown: {\n    items: [\n      { label: 'Опция 1', value: '1' },\n      { label: 'Опция 2', value: '2' },\n    ],\n    onItemSelect: (item) => {},\n  },\n}\n```\n\n> Подробнее о типах и пропсах — [MassActions API](?path=/docs/локальные-компоненты-massactions-api--docs)",
-      "apiDocs": "# MassActions API\n\n## MassActionsProps\n\n```typescript\ntype MassActionsProps = {\n  /**\n   * Ref на контейнер относительно которого будет позиционироваться панель\n   * Может быть RefObject, MutableRefObject или функция возвращающая элемент\n   */\n  containerRef:\n    | RefObject<HTMLElement>\n    | MutableRefObject<HTMLElement | null>\n    | (() => HTMLElement | null);\n\n  /**\n   * Левая секция панели (чекбокс + счетчик или кастомный контент)\n   */\n  leftSection: ReactNode;\n\n  /**\n   * Средняя секция (например, кнопка \"Сбросить всё\")\n   * Опционально - для standalone версии не используется\n   */\n  middleSection?: ReactNode;\n\n  /**\n   * Кнопки действий\n   */\n  buttons?: MassActionsButtonProps[];\n\n  /**\n   * Конфигурация сайдбара (если есть)\n   */\n  sidebarConfig?: MassActionsSidebarConfig;\n\n  /**\n   * Есть ли какая-то фича в сайдбаре (влияет на расчет ширины)\n   */\n  isHaveSomeFeatureInSidebar?: boolean;\n\n  /**\n   * Конфигурация dropdown для скрытых кнопок\n   */\n  collapsedDropdownProps?: TableDropdownConfigProps;\n\n  /**\n   * Количество выбранных элементов\n   * Используется для внутренней логики видимости панели (если show не указан)\n   * Если selectedCount === 0 и show не указан, панель не отображается\n   */\n  selectedCount: number;\n\n  /**\n   * Явный контроль видимости панели\n   * Если указан, имеет приоритет над автоматической логикой на основе selectedCount\n   * Позволяет показывать панель даже при selectedCount === 0\n   * По умолчанию: undefined (используется логика selectedCount > 0)\n   */\n  show?: boolean;\n\n  /**\n   * Использовать TableDropdown (для таблиц) вместо обычного Dropdown\n   * По умолчанию false (используется обычный Dropdown)\n   */\n  useTableDropdown?: boolean;\n  /**\n   * Включить отладочное логирование в консоль\n   * Полезно для отладки проблем с компрессией и позиционированием\n   * По умолчанию false\n   */\n  enableDebugLogs?: boolean;\n  /**\n   * Отступ снизу от контейнера (в пикселях)\n   * По умолчанию: 16px для standalone, 24px для таблицы\n   */\n  bottom?: number;\n\n  /**\n   * Минимальный отступ панели от краев контейнера (в пикселях)\n   * Используется для:\n   * - CSS padding панели (симметрично: minPadding слева и справа)\n   * - Расчетов компрессии (максимальная ширина панели с учетом отступов)\n   * - Позиционирования (гарантирует минимальный отступ от левого края контейнера)\n   * По умолчанию: 16px для standalone, 24px для таблицы\n   */\n  minPadding?: number;\n\n  /**\n   * Статический размер панели (для использования ВНУТРИ таблиц).\n   * Если задан — перекрывает viewport-логику (медиазапрос 1280 не используется):\n   * `m`/`s` = обычный размер (кнопки `s`), `xs` = уменьшенный (кнопки `xxs`, «ещё» `xs`, счётчик Body XS, свои паддинги).\n   * НЕ задавать для standalone — там компактность определяется по ширине вьюпорта (`down('xl')`).\n   */\n  size?: MassActionsSize;\n};\n```\n\n## MassActionsButtonProps\n\n```typescript\ntype MassActionsButtonPropsButton = DataAttributes &\n  Partial<ButtonCompProps> & {\n    type: 'button';\n    view?: ButtonCompProps['view'];\n    /**\n     * Dropdown для кнопки.\n     * Используется универсальный DropdownProps, который работает и с обычным Dropdown, и с TableDropdown\n     */\n    dropdown?: DropdownProps & { $css?: CSSObject };\n    disabledTooltipProps?: TooltipProps;\n  };\n```\n\n## Compound types\n\n### MassActions.Counter\n\n```typescript\ntype MassActionsCounterProps = {\n  /** Количество выбранных элементов */\n  selectedCount: number;\n  /** Текст метки (по умолчанию \"Выбрано\") */\n  label?: string;\n  /** Показывать ли чекбокс */\n  showCheckbox?: boolean;\n  /** Состояние чекбокса */\n  checked?: boolean;\n  /** Indeterminate состояние чекбокса */\n  indeterminate?: boolean;\n  /** Колбэк при изменении чекбокса */\n  onCheckboxChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Кастомный className */\n  className?: string;\n};\n```\n\n## MassActionsStatic\n\n```typescript\ntype MassActionsStaticProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n  /**\n   * Позиционирование компонента\n   * - 'absolute' - абсолютное позиционирование (по умолчанию)\n   * - 'static' - обычный блок без абсолютного позиционирования\n   * - 'relative' - относительное позиционирование\n   */\n  position?: 'absolute' | 'static' | 'relative';\n  /**\n   * Явный контроль видимости компонента\n   * Если не указан, компонент всегда виден\n   * Если указан, компонент отображается только при show === true\n   */\n  show?: boolean;\n  /**\n   * Включить/отключить анимацию появления/исчезновения\n   * @default true\n   */\n  animate?: boolean;\n};\n```",
+      "apiDocs": "# MassActions API\n\n## MassActionsProps\n\n```typescript\ntype MassActionsProps = {\n  /**\n   * Ref на контейнер относительно которого будет позиционироваться панель\n   * Может быть RefObject, MutableRefObject или функция возвращающая элемент\n   */\n  containerRef:\n    | RefObject<HTMLElement>\n    | MutableRefObject<HTMLElement | null>\n    | (() => HTMLElement | null);\n\n  /**\n   * Левая секция панели (чекбокс + счетчик или кастомный контент)\n   */\n  leftSection: ReactNode;\n\n  /**\n   * Средняя секция (например, кнопка \"Сбросить всё\")\n   * Опционально - для standalone версии не используется\n   */\n  middleSection?: ReactNode;\n\n  /**\n   * Кнопки действий\n   */\n  buttons?: MassActionsButtonProps[];\n\n  /**\n   * Конфигурация сайдбара (если есть)\n   */\n  sidebarConfig?: MassActionsSidebarConfig;\n\n  /**\n   * Есть ли какая-то фича в сайдбаре (влияет на расчет ширины)\n   */\n  isHaveSomeFeatureInSidebar?: boolean;\n\n  /**\n   * Конфигурация dropdown для скрытых кнопок\n   */\n  collapsedDropdownProps?: TableDropdownConfigProps;\n\n  /**\n   * Количество выбранных элементов\n   * Используется для внутренней логики видимости панели (если show не указан)\n   * Если selectedCount === 0 и show не указан, панель не отображается\n   */\n  selectedCount: number;\n\n  /**\n   * Явный контроль видимости панели\n   * Если указан, имеет приоритет над автоматической логикой на основе selectedCount\n   * Позволяет показывать панель даже при selectedCount === 0\n   * По умолчанию: undefined (используется логика selectedCount > 0)\n   */\n  show?: boolean;\n\n  /**\n   * Использовать TableDropdown (для таблиц) вместо обычного Dropdown\n   * По умолчанию false (используется обычный Dropdown)\n   */\n  useTableDropdown?: boolean;\n  /**\n   * Включить отладочное логирование в консоль\n   * Полезно для отладки проблем с компрессией и позиционированием\n   * По умолчанию false\n   */\n  enableDebugLogs?: boolean;\n  /**\n   * Отступ снизу от контейнера (в пикселях)\n   * По умолчанию: 16px для standalone, 24px для таблицы\n   */\n  bottom?: number;\n\n  /**\n   * Минимальный отступ панели от краев контейнера (в пикселях)\n   * Используется для:\n   * - CSS padding панели (симметрично: minPadding слева и справа)\n   * - Расчетов компрессии (максимальная ширина панели с учетом отступов)\n   * - Позиционирования (гарантирует минимальный отступ от левого края контейнера)\n   * По умолчанию: 16px для standalone, 24px для таблицы\n   */\n  minPadding?: number;\n\n  /**\n   * Статический размер панели (для использования ВНУТРИ таблиц).\n   * Если задан — перекрывает viewport-логику (медиазапрос 1280 не используется):\n   * `m`/`s` = обычный размер (кнопки `s`), `xs` = уменьшенный (кнопки `xxs`, «ещё» `xs`, счётчик Body XS, свои паддинги).\n   * НЕ задавать для standalone — там компактность определяется по ширине вьюпорта (`down('xl')`).\n   */\n  size?: MassActionsSize;\n};\n```\n\n## MassActionsButtonProps\n\n```typescript\ntype MassActionsButtonPropsButton = DataAttributes &\n  Partial<ButtonCompProps> & {\n    type: 'button';\n    view?: ButtonCompProps['view'];\n    /**\n     * Dropdown для кнопки.\n     * Используется универсальный DropdownProps, который работает и с обычным Dropdown, и с TableDropdown\n     */\n    dropdown?: DropdownProps & { $css?: CSSObject };\n    disabledTooltipProps?: TooltipProps;\n  };\n```\n\n## Compound types\n\n### MassActions.Counter\n\n```typescript\ntype MassActionsCounterProps = {\n  /** Количество выбранных элементов */\n  selectedCount: number;\n  /**\n   * Максимальное отображаемое число. Если selectedCount больше — показывается «N+»\n   * (например, при maxCount={99} и selectedCount={5000} отобразится «99+»).\n   */\n  maxCount?: number;\n  /** Текст метки (по умолчанию \"Выбрано\") */\n  label?: string;\n  /** Показывать ли чекбокс */\n  showCheckbox?: boolean;\n  /** Состояние чекбокса */\n  checked?: boolean;\n  /** Indeterminate состояние чекбокса */\n  indeterminate?: boolean;\n  /** Колбэк при изменении чекбокса */\n  onCheckboxChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Кастомный className */\n  className?: string;\n};\n```\n\n## MassActionsStatic\n\n```typescript\ntype MassActionsStaticProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n  /**\n   * Позиционирование компонента\n   * - 'absolute' - абсолютное позиционирование (по умолчанию)\n   * - 'static' - обычный блок без абсолютного позиционирования\n   * - 'relative' - относительное позиционирование\n   */\n  position?: 'absolute' | 'static' | 'relative';\n  /**\n   * Явный контроль видимости компонента\n   * Если не указан, компонент всегда виден\n   * Если указан, компонент отображается только при show === true\n   */\n  show?: boolean;\n  /**\n   * Включить/отключить анимацию появления/исчезновения\n   * @default true\n   */\n  animate?: boolean;\n};\n```",
       "curatedStories": [
         {
           "exportName": "Standalone",
@@ -16166,6 +16172,12 @@
           "displayName": "1280 Адаптив",
           "type": "full-code",
           "code": "import { useRef, useState } from 'react';\nimport { MassActions } from '@ui-kit/components/MassActions';\n\n${getFuncAsString(\n  'packages/storybook/src/stories/MassActions/MassActions.stories.tsx',\n  'StandaloneExample',\n)}"
+        },
+        {
+          "exportName": "CounterMaxCount",
+          "displayName": "Ограничение счётчика (99+)",
+          "type": "full-code",
+          "code": "import { useRef, useState } from 'react';\nimport { MassActions } from '@ui-kit/components/MassActions';\n\n${getFuncAsString(\n  'packages/storybook/src/stories/MassActions/MassActions.stories.tsx',\n  'CounterMaxCountExample',\n)}"
         }
       ],
       "hasCuratedMeta": true,
@@ -16308,6 +16320,12 @@
           "required": false,
           "description": "Indeterminate состояние чекбокса"
         },
+        {
+          "name": "maxCount",
+          "type": "number | undefined",
+          "required": false,
+          "description": "Максимальное отображаемое число. Если selectedCount больше — показывается «N+»\n(например, при maxCount={99} и selectedCount={5000} отобразится «99+»)."
+        },
         {
           "name": "onCheckboxChange",
           "type": "((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined",
@@ -16345,14 +16363,14 @@
           "exportName": "Usage1",
           "displayName": "Использование в MassActions.stories.tsx",
           "type": "usage",
-          "code": "<MassActions.Counter\n              selectedCount={selectedItems.size}\n              showCheckbox\n              checked={checked}\n              indeterminate={indeterminate}\n              onCheckboxChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                handleCheckboxChange(e.target.checked)\n              }\n            />",
+          "code": "<MassActions.Counter\n                selectedCount={selectedItems.size}\n                maxCount={99}\n                showCheckbox\n                checked={allSelected}\n                indeterminate={someSelected}\n                onCheckboxChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                  handleCheckboxChange(e.target.checked)\n                }\n              />",
           "sourceFile": "packages/storybook/src/stories/MassActions/MassActions.stories.tsx"
         },
         {
           "exportName": "Usage2",
           "displayName": "Использование в MassActions.stories.tsx",
           "type": "usage",
-          "code": "<MassActions.Counter\n                selectedCount={selectedItems.size}\n                showCheckbox\n                checked={checked}\n                indeterminate={indeterminate}\n                onCheckboxChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                  handleCheckboxChange(e.target.checked)\n                }\n              />",
+          "code": "<MassActions.Counter\n              selectedCount={selectedItems.size}\n              showCheckbox\n              checked={checked}\n              indeterminate={indeterminate}\n              onCheckboxChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                handleCheckboxChange(e.target.checked)\n              }\n            />",
           "sourceFile": "packages/storybook/src/stories/MassActions/MassActions.stories.tsx"
         }
       ]
@@ -27817,7 +27835,14 @@
       "minimalUsage": "<Slider max={0} min={0} />",
       "examples": [
         {
-          "exportName": "Usage",
+          "exportName": "Usage1",
+          "displayName": "Использование в TableCanvas.headerRowHeight.stories.tsx",
+          "type": "usage",
+          "code": "<Slider\n              value={headerRowHeight}\n              onChange={setHeaderRowHeight}\n              min={24}\n              max={96}\n              step={1}\n            />",
+          "sourceFile": "packages/storybook/src/stories/TableCanvas/TableCanvas.HeaderRowHeight/TableCanvas.headerRowHeight.stories.tsx"
+        },
+        {
+          "exportName": "Usage2",
           "displayName": "Использование в TableCanvas.bigData.stories.tsx",
           "type": "usage",
           "code": "<Slider\n                value={cols}\n                min={1}\n                max={1500}\n                onChangeCommitted={(value) => setCols(value)}\n              />",
@@ -30059,9 +30084,9 @@
       "props": [
         {
           "name": "autoFocusType",
-          "type": "\"autoFocus\" | \"none\" | \"autoFocusAndSelect\"",
+          "type": "\"autoFocus\" | \"none\" | \"autoFocusAndSelect\" | \"autoFocusBeforeDecimals\"",
           "required": true,
-          "description": ""
+          "description": "Поведение фокуса/каретки при открытии редактора:\n- `autoFocus` — фокус, каретка в конец значения;\n- `autoFocusAndSelect` — фокус и выделение всего значения (вход через\n  Enter/двойной клик — набор заменяет значение целиком);\n- `autoFocusBeforeDecimals` — фокус, каретка в конец целой части (перед\n  дробной). Для входа «перезаписью»: после набранной цифры можно сразу\n  продолжать ввод, не попадая в нули дробной части. Длина дробной части\n  берётся из `decimalScale`/`fixedDecimalScale` и не зависит от символа\n  разделителя;\n- `none` — фокусом/кареткой компонент не управляет."
         },
         {
           "name": "cellHeight",
@@ -33021,14 +33046,17 @@
       "relatedExports": [
         "CanvasContainer",
         "CanvasNode",
+        "CanvasAvatar",
+        "CanvasAvatarGroup",
         "CanvasBadge",
         "CanvasButton",
         "CanvasEmbedIconButton",
         "CanvasIcon",
         "CanvasIconButton",
+        "CanvasImage",
+        "CanvasLink",
         "CanvasRect",
         "CanvasText",
-        "CanvasLink",
         "Canvas",
         "RootBridge"
       ],
@@ -33285,72 +33313,90 @@
       "minimalUsage": "<CanvasNode />",
       "examples": []
     },
-    "CanvasBadge": {
-      "name": "CanvasBadge",
+    "CanvasAvatar": {
+      "name": "CanvasAvatar",
       "group": "components",
       "folderName": "TableGlide",
       "role": "internal",
-      "description": "Значок-бейдж (текст+иконки) для отрисовки в canvas-ячейках TableGlide",
+      "description": "",
       "props": [
         {
-          "name": "text",
-          "type": "string",
-          "required": true,
-          "description": "Badge text content"
+          "name": "bottom",
+          "type": "PositionValue | undefined",
+          "required": false,
+          "description": "Отступ от нижнего края родителя при абсолютном позиционировании."
         },
         {
-          "name": "clear",
-          "type": "boolean | undefined",
+          "name": "children",
+          "type": "undefined",
           "required": false,
-          "description": "No background, only text"
+          "description": "Дочерние JSX-элементы запрещены: содержимое задаётся через свойства примитива."
         },
         {
-          "name": "customBackgroundColor",
-          "type": "string | undefined",
+          "name": "interaction",
+          "type": "CanvasInteractionOptions | undefined",
           "required": false,
-          "description": "Кастомный цвет фона. Только конкретные значения: hex, rgb(), rgba(). CSS-переменные не поддерживаются."
+          "description": "Декларативное описание поведения зоны внутри ячейки.\n\nСамый частый сценарий:\n`interaction={{ selection: 'keep', cellClick: 'stop', editor: 'never' }}`\n— элемент выполняет собственное действие и не должен менять selection,\nзапускать editor или вызывать внешний `onCellClicked`.\n\n`interaction={{ editor: 'open-on-click' }}` — элемент просит открыть\neditor текущей ячейки. Например стрелка select-ячейки."
         },
         {
-          "name": "customColor",
-          "type": "string | undefined",
+          "name": "left",
+          "type": "PositionValue | undefined",
           "required": false,
-          "description": "Кастомный цвет текста. Только конкретные значения: hex, rgb(), rgba(). CSS-переменные не поддерживаются."
+          "description": "Отступ от левого края родителя при абсолютном позиционировании."
         },
         {
-          "name": "interaction",
-          "type": "CanvasInteractionOptions | undefined",
+          "name": "onClick",
+          "type": "((event: CanvasEvent<CanvasAvatar>) => void) | undefined",
           "required": false,
-          "description": "Декларативное описание поведения зоны внутри ячейки.\n\nСамый частый сценарий:\n`interaction={{ selection: 'keep', cellClick: 'stop', editor: 'never' }}`\n— элемент выполняет собственное действие и не должен менять selection,\nзапускать editor или вызывать внешний `onCellClicked`.\n\n`interaction={{ editor: 'open-on-click' }}` — элемент просит открыть\neditor текущей ячейки. Например стрелка select-ячейки."
+          "description": "Обработчик клика по элементу; дополняет внутреннее поведение примитива."
         },
         {
-          "name": "leftIcon",
-          "type": "ButtonIcon",
+          "name": "onMouseEnter",
+          "type": "((event: CanvasEvent<CanvasAvatar>) => void) | undefined",
           "required": false,
-          "description": "Left icon (SVG string or image)"
+          "description": "Обработчик входа указателя в элемент; дополняет внутреннее поведение примитива."
         },
         {
-          "name": "rightIcon",
-          "type": "ButtonIcon",
+          "name": "onMouseLeave",
+          "type": "((event: CanvasEvent<CanvasAvatar>) => void) | undefined",
           "required": false,
-          "description": "Right icon (SVG string or image)"
+          "description": "Обработчик выхода указателя из элемента; дополняет внутреннее поведение примитива."
         },
         {
-          "name": "size",
-          "type": "BadgeSize | undefined",
+          "name": "portalHoverEnabled",
+          "type": "boolean | undefined",
           "required": false,
-          "description": "Badge size"
+          "description": "Включает передачу hover-событий в портал; наличие tooltip также включает её."
         },
         {
-          "name": "transparent",
-          "type": "boolean | undefined",
+          "name": "position",
+          "type": "\"relative\" | \"absolute\" | undefined",
           "required": false,
-          "description": "Use transparent background"
+          "description": "Способ размещения: в потоке flex-layout или по абсолютным отступам."
         },
         {
-          "name": "view",
-          "type": "BadgeView | undefined",
+          "name": "right",
+          "type": "PositionValue | undefined",
           "required": false,
-          "description": "Badge view style"
+          "description": "Отступ от правого края родителя при абсолютном позиционировании."
+        },
+        {
+          "name": "style",
+          "type": "Partial<CanvasFlexStyle> | undefined",
+          "required": false,
+          "description": "Параметры flex-layout, размеры и курсор canvas-ноды."
+        },
+        {
+          "name": "tooltip",
+          "type": "CanvasNodeTooltipConfig | undefined",
+          "required": false,
+          "description": "Подсказка элемента, отображаемая через портал таблицы."
+        },
+        {
+          "name": "top",
+          "type": "PositionValue | undefined",
+          "required": false,
+          "description": "Отступ от верхнего края родителя при абсолютном позиционировании."
         },
         {
           "name": "zIndex",
@@ -33358,105 +33404,225 @@
           "required": false,
           "description": "Локальный слой внутри canvas-root; рекомендуется использовать zIndex >= 0.\nЗначение суммируется по цепочке родителей и не является DOM z-index."
         },
+        {
+          "name": "customText",
+          "type": "string | undefined",
+          "required": false,
+          "description": "Непустой текст вместо фотографии и инициалов, например счётчик +N."
+        },
+        {
+          "name": "size",
+          "type": "AvatarSize | undefined",
+          "required": false,
+          "description": "Размер аватара: s — 24, m — 36, l — 48, xxl — 88 px. По умолчанию s."
+        },
+        {
+          "name": "url",
+          "type": "string | undefined",
+          "required": false,
+          "description": "URL фотографии; пока фото недоступно, отображаются инициалы."
+        }
+      ],
+      "propsTypeName": "CanvasAvatarProps",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasAvatar.ts",
+      "type": "standalone",
+      "parentComponent": "TableGlide",
+      "atomicMcpVersion": "0.360.0",
+      "importPath": "@daisforge/ui/components/TableGlide",
+      "importStatement": "import { CanvasAvatar } from '@daisforge/ui/components/TableGlide';",
+      "minimalUsage": "<CanvasAvatar />",
+      "examples": [
+        {
+          "exportName": "Usage",
+          "displayName": "Использование в CanvasAvatar.stories.tsx",
+          "type": "usage",
+          "code": "<Canvas.Avatar\n            name=\"Анна Иванова\"\n            size={row.size}\n            {...content}\n            tooltip=\"Анна Иванова\"\n          />",
+          "sourceFile": "packages/storybook/src/stories/TableCanvas/CanvasElements/CanvasAvatar/CanvasAvatar.stories.tsx"
+        }
+      ]
+    },
+    "CanvasAvatarGroup": {
+      "name": "CanvasAvatarGroup",
+      "group": "components",
+      "folderName": "TableGlide",
+      "role": "internal",
+      "description": "",
+      "props": [
+        {
+          "name": "items",
+          "type": "readonly CanvasAvatarItem[]",
+          "required": true,
+          "description": "Известные участники в порядке отображения; id должны быть уникальны внутри группы."
+        },
         {
           "name": "bottom",
           "type": "PositionValue | undefined",
           "required": false,
-          "description": ""
+          "description": "Отступ от нижнего края родителя при абсолютном позиционировании."
+        },
+        {
+          "name": "children",
+          "type": "undefined",
+          "required": false,
+          "description": "Дочерние JSX-элементы запрещены: содержимое задаётся через свойства примитива."
+        },
+        {
+          "name": "interaction",
+          "type": "CanvasInteractionOptions | undefined",
+          "required": false,
+          "description": "Декларативное описание поведения зоны внутри ячейки.\n\nСамый частый сценарий:\n`interaction={{ selection: 'keep', cellClick: 'stop', editor: 'never' }}`\n— элемент выполняет собственное действие и не должен менять selection,\nзапускать editor или вызывать внешний `onCellClicked`.\n\n`interaction={{ editor: 'open-on-click' }}` — элемент просит открыть\neditor текущей ячейки. Например стрелка select-ячейки."
         },
         {
           "name": "left",
           "type": "PositionValue | undefined",
           "required": false,
-          "description": ""
+          "description": "Отступ от левого края родителя при абсолютном позиционировании."
         },
         {
-          "name": "pilled",
-          "type": "boolean | undefined",
+          "name": "onClick",
+          "type": "((event: CanvasEvent<CanvasAvatarGroup>) => void) | undefined",
           "required": false,
-          "description": ""
+          "description": "Обработчик клика по элементу; дополняет внутреннее поведение примитива."
+        },
+        {
+          "name": "onMouseEnter",
+          "type": "((event: CanvasEvent<CanvasAvatarGroup>) => void) | undefined",
+          "required": false,
+          "description": "Обработчик входа указателя в элемент; дополняет внутреннее поведение примитива."
+        },
+        {
+          "name": "onMouseLeave",
+          "type": "((event: CanvasEvent<CanvasAvatarGroup>) => void) | undefined",
+          "required": false,
+          "description": "Обработчик выхода указателя из элемента; дополняет внутреннее поведение примитива."
         },
         {
           "name": "portalHoverEnabled",
           "type": "boolean | undefined",
           "required": false,
-          "description": ""
+          "description": "Включает передачу hover-событий в портал; наличие tooltip также включает её."
         },
         {
           "name": "position",
-          "type": "\"absolute\" | undefined",
+          "type": "\"relative\" | \"absolute\" | undefined",
           "required": false,
-          "description": ""
+          "description": "Способ размещения: в потоке flex-layout или по абсолютным отступам."
         },
         {
           "name": "right",
           "type": "PositionValue | undefined",
           "required": false,
-          "description": ""
+          "description": "Отступ от правого края родителя при абсолютном позиционировании."
         },
         {
           "name": "style",
           "type": "Partial<CanvasFlexStyle> | undefined",
           "required": false,
-          "description": ""
+          "description": "Параметры flex-layout, размеры и курсор canvas-ноды."
         },
         {
           "name": "tooltip",
           "type": "CanvasNodeTooltipConfig | undefined",
           "required": false,
-          "description": ""
+          "description": "Подсказка элемента, отображаемая через портал таблицы."
         },
         {
           "name": "top",
           "type": "PositionValue | undefined",
           "required": false,
-          "description": ""
+          "description": "Отступ от верхнего края родителя при абсолютном позиционировании."
+        },
+        {
+          "name": "zIndex",
+          "type": "number | undefined",
+          "required": false,
+          "description": "Локальный слой внутри canvas-root; рекомендуется использовать zIndex >= 0.\nЗначение суммируется по цепочке родителей и не является DOM z-index."
+        },
+        {
+          "name": "onItemClick",
+          "type": "((args: AvatarGroupItemClick) => void) | undefined",
+          "required": false,
+          "description": "Обработчик клика по видимому участнику."
+        },
+        {
+          "name": "onOverflowClick",
+          "type": "((args: AvatarGroupOverflowClick) => void) | undefined",
+          "required": false,
+          "description": "Обработчик клика по счётчику скрытых участников +N."
+        },
+        {
+          "name": "overflowTooltip",
+          "type": "CanvasNodeTooltipConfig | undefined",
+          "required": false,
+          "description": "Подсказка счётчика; по умолчанию текст +N."
+        },
+        {
+          "name": "size",
+          "type": "AvatarSize | undefined",
+          "required": false,
+          "description": "Размер аватара: s — 24, m — 36, l — 48, xxl — 88 px. По умолчанию s."
+        },
+        {
+          "name": "totalCount",
+          "type": "number | undefined",
+          "required": false,
+          "description": "Общее число участников, включая ещё не загруженных. По умолчанию длина items; меньшие значения игнорируются."
+        },
+        {
+          "name": "visibleCount",
+          "type": "number | undefined",
+          "required": false,
+          "description": "Максимум видимых участников без учёта +N. По умолчанию 3, но не больше длины items."
         }
       ],
-      "propsTypeName": "CanvasBadgeProps",
-      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasBadge.ts",
+      "propsTypeName": "CanvasAvatarGroupProps",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasAvatarGroup.ts",
       "type": "standalone",
-      "category": "Локальные компоненты",
-      "keywords": [
-        "метка статуса",
-        "лейбл",
-        "status label"
-      ],
-      "hasCuratedMeta": true,
       "parentComponent": "TableGlide",
       "atomicMcpVersion": "0.360.0",
       "importPath": "@daisforge/ui/components/TableGlide",
-      "importStatement": "import { CanvasBadge } from '@daisforge/ui/components/TableGlide';",
-      "minimalUsage": "<CanvasBadge text={'значение'} />",
+      "importStatement": "import { CanvasAvatarGroup } from '@daisforge/ui/components/TableGlide';",
+      "minimalUsage": "<CanvasAvatarGroup items={[]} />",
       "examples": [
         {
-          "exportName": "Usage1",
-          "displayName": "Использование в CanvasBadge.stories.tsx",
-          "type": "usage",
-          "code": "<Canvas.Badge\n                text={text}\n                view={row.view}\n                size={size}\n                transparent={transparent}\n                clear={clear}\n                pilled={pilled}\n              />",
-          "sourceFile": "packages/storybook/src/stories/TableCanvas/CanvasElements/CanvasBadge/CanvasBadge.stories.tsx"
-        },
-        {
-          "exportName": "Usage2",
-          "displayName": "Использование в TableCanvas.subRows.stories.tsx",
+          "exportName": "Usage",
+          "displayName": "Использование в CanvasAvatarGroup.stories.tsx",
           "type": "usage",
-          "code": "<Canvas.Badge\n                      id=\"kek\"\n                      text={props.row?.tribeZone}\n                      view=\"accent\"\n                      size=\"m\"\n                    />",
-          "sourceFile": "packages/storybook/src/stories/TableCanvas/TableCanvas.SubRows/TableCanvas.subRows.stories.tsx"
+          "code": "<Canvas.AvatarGroup\n              items={row.items}\n              totalCount={row.total}\n              visibleCount={row.visible}\n            />",
+          "sourceFile": "packages/storybook/src/stories/TableCanvas/CanvasElements/CanvasAvatarGroup/CanvasAvatarGroup.stories.tsx"
         }
       ]
     },
-    "CanvasButton": {
-      "name": "CanvasButton",
+    "CanvasBadge": {
+      "name": "CanvasBadge",
       "group": "components",
       "folderName": "TableGlide",
       "role": "internal",
-      "description": "Кнопка с текстом и иконками для canvas-ячеек TableGlide (аналог Button)",
+      "description": "Значок-бейдж (текст+иконки) для отрисовки в canvas-ячейках TableGlide",
       "props": [
         {
-          "name": "children",
+          "name": "text",
           "type": "string",
           "required": true,
-          "description": ""
+          "description": "Badge text content"
+        },
+        {
+          "name": "clear",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "No background, only text"
+        },
+        {
+          "name": "customBackgroundColor",
+          "type": "string | undefined",
+          "required": false,
+          "description": "Кастомный цвет фона. Только конкретные значения: hex, rgb(), rgba(). CSS-переменные не поддерживаются."
+        },
+        {
+          "name": "customColor",
+          "type": "string | undefined",
+          "required": false,
+          "description": "Кастомный цвет текста. Только конкретные значения: hex, rgb(), rgba(). CSS-переменные не поддерживаются."
         },
         {
           "name": "interaction",
@@ -33478,15 +33644,21 @@
         },
         {
           "name": "size",
-          "type": "ButtonSize | undefined",
+          "type": "BadgeSize | undefined",
           "required": false,
-          "description": "Button size"
+          "description": "Badge size"
+        },
+        {
+          "name": "transparent",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "Use transparent background"
         },
         {
           "name": "view",
-          "type": "ButtonView | undefined",
+          "type": "BadgeView | undefined",
           "required": false,
-          "description": "Button view style based on sdds_finai__light theme"
+          "description": "Badge view style"
         },
         {
           "name": "zIndex",
@@ -33507,8 +33679,144 @@
           "description": ""
         },
         {
-          "name": "onClick",
-          "type": "((event: CanvasEvent<CanvasButton>) => void) | undefined",
+          "name": "pilled",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "portalHoverEnabled",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "position",
+          "type": "\"absolute\" | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "right",
+          "type": "PositionValue | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "style",
+          "type": "Partial<CanvasFlexStyle> | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "tooltip",
+          "type": "CanvasNodeTooltipConfig | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "top",
+          "type": "PositionValue | undefined",
+          "required": false,
+          "description": ""
+        }
+      ],
+      "propsTypeName": "CanvasBadgeProps",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasBadge.ts",
+      "type": "standalone",
+      "category": "Локальные компоненты",
+      "keywords": [
+        "метка статуса",
+        "лейбл",
+        "status label"
+      ],
+      "hasCuratedMeta": true,
+      "parentComponent": "TableGlide",
+      "atomicMcpVersion": "0.360.0",
+      "importPath": "@daisforge/ui/components/TableGlide",
+      "importStatement": "import { CanvasBadge } from '@daisforge/ui/components/TableGlide';",
+      "minimalUsage": "<CanvasBadge text={'значение'} />",
+      "examples": [
+        {
+          "exportName": "Usage1",
+          "displayName": "Использование в CanvasBadge.stories.tsx",
+          "type": "usage",
+          "code": "<Canvas.Badge\n                text={text}\n                view={row.view}\n                size={size}\n                transparent={transparent}\n                clear={clear}\n                pilled={pilled}\n              />",
+          "sourceFile": "packages/storybook/src/stories/TableCanvas/CanvasElements/CanvasBadge/CanvasBadge.stories.tsx"
+        },
+        {
+          "exportName": "Usage2",
+          "displayName": "Использование в TableCanvas.subRows.stories.tsx",
+          "type": "usage",
+          "code": "<Canvas.Badge\n                      id=\"kek\"\n                      text={props.row?.tribeZone}\n                      view=\"accent\"\n                      size=\"m\"\n                    />",
+          "sourceFile": "packages/storybook/src/stories/TableCanvas/TableCanvas.SubRows/TableCanvas.subRows.stories.tsx"
+        }
+      ]
+    },
+    "CanvasButton": {
+      "name": "CanvasButton",
+      "group": "components",
+      "folderName": "TableGlide",
+      "role": "internal",
+      "description": "Кнопка с текстом и иконками для canvas-ячеек TableGlide (аналог Button)",
+      "props": [
+        {
+          "name": "children",
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        {
+          "name": "interaction",
+          "type": "CanvasInteractionOptions | undefined",
+          "required": false,
+          "description": "Декларативное описание поведения зоны внутри ячейки.\n\nСамый частый сценарий:\n`interaction={{ selection: 'keep', cellClick: 'stop', editor: 'never' }}`\n— элемент выполняет собственное действие и не должен менять selection,\nзапускать editor или вызывать внешний `onCellClicked`.\n\n`interaction={{ editor: 'open-on-click' }}` — элемент просит открыть\neditor текущей ячейки. Например стрелка select-ячейки."
+        },
+        {
+          "name": "leftIcon",
+          "type": "ButtonIcon",
+          "required": false,
+          "description": "Left icon (SVG string or image)"
+        },
+        {
+          "name": "rightIcon",
+          "type": "ButtonIcon",
+          "required": false,
+          "description": "Right icon (SVG string or image)"
+        },
+        {
+          "name": "size",
+          "type": "ButtonSize | undefined",
+          "required": false,
+          "description": "Button size"
+        },
+        {
+          "name": "view",
+          "type": "ButtonView | undefined",
+          "required": false,
+          "description": "Button view style based on sdds_finai__light theme"
+        },
+        {
+          "name": "zIndex",
+          "type": "number | undefined",
+          "required": false,
+          "description": "Локальный слой внутри canvas-root; рекомендуется использовать zIndex >= 0.\nЗначение суммируется по цепочке родителей и не является DOM z-index."
+        },
+        {
+          "name": "bottom",
+          "type": "PositionValue | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "left",
+          "type": "PositionValue | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "onClick",
+          "type": "((event: CanvasEvent<CanvasButton>) => void) | undefined",
           "required": false,
           "description": ""
         },
@@ -34015,109 +34323,128 @@
         }
       ]
     },
-    "CanvasRect": {
-      "name": "CanvasRect",
+    "CanvasImage": {
+      "name": "CanvasImage",
       "group": "components",
       "folderName": "TableGlide",
       "role": "internal",
-      "description": "Прямоугольник с заливкой и рамкой — примитив фона/разделителя в canvas-ячейке",
+      "description": "",
       "props": [
         {
-          "name": "interaction",
-          "type": "CanvasInteractionOptions | undefined",
+          "name": "bottom",
+          "type": "PositionValue | undefined",
           "required": false,
-          "description": "Декларативное описание поведения зоны внутри ячейки.\n\nСамый частый сценарий:\n`interaction={{ selection: 'keep', cellClick: 'stop', editor: 'never' }}`\n— элемент выполняет собственное действие и не должен менять selection,\nзапускать editor или вызывать внешний `onCellClicked`.\n\n`interaction={{ editor: 'open-on-click' }}` — элемент просит открыть\neditor текущей ячейки. Например стрелка select-ячейки."
+          "description": "Отступ от нижнего края родителя при абсолютном позиционировании."
         },
         {
-          "name": "zIndex",
-          "type": "number | undefined",
+          "name": "children",
+          "type": "undefined",
           "required": false,
-          "description": "Локальный слой внутри canvas-root; рекомендуется использовать zIndex >= 0.\nЗначение суммируется по цепочке родителей и не является DOM z-index."
+          "description": "Дочерние JSX-элементы запрещены: содержимое задаётся через свойства примитива."
         },
         {
-          "name": "borderColor",
-          "type": "string | undefined",
+          "name": "interaction",
+          "type": "CanvasInteractionOptions | undefined",
           "required": false,
-          "description": ""
+          "description": "Декларативное описание поведения зоны внутри ячейки.\n\nСамый частый сценарий:\n`interaction={{ selection: 'keep', cellClick: 'stop', editor: 'never' }}`\n— элемент выполняет собственное действие и не должен менять selection,\nзапускать editor или вызывать внешний `onCellClicked`.\n\n`interaction={{ editor: 'open-on-click' }}` — элемент просит открыть\neditor текущей ячейки. Например стрелка select-ячейки."
         },
         {
-          "name": "borderWidth",
-          "type": "number | undefined",
+          "name": "left",
+          "type": "PositionValue | undefined",
           "required": false,
-          "description": ""
+          "description": "Отступ от левого края родителя при абсолютном позиционировании."
         },
         {
-          "name": "bottom",
-          "type": "PositionValue | undefined",
+          "name": "onClick",
+          "type": "((event: CanvasEvent<CanvasImage>) => void) | undefined",
           "required": false,
-          "description": ""
+          "description": "Обработчик клика по элементу; дополняет внутреннее поведение примитива."
         },
         {
-          "name": "left",
-          "type": "PositionValue | undefined",
+          "name": "onMouseEnter",
+          "type": "((event: CanvasEvent<CanvasImage>) => void) | undefined",
           "required": false,
-          "description": ""
+          "description": "Обработчик входа указателя в элемент; дополняет внутреннее поведение примитива."
+        },
+        {
+          "name": "onMouseLeave",
+          "type": "((event: CanvasEvent<CanvasImage>) => void) | undefined",
+          "required": false,
+          "description": "Обработчик выхода указателя из элемента; дополняет внутреннее поведение примитива."
         },
         {
           "name": "portalHoverEnabled",
           "type": "boolean | undefined",
           "required": false,
-          "description": ""
+          "description": "Включает передачу hover-событий в портал; наличие tooltip также включает её."
         },
         {
           "name": "position",
-          "type": "\"absolute\" | undefined",
+          "type": "\"relative\" | \"absolute\" | undefined",
           "required": false,
-          "description": ""
+          "description": "Способ размещения: в потоке flex-layout или по абсолютным отступам."
         },
         {
           "name": "right",
           "type": "PositionValue | undefined",
           "required": false,
-          "description": ""
+          "description": "Отступ от правого края родителя при абсолютном позиционировании."
         },
         {
           "name": "style",
           "type": "Partial<CanvasFlexStyle> | undefined",
           "required": false,
-          "description": ""
+          "description": "Параметры flex-layout, размеры и курсор canvas-ноды."
         },
         {
           "name": "tooltip",
           "type": "CanvasNodeTooltipConfig | undefined",
           "required": false,
-          "description": ""
+          "description": "Подсказка элемента, отображаемая через портал таблицы."
         },
         {
           "name": "top",
           "type": "PositionValue | undefined",
           "required": false,
-          "description": ""
+          "description": "Отступ от верхнего края родителя при абсолютном позиционировании."
+        },
+        {
+          "name": "zIndex",
+          "type": "number | undefined",
+          "required": false,
+          "description": "Локальный слой внутри canvas-root; рекомендуется использовать zIndex >= 0.\nЗначение суммируется по цепочке родителей и не является DOM z-index."
+        },
+        {
+          "name": "fit",
+          "type": "ImageFit | undefined",
+          "required": false,
+          "description": "Масштабирование в границах элемента: cover — обрезка, contain — вписывание, fill — растяжение. По умолчанию cover."
         }
       ],
-      "propsTypeName": "CanvasRectProps",
-      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasRect.ts",
+      "propsTypeName": "CanvasImageProps",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasImage.ts",
       "type": "standalone",
-      "category": "Локальные компоненты",
-      "keywords": [
-        "фон ячейки",
-        "разделитель",
-        "прямоугольник"
-      ],
-      "hasCuratedMeta": true,
       "parentComponent": "TableGlide",
       "atomicMcpVersion": "0.360.0",
       "importPath": "@daisforge/ui/components/TableGlide",
-      "importStatement": "import { CanvasRect } from '@daisforge/ui/components/TableGlide';",
-      "minimalUsage": "<CanvasRect />",
-      "examples": []
+      "importStatement": "import { CanvasImage } from '@daisforge/ui/components/TableGlide';",
+      "minimalUsage": "<CanvasImage />",
+      "examples": [
+        {
+          "exportName": "Usage",
+          "displayName": "Использование в CanvasImage.stories.tsx",
+          "type": "usage",
+          "code": "<Canvas.Image\n            src={row.src}\n            fit={fit}\n            style={{ width: 88, height: 88 }}\n          />",
+          "sourceFile": "packages/storybook/src/stories/TableCanvas/CanvasElements/CanvasImage/CanvasImage.stories.tsx"
+        }
+      ]
     },
-    "CanvasText": {
-      "name": "CanvasText",
+    "CanvasLink": {
+      "name": "CanvasLink",
       "group": "components",
       "folderName": "TableGlide",
       "role": "internal",
-      "description": "Текстовый узел canvas TableGlide: перенос строк, ellipsis, авто-тултип при обрезке",
+      "description": "Ссылка с подчёркиванием и переходом по href внутри canvas-ячейки TableGlide",
       "props": [
         {
           "name": "interaction",
@@ -34149,6 +34476,12 @@
           "required": false,
           "description": ""
         },
+        {
+          "name": "onClick",
+          "type": "((event: CanvasEvent<CanvasLink>) => void) | undefined",
+          "required": false,
+          "description": ""
+        },
         {
           "name": "portalHoverEnabled",
           "type": "boolean | undefined",
@@ -34228,44 +34561,88 @@
           "description": ""
         }
       ],
-      "propsTypeName": "CanvasTextProps",
-      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasText.ts",
-      "type": "standalone",
+      "propsTypeName": "CanvasLinkProps",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasLink.ts",
+      "type": "wrapper",
+      "atomicBase": "Link",
+      "wrapsInternal": "Link",
       "category": "Локальные компоненты",
       "keywords": [
-        "перенос текста",
-        "обрезка текста",
-        "многострочный текст"
+        "гиперссылка",
+        "переход по клику",
+        "canvas hyperlink"
       ],
       "hasCuratedMeta": true,
       "parentComponent": "TableGlide",
+      "inheritedProps": [
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": false,
+          "inheritedFrom": "Link",
+          "inheritedPackage": "@salutejs/sdds-finai"
+        },
+        {
+          "name": "size",
+          "type": "string",
+          "required": false,
+          "inheritedFrom": "Link",
+          "inheritedPackage": "@salutejs/sdds-finai"
+        },
+        {
+          "name": "underline",
+          "type": "\"none\" | \"hover\" | \"always\"",
+          "required": false,
+          "inheritedFrom": "Link",
+          "inheritedPackage": "@salutejs/sdds-finai"
+        },
+        {
+          "name": "view",
+          "type": "\"clear\" | \"default\" | \"accent\" | \"positive\" | \"warning\" | \"negative\" | \"secondary\" | \"tertiary\" | \"paragraph\"",
+          "required": false,
+          "inheritedFrom": "Link",
+          "inheritedPackage": "@salutejs/sdds-finai"
+        }
+      ],
       "atomicMcpVersion": "0.360.0",
       "importPath": "@daisforge/ui/components/TableGlide",
-      "importStatement": "import { CanvasText } from '@daisforge/ui/components/TableGlide';",
-      "minimalUsage": "<CanvasText />",
+      "importStatement": "import { CanvasLink } from '@daisforge/ui/components/TableGlide';",
+      "minimalUsage": "<CanvasLink />",
       "examples": [
         {
           "exportName": "Usage1",
-          "displayName": "Использование в CanvasText.stories.tsx",
+          "displayName": "Использование в CanvasLink.stories.tsx",
           "type": "usage",
-          "code": "<Canvas.Text\n                color={color || theme.textDark}\n                font={font || theme.baseFontStyle}\n                wordWrap={wordWrap}\n                overflow={overflow}\n                textOverflow={textOverflow}\n                ellipsis={ellipsis}\n                maxLines={resolvedMaxLines}\n                lineHeight={lineHeight}\n                style={{ flexGrow: 1 }}\n                autoTooltip={{\n                  enabled: true,\n                }}\n              >\n                {row.id === 1 ? text : row.longText}\n              </Canvas.Text>",
-          "sourceFile": "packages/storybook/src/stories/TableCanvas/CanvasElements/CanvasText/CanvasText.stories.tsx"
+          "code": "<Canvas.Link\n                view={row.view}\n                href={href}\n                target=\"_blank\"\n                disabled={disabled}\n              >\n                {text}\n              </Canvas.Link>",
+          "sourceFile": "packages/storybook/src/stories/TableCanvas/CanvasElements/CanvasLink/CanvasLink.stories.tsx"
         },
         {
           "exportName": "Usage2",
-          "displayName": "Использование в TableCanvasTooltip.stories.tsx",
+          "displayName": "Использование в CanvasText.stories.tsx",
           "type": "usage",
-          "code": "<Canvas.Text\n              overflow=\"hidden\"\n              textOverflow=\"ellipsis\"\n              autoTooltip\n              style={{ flexGrow: 1 }}\n            >\n              {`${row.task}: ${longText}`}\n            </Canvas.Text>",
-          "sourceFile": "packages/storybook/src/stories/TableCanvas/TableCanvas.Tooltip/TableCanvasTooltip.stories.tsx"
+          "code": "<Canvas.Link>{row.shortName}</Canvas.Link>",
+          "sourceFile": "packages/storybook/src/stories/TableCanvas/CanvasElements/CanvasText/CanvasText.stories.tsx"
+        },
+        {
+          "exportName": "Vendor1",
+          "displayName": "Использование Использование",
+          "type": "vendor",
+          "code": "import React from 'react';\nimport { TextS, Link } from '@daisforge/ui/components/TableGlide';\nexport function App() {\n    return (\n        <TextS>\n            Скачайте <Link href=\"/\" target=\"_blank\">приложение.</Link>\n        </TextS>\n    );\n}"
+        },
+        {
+          "exportName": "Vendor2",
+          "displayName": "Подчёркивание Подчёркивание Prop  underline  управляет режимом подчёркивания ссылки",
+          "type": "vendor",
+          "code": "import React from 'react';\nimport { TextS, Link } from '@daisforge/ui/components/TableGlide';\nexport function App() {\n    return (\n        <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n            <TextS><Link href=\"/\" underline=\"none\">Без подчёркивания</Link></TextS>\n            <TextS><Link href=\"/\" underline=\"hover\">Подчёркивание при наведении</Link></TextS>\n            <TextS><Link href=\"/\" underline=\"always\">Всегда подчёркнута</Link></TextS>\n        </div>\n    );\n}"
         }
       ]
     },
-    "CanvasLink": {
-      "name": "CanvasLink",
+    "CanvasRect": {
+      "name": "CanvasRect",
       "group": "components",
       "folderName": "TableGlide",
       "role": "internal",
-      "description": "Ссылка с подчёркиванием и переходом по href внутри canvas-ячейки TableGlide",
+      "description": "Прямоугольник с заливкой и рамкой — примитив фона/разделителя в canvas-ячейке",
       "props": [
         {
           "name": "interaction",
@@ -34279,6 +34656,18 @@
           "required": false,
           "description": "Локальный слой внутри canvas-root; рекомендуется использовать zIndex >= 0.\nЗначение суммируется по цепочке родителей и не является DOM z-index."
         },
+        {
+          "name": "borderColor",
+          "type": "string | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "borderWidth",
+          "type": "number | undefined",
+          "required": false,
+          "description": ""
+        },
         {
           "name": "bottom",
           "type": "PositionValue | undefined",
@@ -34286,20 +34675,107 @@
           "description": ""
         },
         {
-          "name": "font",
-          "type": "string | undefined",
+          "name": "left",
+          "type": "PositionValue | undefined",
           "required": false,
           "description": ""
         },
         {
-          "name": "left",
+          "name": "portalHoverEnabled",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "position",
+          "type": "\"absolute\" | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "right",
           "type": "PositionValue | undefined",
           "required": false,
           "description": ""
         },
         {
-          "name": "onClick",
-          "type": "((event: CanvasEvent<CanvasLink>) => void) | undefined",
+          "name": "style",
+          "type": "Partial<CanvasFlexStyle> | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "tooltip",
+          "type": "CanvasNodeTooltipConfig | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "top",
+          "type": "PositionValue | undefined",
+          "required": false,
+          "description": ""
+        }
+      ],
+      "propsTypeName": "CanvasRectProps",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasRect.ts",
+      "type": "standalone",
+      "category": "Локальные компоненты",
+      "keywords": [
+        "фон ячейки",
+        "разделитель",
+        "прямоугольник"
+      ],
+      "hasCuratedMeta": true,
+      "parentComponent": "TableGlide",
+      "atomicMcpVersion": "0.360.0",
+      "importPath": "@daisforge/ui/components/TableGlide",
+      "importStatement": "import { CanvasRect } from '@daisforge/ui/components/TableGlide';",
+      "minimalUsage": "<CanvasRect />",
+      "examples": [
+        {
+          "exportName": "Usage",
+          "displayName": "Использование в CanvasImage.stories.tsx",
+          "type": "usage",
+          "code": "<Canvas.Rect\n            position=\"absolute\"\n            left={0}\n            top={0}\n            style={{ width: 88, height: 88 }}\n            borderColor={theme.tokens.outlineAccent}\n            borderWidth={1}\n            zIndex={1}\n          />",
+          "sourceFile": "packages/storybook/src/stories/TableCanvas/CanvasElements/CanvasImage/CanvasImage.stories.tsx"
+        }
+      ]
+    },
+    "CanvasText": {
+      "name": "CanvasText",
+      "group": "components",
+      "folderName": "TableGlide",
+      "role": "internal",
+      "description": "Текстовый узел canvas TableGlide: перенос строк, ellipsis, авто-тултип при обрезке",
+      "props": [
+        {
+          "name": "interaction",
+          "type": "CanvasInteractionOptions | undefined",
+          "required": false,
+          "description": "Декларативное описание поведения зоны внутри ячейки.\n\nСамый частый сценарий:\n`interaction={{ selection: 'keep', cellClick: 'stop', editor: 'never' }}`\n— элемент выполняет собственное действие и не должен менять selection,\nзапускать editor или вызывать внешний `onCellClicked`.\n\n`interaction={{ editor: 'open-on-click' }}` — элемент просит открыть\neditor текущей ячейки. Например стрелка select-ячейки."
+        },
+        {
+          "name": "zIndex",
+          "type": "number | undefined",
+          "required": false,
+          "description": "Локальный слой внутри canvas-root; рекомендуется использовать zIndex >= 0.\nЗначение суммируется по цепочке родителей и не является DOM z-index."
+        },
+        {
+          "name": "bottom",
+          "type": "PositionValue | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "font",
+          "type": "string | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "left",
+          "type": "PositionValue | undefined",
           "required": false,
           "description": ""
         },
@@ -34382,79 +34858,35 @@
           "description": ""
         }
       ],
-      "propsTypeName": "CanvasLinkProps",
-      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasLink.ts",
-      "type": "wrapper",
-      "atomicBase": "Link",
-      "wrapsInternal": "Link",
+      "propsTypeName": "CanvasTextProps",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasText.ts",
+      "type": "standalone",
       "category": "Локальные компоненты",
       "keywords": [
-        "гиперссылка",
-        "переход по клику",
-        "canvas hyperlink"
+        "перенос текста",
+        "обрезка текста",
+        "многострочный текст"
       ],
       "hasCuratedMeta": true,
       "parentComponent": "TableGlide",
-      "inheritedProps": [
-        {
-          "name": "disabled",
-          "type": "boolean",
-          "required": false,
-          "inheritedFrom": "Link",
-          "inheritedPackage": "@salutejs/sdds-finai"
-        },
-        {
-          "name": "size",
-          "type": "string",
-          "required": false,
-          "inheritedFrom": "Link",
-          "inheritedPackage": "@salutejs/sdds-finai"
-        },
-        {
-          "name": "underline",
-          "type": "\"none\" | \"hover\" | \"always\"",
-          "required": false,
-          "inheritedFrom": "Link",
-          "inheritedPackage": "@salutejs/sdds-finai"
-        },
-        {
-          "name": "view",
-          "type": "\"clear\" | \"default\" | \"accent\" | \"positive\" | \"warning\" | \"negative\" | \"secondary\" | \"tertiary\" | \"paragraph\"",
-          "required": false,
-          "inheritedFrom": "Link",
-          "inheritedPackage": "@salutejs/sdds-finai"
-        }
-      ],
       "atomicMcpVersion": "0.360.0",
       "importPath": "@daisforge/ui/components/TableGlide",
-      "importStatement": "import { CanvasLink } from '@daisforge/ui/components/TableGlide';",
-      "minimalUsage": "<CanvasLink />",
+      "importStatement": "import { CanvasText } from '@daisforge/ui/components/TableGlide';",
+      "minimalUsage": "<CanvasText />",
       "examples": [
         {
           "exportName": "Usage1",
-          "displayName": "Использование в CanvasLink.stories.tsx",
-          "type": "usage",
-          "code": "<Canvas.Link\n                view={row.view}\n                href={href}\n                target=\"_blank\"\n                disabled={disabled}\n              >\n                {text}\n              </Canvas.Link>",
-          "sourceFile": "packages/storybook/src/stories/TableCanvas/CanvasElements/CanvasLink/CanvasLink.stories.tsx"
-        },
-        {
-          "exportName": "Usage2",
           "displayName": "Использование в CanvasText.stories.tsx",
           "type": "usage",
-          "code": "<Canvas.Link>{row.shortName}</Canvas.Link>",
+          "code": "<Canvas.Text\n                color={color || theme.textDark}\n                font={font || theme.baseFontStyle}\n                wordWrap={wordWrap}\n                overflow={overflow}\n                textOverflow={textOverflow}\n                ellipsis={ellipsis}\n                maxLines={resolvedMaxLines}\n                lineHeight={lineHeight}\n                style={{ flexGrow: 1 }}\n                autoTooltip={{\n                  enabled: true,\n                }}\n              >\n                {row.id === 1 ? text : row.longText}\n              </Canvas.Text>",
           "sourceFile": "packages/storybook/src/stories/TableCanvas/CanvasElements/CanvasText/CanvasText.stories.tsx"
         },
         {
-          "exportName": "Vendor1",
-          "displayName": "Использование Использование",
-          "type": "vendor",
-          "code": "import React from 'react';\nimport { TextS, Link } from '@daisforge/ui/components/TableGlide';\nexport function App() {\n    return (\n        <TextS>\n            Скачайте <Link href=\"/\" target=\"_blank\">приложение.</Link>\n        </TextS>\n    );\n}"
-        },
-        {
-          "exportName": "Vendor2",
-          "displayName": "Подчёркивание Подчёркивание Prop  underline  управляет режимом подчёркивания ссылки",
-          "type": "vendor",
-          "code": "import React from 'react';\nimport { TextS, Link } from '@daisforge/ui/components/TableGlide';\nexport function App() {\n    return (\n        <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n            <TextS><Link href=\"/\" underline=\"none\">Без подчёркивания</Link></TextS>\n            <TextS><Link href=\"/\" underline=\"hover\">Подчёркивание при наведении</Link></TextS>\n            <TextS><Link href=\"/\" underline=\"always\">Всегда подчёркнута</Link></TextS>\n        </div>\n    );\n}"
+          "exportName": "Usage2",
+          "displayName": "Использование в TableCanvasTooltip.stories.tsx",
+          "type": "usage",
+          "code": "<Canvas.Text\n              overflow=\"hidden\"\n              textOverflow=\"ellipsis\"\n              autoTooltip\n              style={{ flexGrow: 1 }}\n            >\n              {`${row.task}: ${longText}`}\n            </Canvas.Text>",
+          "sourceFile": "packages/storybook/src/stories/TableCanvas/TableCanvas.Tooltip/TableCanvasTooltip.stories.tsx"
         }
       ]
     },
@@ -35257,14 +35689,17 @@
       "relatedExports": [
         "CanvasContainer",
         "CanvasNode",
+        "CanvasAvatar",
+        "CanvasAvatarGroup",
         "CanvasBadge",
         "CanvasButton",
         "CanvasEmbedIconButton",
         "CanvasIcon",
         "CanvasIconButton",
+        "CanvasImage",
+        "CanvasLink",
         "CanvasRect",
         "CanvasText",
-        "CanvasLink",
         "Canvas",
         "RootBridge"
       ],
@@ -39360,7 +39795,7 @@
           "exportName": "Usage1",
           "displayName": "Использование в TourWidget.examples.tsx",
           "type": "usage",
-          "code": "<TourWidget.Bullets\n              count={tourStepsCount}\n              $css={{ marginInline: 'auto' }}\n            />",
+          "code": "<TourWidget.Bullets\n            count={tourStepsCount}\n            $css={{ marginInline: 'auto' }}\n          />",
           "sourceFile": "packages/storybook/src/stories/TourWidget/TourWidget.examples.tsx"
         },
         {
@@ -39410,14 +39845,14 @@
           "exportName": "Usage1",
           "displayName": "Использование в TourWidget.examples.tsx",
           "type": "usage",
-          "code": "<TourWidget.Content>\n          <MediaPlaceholder width={266} height={266} />\n        </TourWidget.Content>",
+          "code": "<TourWidget.Content>\n        <MediaPlaceholder width={266} height={266} />\n      </TourWidget.Content>",
           "sourceFile": "packages/storybook/src/stories/TourWidget/TourWidget.examples.tsx"
         },
         {
           "exportName": "Usage2",
           "displayName": "Использование в TourWidget.examples.tsx",
           "type": "usage",
-          "code": "<TourWidget.Content>\n          <MediaPlaceholder width={240} height={240} />\n        </TourWidget.Content>",
+          "code": "<TourWidget.Content>\n        <MediaPlaceholder width={240} height={240} />\n      </TourWidget.Content>",
           "sourceFile": "packages/storybook/src/stories/TourWidget/TourWidget.examples.tsx"
         }
       ]
@@ -39460,14 +39895,14 @@
           "exportName": "Usage1",
           "displayName": "Использование в TourWidget.examples.tsx",
           "type": "usage",
-          "code": "<TourWidget.Footer>\n          <Box\n            $css={{\n              display: 'flex',\n              flexDirection: 'column',\n            }}\n          >\n            <TourWidget.Bullets\n              count={tourStepsCount}\n              $css={{ marginInline: 'auto' }}\n            />\n            <Box\n              $css={{\n                display: 'flex',\n                flexDirection: 'row',\n                gap: '4px',\n                marginTop: '20px',\n              }}\n            >\n              <Button\n                size=\"s\"\n                stretching=\"filled\"\n                view=\"secondary\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current - 1, tourStepsCount),\n                  )\n                }\n              >\n                Назад\n              </Button>\n              <Button\n                stretching=\"filled\"\n                size=\"s\"\n                view=\"white\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current + 1, tourStepsCount),\n                  )\n                }\n              >\n                Далее\n              </Button>\n            </Box>\n            <LinkButton\n              size=\"s\"\n              view=\"default\"\n              onClick={() => setActiveStepIndex(0)}\n            >\n              Пропустить всё\n            </LinkButton>\n          </Box>\n        </TourWidget.Footer>",
+          "code": "<TourWidget.Footer>\n        <Box\n          $css={{\n            display: 'flex',\n            flexDirection: 'column',\n          }}\n        >\n          <TourWidget.Bullets\n            count={tourStepsCount}\n            $css={{ marginInline: 'auto' }}\n          />\n          <Box\n            $css={{\n              display: 'flex',\n              flexDirection: 'row',\n              gap: '4px',\n              marginTop: '20px',\n            }}\n          >\n            <Button\n              size=\"s\"\n              stretching=\"filled\"\n              view=\"secondary\"\n              onClick={() =>\n                setActiveStepIndex((current) =>\n                  clampStep(current - 1, tourStepsCount),\n                )\n              }\n            >\n              Назад\n            </Button>\n            <Button\n              stretching=\"filled\"\n              size=\"s\"\n              view=\"default\"\n              onClick={() =>\n                setActiveStepIndex((current) =>\n                  clampStep(current + 1, tourStepsCount),\n                )\n              }\n            >\n              Далее\n            </Button>\n          </Box>\n          <LinkButton\n            size=\"s\"\n            view=\"default\"\n            onClick={() => setActiveStepIndex(0)}\n          >\n            Пропустить всё\n          </LinkButton>\n        </Box>\n      </TourWidget.Footer>",
           "sourceFile": "packages/storybook/src/stories/TourWidget/TourWidget.examples.tsx"
         },
         {
           "exportName": "Usage2",
           "displayName": "Использование в TourWidget.examples.tsx",
           "type": "usage",
-          "code": "<TourWidget.Footer>\n          <Box\n            $css={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              gap: '32px',\n              width: '100%',\n            }}\n          >\n            <Box\n              $css={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '32px',\n                minWidth: 0,\n              }}\n            >\n              <LinkButton\n                size=\"s\"\n                view=\"default\"\n                onClick={() => setActiveStepIndex(0)}\n              >\n                Пропустить всё\n              </LinkButton>\n              <TourWidget.Bullets count={tourStepsCount} />\n            </Box>\n            <Box\n              $css={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '4px',\n              }}\n            >\n              <Button\n                size=\"s\"\n                view=\"secondary\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current - 1, tourStepsCount),\n                  )\n                }\n              >\n                Назад\n              </Button>\n              <Button\n                size=\"s\"\n                view=\"white\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current + 1, tourStepsCount),\n                  )\n                }\n              >\n                Далее\n              </Button>\n            </Box>\n          </Box>\n        </TourWidget.Footer>",
+          "code": "<TourWidget.Footer>\n        <Box\n          $css={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            gap: '32px',\n            width: '100%',\n          }}\n        >\n          <Box\n            $css={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '32px',\n              minWidth: 0,\n            }}\n          >\n            <LinkButton\n              size=\"s\"\n              view=\"default\"\n              onClick={() => setActiveStepIndex(0)}\n            >\n              Пропустить всё\n            </LinkButton>\n            <TourWidget.Bullets count={tourStepsCount} />\n          </Box>\n          <Box\n            $css={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '4px',\n            }}\n          >\n            <Button\n              size=\"s\"\n              view=\"secondary\"\n              onClick={() =>\n                setActiveStepIndex((current) =>\n                  clampStep(current - 1, tourStepsCount),\n                )\n              }\n            >\n              Назад\n            </Button>\n            <Button\n              size=\"s\"\n              view=\"default\"\n              onClick={() =>\n                setActiveStepIndex((current) =>\n                  clampStep(current + 1, tourStepsCount),\n                )\n              }\n            >\n              Далее\n            </Button>\n          </Box>\n        </Box>\n      </TourWidget.Footer>",
           "sourceFile": "packages/storybook/src/stories/TourWidget/TourWidget.examples.tsx"
         }
       ]
@@ -39529,7 +39964,7 @@
           "exportName": "Usage2",
           "displayName": "Использование в TourWidget.examples.tsx",
           "type": "usage",
-          "code": "<TourWidget.Header\n          title={'Знакомьтесь:\\nновые возможности'}\n          description={\n            'Режимы просмотра\\nОбщий реестр — все пилоты со статусом «В реестре»\\n• Мои пилоты — только ваши проекты, включая черновики'\n          }\n        />",
+          "code": "<TourWidget.Header\n        title={'Знакомьтесь:\\nновые возможности'}\n        description={\n          'Режимы просмотра\\nОбщий реестр — все пилоты со статусом «В реестре»\\n• Мои пилоты — только ваши проекты, включая черновики'\n        }\n      />",
           "sourceFile": "packages/storybook/src/stories/TourWidget/TourWidget.examples.tsx"
         }
       ]
@@ -39662,44 +40097,44 @@
         "онбординг",
         "степ-виджет"
       ],
-      "docs": "# TourWidget\n\n`TourWidget` — локальная compound-обертка для карточки тура. Компонент отвечает за внешний вид, раскладку, фон, буллеты и пульсацию через mixin, но не управляет сценарием тура, переходами между шагами и позиционированием относительно target-элемента.\n\n## Ключевые особенности\n\n- Две ориентации: `vertical` и `horizontal`.\n- Compound API: `TourWidget.Header`, `TourWidget.Content`, `TourWidget.Footer`, `TourWidget.Bullets`, `TourWidget.Bullet`.\n- Заголовок и описание сохраняют переводы строк `\\n` (`white-space: pre-line`); повторяющиеся пробелы схлопываются, автоматический перенос по ширине сохраняется.\n- Активный шаг передается в `TourWidget` через `activeStepIndex`, а `Bullet` читает его автоматически.\n- `Content` не фиксирует размер вложенного элемента и дает ему занять `100%`.\n- `$css` есть у корневого компонента и compound-частей для локального переопределения стилей.\n- Пульсация вынесена в `tourPulseMixin` и применяется отдельно к target-элементу.\n\n## Использование\n\n```tsx\n\n```\n\nБазовая схема работы:\n\n```tsx\nconst [activeStepIndex, setActiveStepIndex] = useState(0);\n\n<ViewContainer view=\"onDark\">\n  <TourWidget\n    activeStepIndex={activeStepIndex}\n    $css={{ width: '286px', height: '480px' }}\n  >\n    <TourWidget.Content>\n      <Box as=\"img\" src={imageSrc} alt=\"\" $css={{ width: '100%' }} />\n    </TourWidget.Content>\n    <TourWidget.Header title=\"Title\" description=\"Description\" />\n    <TourWidget.Footer>\n      <TourWidget.Bullets count={steps.length} />\n      <Button onClick={() => setActiveStepIndex((step) => step + 1)}>\n        Далее\n      </Button>\n    </TourWidget.Footer>\n  </TourWidget>\n</ViewContainer>;\n```\n\n## Compound-компоненты\n\n- `TourWidget.Header` — выводит `title`, `description` и дополнительные `children`.\n- `TourWidget.Content` — область под изображение, видео, иллюстрацию или любой ReactNode.\n- `TourWidget.Footer` — произвольная зона для кнопок, ссылки пропуска и буллетов.\n- `TourWidget.Bullets` — контейнер, который рисует массив буллетов по `count`; если буллетов больше семи, отображает окно максимум на 7 точек, прокручивает его по `activeStepIndex`, а крайние видимые точки уменьшаются до `6px`, когда за ними есть скрытые шаги.\n- `TourWidget.Bullet` — низкоуровневый визуальный индикатор шага. Активность считается как `active ?? index === activeStepIndex`.\n\n## Правильная композиция\n\n`TourWidget.Header`, `TourWidget.Content` и `TourWidget.Footer` нужно вкладывать напрямую в `TourWidget`. Компонент использует эти части как слоты: так он понимает, есть ли в туре медиа-зона, и выбирает корректную раскладку для `horizontal` и `vertical`.\n\nПравильно:\n\n```tsx\n<TourWidget orientation=\"horizontal\">\n  <TourWidget.Content>\n    <Box as=\"img\" src={imageSrc} alt=\"\" $css={{ width: '100%' }} />\n  </TourWidget.Content>\n  <TourWidget.Header title=\"Title\" description=\"Description\" />\n  <TourWidget.Footer>\n    <TourWidget.Bullets count={steps.length} />\n  </TourWidget.Footer>\n</TourWidget>\n```\n\nЕсли нужен свой wrapper для картинки, кнопок или текста, размещайте его внутри соответствующего slot-компонента.\n\n```tsx\n<TourWidget orientation=\"horizontal\">\n  <TourWidget.Content>\n    <MyImageWrapper>\n      <Box as=\"img\" src={imageSrc} alt=\"\" />\n    </MyImageWrapper>\n  </TourWidget.Content>\n  <TourWidget.Header>\n    <MyHeaderContent />\n  </TourWidget.Header>\n  <TourWidget.Footer>\n    <MyFooterContent />\n  </TourWidget.Footer>\n</TourWidget>\n```\n\nНе оборачивайте сам `TourWidget.Content` во внешний компонент. В таком случае `TourWidget` не сможет определить медиа-зону как свой прямой slot и горизонтальная раскладка будет работать как вариант без `Content`.\n\n```tsx\n<TourWidget orientation=\"horizontal\">\n  <MyContentWrapper>\n    <TourWidget.Content>\n      <Box as=\"img\" src={imageSrc} alt=\"\" />\n    </TourWidget.Content>\n  </MyContentWrapper>\n  <TourWidget.Header title=\"Title\" />\n  <TourWidget.Footer />\n</TourWidget>\n```\n\n## Активный шаг\n\n`activeStepIndex` хранится на корневом `TourWidget`. Внутри компонент создает локальный context, поэтому не нужно импортировать `Provider` или прокидывать `active` в каждый буллет.\n\n```tsx\n<TourWidget activeStepIndex={5}>\n  <TourWidget.Footer>\n    <TourWidget.Bullets count={10} />\n  </TourWidget.Footer>\n</TourWidget>\n```\n\nДля переключения шагов используйте свои кнопки или другой внешний контрол. `TourWidget.Bullets` не кликабельный и только отображает `activeStepIndex`.\n\n```tsx\n<TourWidget activeStepIndex={activeStepIndex}>\n  <TourWidget.Footer>\n    <TourWidget.Bullets count={10} />\n    <Button onClick={() => setActiveStepIndex((step) => step + 1)}>\n      Далее\n    </Button>\n  </TourWidget.Footer>\n</TourWidget>\n```\n\nЕсли нужна полностью ручная раскладка или состояние отдельной точки, используйте низкоуровневый `TourWidget.Bullet` и передайте `active`.\n\n## Content\n\n`TourWidget.Content` не задает жесткий размер медиа. Размер определяет вложенная нода или стиль самого `Content`.\n\n```tsx\n<TourWidget.Content>\n  <Box\n    as=\"img\"\n    src={imageSrc}\n    alt=\"\"\n    $css={{ width: '270px', height: '270px' }}\n  />\n</TourWidget.Content>\n```\n\n## Пульсация\n\nПульсация не встроена в `TourWidget`, потому что target-элемент и позиционирование тура контролируются снаружи. Для target используется `tourPulseMixin`.\n\n```tsx\n\nconst Target = styled(Box)`\n  position: relative;\n\n  &::after {\n    content: '';\n    position: absolute;\n    ${tourPulseMixin()}\n  }\n`;\n```\n\nПо умолчанию `tourPulseMixin` сам задает `inset: -4px` и `border-radius: 16px` и не добавляет заливку на target.\n\n## Темная тема\n\n`TourWidget` всегда используется на темной поверхности. Если внутри футера есть SDDS-кнопки или ссылки, оборачивайте композицию в `ViewContainer view=\"onDark\"`, чтобы вложенные controls взяли on-dark токены без ручных переопределений цвета.\n\n```tsx\n<ViewContainer view=\"onDark\">\n  <TourWidget activeStepIndex={activeStepIndex}>\n    <TourWidget.Footer>\n      <Button view=\"secondary\">Назад</Button>\n      <Button view=\"white\">Далее</Button>\n    </TourWidget.Footer>\n  </TourWidget>\n</ViewContainer>\n```\n\n## CSS-переменные\n\nКорневой `$css` можно использовать для точечной настройки внешнего вида.\n\n```tsx\n<TourWidget\n  $css={{\n    '--tour-widget-min-width': '0',\n    '--tour-widget-border-radius': '16px',\n    '--tour-widget-gradient-frame-height': '34%',\n    '--tour-widget-gradient-frame-fade': '56%',\n  }}\n/>\n```\n\n## Особенности\n\n- `TourWidget` не содержит positioner и не добавляет зависимость на `floating-ui`.\n- Компонент не хранит шаги и не переключает их сам, только отображает `activeStepIndex`.\n- `TourWidget.Bullet` — это span-индикатор, а не интерактивная кнопка.\n- `TourWidget.Bullets` — это div-viewport со сдвигающимся треком точек; при `count > 7` видны максимум семь буллетов.\n\nОписание типов — в разделе [API](?path=/docs/локальные-компоненты-tourwidget-api--docs).",
-      "apiDocs": "# TourWidget API\n\n## TourWidgetOrientation\n\n```typescript\ntype TourWidgetOrientation = 'vertical' | 'horizontal';\n```\n\n## TourWidgetCss\n\n```typescript\ntype TourWidgetCss = string | CSSObject | FlattenSimpleInterpolation;\n```\n\n## TourWidgetProps\n\n```typescript\ntype TourWidgetProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * @default 'vertical'\n   */\n  orientation?: TourWidgetOrientation;\n  /**\n   * Активный шаг тура. Нумерация с нуля.\n   */\n  activeStepIndex?: number;\n  $css?: TourWidgetCss;\n};\n```\n\n## TourWidget.Header\n\n```typescript\ntype TourWidgetHeaderProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'title'\n> & {\n  title?: ReactNode;\n  description?: ReactNode;\n  $css?: TourWidgetCss;\n};\n```\n\n## TourWidget.Content\n\n```typescript\ntype TourWidgetContentProps = ComponentPropsWithoutRef<'div'> & {\n  children?: ReactNode;\n  $css?: TourWidgetCss;\n};\n```\n\n## TourWidget.Footer\n\n```typescript\ntype TourWidgetFooterProps = ComponentPropsWithoutRef<'div'> & {\n  children?: ReactNode;\n  $css?: TourWidgetCss;\n};\n```\n\n## TourWidget.Bullets\n\n```typescript\ntype TourWidgetBulletsProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'children' | 'onClick'\n> & {\n  count: number;\n  $css?: TourWidgetCss;\n};\n```\n\n## TourWidget.Bullet\n\n```typescript\ntype TourWidgetBulletProps = Omit<\n  ComponentPropsWithoutRef<'span'>,\n  'onClick'\n> & {\n  /**\n   * Индекс буллета. Сравнивается с `TourWidget.activeStepIndex`.\n   */\n  index?: number;\n  /**\n   * Ручное переопределение активного состояния.\n   */\n  active?: boolean;\n  $css?: TourWidgetCss;\n};\n```",
+      "docs": "# TourWidget\n\n`TourWidget` — локальная compound-обертка для карточки тура. Компонент отвечает за внешний вид, раскладку, фон, буллеты и пульсацию через mixin, но не управляет сценарием тура, переходами между шагами и позиционированием относительно target-элемента.\n\n## Ключевые особенности\n\n- Две ориентации: `vertical` и `horizontal`.\n- Compound API: `TourWidget.Header`, `TourWidget.Content`, `TourWidget.Footer`, `TourWidget.Bullets`, `TourWidget.Bullet`.\n- Заголовок и описание сохраняют переводы строк `\\n` (`white-space: pre-line`); повторяющиеся пробелы схлопываются, автоматический перенос по ширине сохраняется.\n- Активный шаг передается в `TourWidget` через `activeStepIndex`, а `Bullet` читает его автоматически.\n- `Content` не фиксирует размер вложенного элемента и дает ему занять `100%`.\n- `$css` есть у корневого компонента и compound-частей для локального переопределения стилей.\n- Пульсация вынесена в `tourPulseMixin` и применяется отдельно к target-элементу.\n\n## Использование\n\n```tsx\n\n```\n\nБазовая схема работы:\n\n```tsx\nconst [activeStepIndex, setActiveStepIndex] = useState(0);\n\n<TourWidget activeStepIndex={activeStepIndex} $css={{ width: '306px' }}>\n  <TourWidget.Content>\n    <Box as=\"img\" src={imageSrc} alt=\"\" $css={{ width: '100%' }} />\n  </TourWidget.Content>\n  <TourWidget.Header title=\"Title\" description=\"Description\" />\n  <TourWidget.Footer>\n    <TourWidget.Bullets count={steps.length} />\n    <Button onClick={() => setActiveStepIndex((step) => step + 1)}>\n      Далее\n    </Button>\n  </TourWidget.Footer>\n</TourWidget>;\n```\n\n## Compound-компоненты\n\n- `TourWidget.Header` — выводит `title`, `description` и дополнительные `children`.\n- `TourWidget.Content` — область под изображение, видео, иллюстрацию или любой ReactNode.\n- `TourWidget.Footer` — произвольная зона для кнопок, ссылки пропуска и буллетов.\n- `TourWidget.Bullets` — контейнер, который рисует массив буллетов по `count`; если буллетов больше семи, отображает окно максимум на 7 точек, прокручивает его по `activeStepIndex`, а крайние видимые точки уменьшаются до `6px`, когда за ними есть скрытые шаги.\n- `TourWidget.Bullet` — низкоуровневый визуальный индикатор шага. Активность считается как `active ?? index === activeStepIndex`.\n\n## Правильная композиция\n\n`TourWidget.Header`, `TourWidget.Content` и `TourWidget.Footer` нужно вкладывать напрямую в `TourWidget`. Компонент использует эти части как слоты: так он понимает, есть ли в туре медиа-зона, и выбирает корректную раскладку для `horizontal` и `vertical`.\n\nПравильно:\n\n```tsx\n<TourWidget orientation=\"horizontal\">\n  <TourWidget.Content>\n    <Box as=\"img\" src={imageSrc} alt=\"\" $css={{ width: '100%' }} />\n  </TourWidget.Content>\n  <TourWidget.Header title=\"Title\" description=\"Description\" />\n  <TourWidget.Footer>\n    <TourWidget.Bullets count={steps.length} />\n  </TourWidget.Footer>\n</TourWidget>\n```\n\nЕсли нужен свой wrapper для картинки, кнопок или текста, размещайте его внутри соответствующего slot-компонента.\n\n```tsx\n<TourWidget orientation=\"horizontal\">\n  <TourWidget.Content>\n    <MyImageWrapper>\n      <Box as=\"img\" src={imageSrc} alt=\"\" />\n    </MyImageWrapper>\n  </TourWidget.Content>\n  <TourWidget.Header>\n    <MyHeaderContent />\n  </TourWidget.Header>\n  <TourWidget.Footer>\n    <MyFooterContent />\n  </TourWidget.Footer>\n</TourWidget>\n```\n\nНе оборачивайте сам `TourWidget.Content` во внешний компонент. В таком случае `TourWidget` не сможет определить медиа-зону как свой прямой slot и горизонтальная раскладка будет работать как вариант без `Content`.\n\n```tsx\n<TourWidget orientation=\"horizontal\">\n  <MyContentWrapper>\n    <TourWidget.Content>\n      <Box as=\"img\" src={imageSrc} alt=\"\" />\n    </TourWidget.Content>\n  </MyContentWrapper>\n  <TourWidget.Header title=\"Title\" />\n  <TourWidget.Footer />\n</TourWidget>\n```\n\n## Активный шаг\n\n`activeStepIndex` хранится на корневом `TourWidget`. Внутри компонент создает локальный context, поэтому не нужно импортировать `Provider` или прокидывать `active` в каждый буллет.\n\n```tsx\n<TourWidget activeStepIndex={5}>\n  <TourWidget.Footer>\n    <TourWidget.Bullets count={10} />\n  </TourWidget.Footer>\n</TourWidget>\n```\n\nДля переключения шагов используйте свои кнопки или другой внешний контрол. `TourWidget.Bullets` не кликабельный и только отображает `activeStepIndex`.\n\n```tsx\n<TourWidget activeStepIndex={activeStepIndex}>\n  <TourWidget.Footer>\n    <TourWidget.Bullets count={10} />\n    <Button onClick={() => setActiveStepIndex((step) => step + 1)}>\n      Далее\n    </Button>\n  </TourWidget.Footer>\n</TourWidget>\n```\n\nЕсли нужна полностью ручная раскладка или состояние отдельной точки, используйте низкоуровневый `TourWidget.Bullet` и передайте `active`.\n\n## Content\n\n`TourWidget.Content` не задает жесткий размер медиа. Размер определяет вложенная нода или стиль самого `Content`.\n\n```tsx\n<TourWidget.Content>\n  <Box\n    as=\"img\"\n    src={imageSrc}\n    alt=\"\"\n    $css={{ width: '270px', height: '270px' }}\n  />\n</TourWidget.Content>\n```\n\n## Пульсация\n\nПульсация не встроена в `TourWidget`, потому что target-элемент и позиционирование тура контролируются снаружи. Для target используется `tourPulseMixin`.\n\n```tsx\n\nconst Target = styled(Box)`\n  position: relative;\n\n  &::after {\n    content: '';\n    position: absolute;\n    ${tourPulseMixin()}\n  }\n`;\n```\n\nПо умолчанию `tourPulseMixin` сам задает `inset: -4px` и `border-radius: 16px` и не добавляет заливку на target.\n\n## Темы\n\n`TourWidget` автоматически использует глобальную тему приложения.\n\n## CSS-переменные\n\nКорневой `$css` можно использовать для точечной настройки внешнего вида.\n\n```tsx\n\n<TourWidget\n  $css={{\n    [tourWidgetTokens.minWidth]: '0',\n    [tourWidgetTokens.borderRadius]: '16px',\n    [tourWidgetTokens.gradientFrameHeight]: '34%',\n    [tourWidgetTokens.gradientFrameFade]: '56%',\n  }}\n/>;\n```\n\n## Особенности\n\n- `TourWidget` не содержит positioner и не добавляет зависимость на `floating-ui`.\n- Компонент не хранит шаги и не переключает их сам, только отображает `activeStepIndex`.\n- `TourWidget.Bullet` — это span-индикатор, а не интерактивная кнопка.\n- `TourWidget.Bullets` — это div-viewport со сдвигающимся треком точек; при `count > 7` видны максимум семь буллетов.\n\nОписание типов — в разделе [API](?path=/docs/локальные-компоненты-tourwidget-api--docs).",
+      "apiDocs": "# TourWidget API\n\n## TourWidgetOrientation\n\n```typescript\ntype TourWidgetOrientation = 'vertical' | 'horizontal';\n```\n\n## TourWidgetCss\n\n```typescript\ntype TourWidgetCss = string | CSSObject | FlattenSimpleInterpolation;\n```\n\n## TourWidgetProps\n\n```typescript\ntype TourWidgetProps = ComponentPropsWithoutRef<'div'> & {\n  /**\n   * @default 'vertical'\n   */\n  orientation?: TourWidgetOrientation;\n  /**\n   * Активный шаг тура. Нумерация с нуля.\n   */\n  activeStepIndex?: number;\n  $css?: TourWidgetCss;\n};\n```\n\n## TourWidget.Header\n\n```typescript\ntype TourWidgetHeaderProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'title'\n> & {\n  title?: ReactNode;\n  description?: ReactNode;\n  $css?: TourWidgetCss;\n};\n```\n\n## TourWidget.Content\n\n```typescript\ntype TourWidgetContentProps = ComponentPropsWithoutRef<'div'> & {\n  children?: ReactNode;\n  $css?: TourWidgetCss;\n};\n```\n\n## TourWidget.Footer\n\n```typescript\ntype TourWidgetFooterProps = ComponentPropsWithoutRef<'div'> & {\n  children?: ReactNode;\n  $css?: TourWidgetCss;\n};\n```\n\n## TourWidget.Bullets\n\n```typescript\ntype TourWidgetBulletsProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'children' | 'onClick'\n> & {\n  count: number;\n  $css?: TourWidgetCss;\n};\n```\n\n## TourWidget.Bullet\n\n```typescript\ntype TourWidgetBulletProps = Omit<\n  ComponentPropsWithoutRef<'span'>,\n  'onClick'\n> & {\n  /**\n   * Индекс буллета. Сравнивается с `TourWidget.activeStepIndex`.\n   */\n  index?: number;\n  /**\n   * Ручное переопределение активного состояния.\n   */\n  active?: boolean;\n  $css?: TourWidgetCss;\n};\n```\n\n## tourWidgetTokens\n\n```typescript\nexport const tourWidgetTokens = {\n  background: '--tour-widget-background',\n  borderRadius: '--tour-widget-border-radius',\n  bulletActiveBackground: '--tour-widget-bullet-active-background',\n  bulletBackground: '--tour-widget-bullet-background',\n  bulletsOffset: '--tour-widget-bullets-offset',\n  bulletsWidth: '--tour-widget-bullets-width',\n  contentBorderRadius: '--tour-widget-content-border-radius',\n  gradientBackground: '--tour-widget-gradient-background',\n  gradientBlur: '--tour-widget-gradient-blur',\n  gradientFrameBottom: '--tour-widget-gradient-frame-bottom',\n  gradientFrameFade: '--tour-widget-gradient-frame-fade',\n  gradientFrameHeight: '--tour-widget-gradient-frame-height',\n  gradientFrameLeft: '--tour-widget-gradient-frame-left',\n  gradientFrameRight: '--tour-widget-gradient-frame-right',\n  gradientHeight: '--tour-widget-gradient-height',\n  gradientLeft: '--tour-widget-gradient-left',\n  gradientOpacity: '--tour-widget-gradient-opacity',\n  gradientTop: '--tour-widget-gradient-top',\n  gradientWidth: '--tour-widget-gradient-width',\n  inlineOvalDisplay: '--tour-widget-inline-oval-display',\n  minWidth: '--tour-widget-min-width',\n  ovalBackground: '--tour-widget-oval-background',\n  ovalBlur: '--tour-widget-oval-blur',\n  ovalBorderRadius: '--tour-widget-oval-border-radius',\n  ovalFrameDisplay: '--tour-widget-oval-frame-display',\n  ovalFrameHeight: '--tour-widget-oval-frame-height',\n  ovalHeight: '--tour-widget-oval-height',\n  ovalLeft: '--tour-widget-oval-left',\n  ovalOpacity: '--tour-widget-oval-opacity',\n  ovalTop: '--tour-widget-oval-top',\n  ovalWidth: '--tour-widget-oval-width',\n  shapeGradientMaskMiddle: '--tour-widget-shape-gradient-mask-middle',\n  shapeGradientMaskStart: '--tour-widget-shape-gradient-mask-start',\n  shapeGradientOpacity: '--tour-widget-shape-gradient-opacity',\n  shapeGradientPathOpacity: '--tour-widget-shape-gradient-path-opacity',\n  themeBackground: '--tour-widget-theme-background',\n  themeGradientHorizontal: '--tour-widget-theme-gradient-horizontal',\n  themeGradientHorizontalBlur: '--tour-widget-theme-gradient-horizontal-blur',\n  themeGradientOpacity: '--tour-widget-theme-gradient-opacity',\n  themeGradientVertical: '--tour-widget-theme-gradient-vertical',\n  themeGradientVerticalBlur: '--tour-widget-theme-gradient-vertical-blur',\n  themeOvalBackground: '--tour-widget-theme-oval-background',\n  themeOvalHorizontalBlur: '--tour-widget-theme-oval-horizontal-blur',\n  themeOvalHorizontalOpacity: '--tour-widget-theme-oval-horizontal-opacity',\n  themeOvalVerticalBlur: '--tour-widget-theme-oval-vertical-blur',\n  themeOvalVerticalOpacity: '--tour-widget-theme-oval-vertical-opacity',\n  themeShapeEnd: '--tour-widget-theme-shape-end',\n  themeShapeMiddle: '--tour-widget-theme-shape-middle',\n  themeShapeOpacity: '--tour-widget-theme-shape-opacity',\n  themeShapeStart: '--tour-widget-theme-shape-start',\n} as const;\n```",
       "curatedStories": [
         {
           "exportName": "Vertical",
           "displayName": "Вертикальный тур",
           "type": "full-code",
-          "code": "function VerticalExample() {\n  const tourStepsCount = 14;\n  const [activeStepIndex, setActiveStepIndex] = useState(0);\n\n  return (\n    <TourView>\n      <TourWidget\n        activeStepIndex={activeStepIndex}\n        $css={{ width: '286px', height: '480px' }}\n      >\n        <TourWidget.Content>\n          <MediaPlaceholder width={266} height={266} />\n        </TourWidget.Content>\n        <TourWidget.Header title=\"Title\" />\n        <TourWidget.Footer>\n          <Box\n            $css={{\n              display: 'flex',\n              flexDirection: 'column',\n            }}\n          >\n            <TourWidget.Bullets\n              count={tourStepsCount}\n              $css={{ marginInline: 'auto' }}\n            />\n            <Box\n              $css={{\n                display: 'flex',\n                flexDirection: 'row',\n                gap: '4px',\n                marginTop: '20px',\n              }}\n            >\n              <Button\n                size=\"s\"\n                stretching=\"filled\"\n                view=\"secondary\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current - 1, tourStepsCount),\n                  )\n                }\n              >\n                Назад\n              </Button>\n              <Button\n                stretching=\"filled\"\n                size=\"s\"\n                view=\"white\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current + 1, tourStepsCount),\n                  )\n                }\n              >\n                Далее\n              </Button>\n            </Box>\n            <LinkButton\n              size=\"s\"\n              view=\"default\"\n              onClick={() => setActiveStepIndex(0)}\n            >\n              Пропустить всё\n            </LinkButton>\n          </Box>\n        </TourWidget.Footer>\n      </TourWidget>\n    </TourView>\n  );\n};"
+          "code": "function VerticalExample() {\n  const tourStepsCount = 14;\n  const [activeStepIndex, setActiveStepIndex] = useState(0);\n\n  return (\n    <TourWidget activeStepIndex={activeStepIndex} $css={{ width: '298px' }}>\n      <TourWidget.Content>\n        <MediaPlaceholder width={266} height={266} />\n      </TourWidget.Content>\n      <TourWidget.Header title=\"Title\" description=\"Description\" />\n      <TourWidget.Footer>\n        <Box\n          $css={{\n            display: 'flex',\n            flexDirection: 'column',\n          }}\n        >\n          <TourWidget.Bullets\n            count={tourStepsCount}\n            $css={{ marginInline: 'auto' }}\n          />\n          <Box\n            $css={{\n              display: 'flex',\n              flexDirection: 'row',\n              gap: '4px',\n              marginTop: '20px',\n            }}\n          >\n            <Button\n              size=\"s\"\n              stretching=\"filled\"\n              view=\"secondary\"\n              onClick={() =>\n                setActiveStepIndex((current) =>\n                  clampStep(current - 1, tourStepsCount),\n                )\n              }\n            >\n              Назад\n            </Button>\n            <Button\n              stretching=\"filled\"\n              size=\"s\"\n              view=\"default\"\n              onClick={() =>\n                setActiveStepIndex((current) =>\n                  clampStep(current + 1, tourStepsCount),\n                )\n              }\n            >\n              Далее\n            </Button>\n          </Box>\n          <LinkButton\n            size=\"s\"\n            view=\"default\"\n            onClick={() => setActiveStepIndex(0)}\n          >\n            Пропустить всё\n          </LinkButton>\n        </Box>\n      </TourWidget.Footer>\n    </TourWidget>\n  );\n};"
         },
         {
           "exportName": "Horizontal",
           "displayName": "Горизонтальный тур",
           "type": "full-code",
-          "code": "function HorizontalExample() {\n  const tourStepsCount = 14;\n  const [activeStepIndex, setActiveStepIndex] = useState(5);\n\n  return (\n    <TourView>\n      <TourWidget\n        orientation=\"horizontal\"\n        activeStepIndex={activeStepIndex}\n        $css={{ width: '720px', height: '260px' }}\n      >\n        <TourWidget.Content>\n          <MediaPlaceholder width={240} height={240} />\n        </TourWidget.Content>\n        <TourWidget.Header title=\"Title\" description=\"Description\" />\n        <TourWidget.Footer>\n          <Box\n            $css={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              gap: '32px',\n              width: '100%',\n            }}\n          >\n            <Box\n              $css={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '32px',\n                minWidth: 0,\n              }}\n            >\n              <LinkButton\n                size=\"s\"\n                view=\"default\"\n                onClick={() => setActiveStepIndex(0)}\n              >\n                Пропустить всё\n              </LinkButton>\n              <TourWidget.Bullets count={tourStepsCount} />\n            </Box>\n            <Box\n              $css={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '4px',\n              }}\n            >\n              <Button\n                size=\"s\"\n                view=\"secondary\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current - 1, tourStepsCount),\n                  )\n                }\n              >\n                Назад\n              </Button>\n              <Button\n                size=\"s\"\n                view=\"white\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current + 1, tourStepsCount),\n                  )\n                }\n              >\n                Далее\n              </Button>\n            </Box>\n          </Box>\n        </TourWidget.Footer>\n      </TourWidget>\n    </TourView>\n  );\n};"
+          "code": "function HorizontalExample() {\n  const tourStepsCount = 14;\n  const [activeStepIndex, setActiveStepIndex] = useState(5);\n\n  return (\n    <TourWidget\n      orientation=\"horizontal\"\n      activeStepIndex={activeStepIndex}\n      $css={{ width: '732px', height: '272px' }}\n    >\n      <TourWidget.Content>\n        <MediaPlaceholder width={240} height={240} />\n      </TourWidget.Content>\n      <TourWidget.Header title=\"Title\" description=\"Description\" />\n      <TourWidget.Footer>\n        <Box\n          $css={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            gap: '32px',\n            width: '100%',\n          }}\n        >\n          <Box\n            $css={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '32px',\n              minWidth: 0,\n            }}\n          >\n            <LinkButton\n              size=\"s\"\n              view=\"default\"\n              onClick={() => setActiveStepIndex(0)}\n            >\n              Пропустить всё\n            </LinkButton>\n            <TourWidget.Bullets count={tourStepsCount} />\n          </Box>\n          <Box\n            $css={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '4px',\n            }}\n          >\n            <Button\n              size=\"s\"\n              view=\"secondary\"\n              onClick={() =>\n                setActiveStepIndex((current) =>\n                  clampStep(current - 1, tourStepsCount),\n                )\n              }\n            >\n              Назад\n            </Button>\n            <Button\n              size=\"s\"\n              view=\"default\"\n              onClick={() =>\n                setActiveStepIndex((current) =>\n                  clampStep(current + 1, tourStepsCount),\n                )\n              }\n            >\n              Далее\n            </Button>\n          </Box>\n        </Box>\n      </TourWidget.Footer>\n    </TourWidget>\n  );\n};"
         },
         {
           "exportName": "LineBreaks",
           "displayName": "Переносы строк",
           "type": "full-code",
-          "code": "function LineBreaksExample() {\n  return (\n    <TourView>\n      <TourWidget $css={{ width: '320px', paddingBottom: '24px' }}>\n        <TourWidget.Header\n          title={'Знакомьтесь:\\nновые возможности'}\n          description={\n            'Режимы просмотра\\nОбщий реестр — все пилоты со статусом «В реестре»\\n• Мои пилоты — только ваши проекты, включая черновики'\n          }\n        />\n      </TourWidget>\n    </TourView>\n  );\n};"
+          "code": "function LineBreaksExample() {\n  return (\n    <TourWidget $css={{ width: '340px', paddingBottom: '24px' }}>\n      <TourWidget.Header\n        title={'Знакомьтесь:\\nновые возможности'}\n        description={\n          'Режимы просмотра\\nОбщий реестр — все пилоты со статусом «В реестре»\\n• Мои пилоты — только ваши проекты, включая черновики'\n        }\n      />\n    </TourWidget>\n  );\n};"
         },
         {
           "exportName": "TourWithPulse",
           "displayName": "Тур рядом с пульсацией",
           "type": "full-code",
-          "code": "function TourWithPulseExample() {\n  const tourStepsCount = 14;\n  const [activeStepIndex, setActiveStepIndex] = useState(2);\n\n  return (\n    <TourView>\n      <Box\n        $css={{\n          display: 'grid',\n          gridTemplateColumns: '220px minmax(0, max-content)',\n          gap: '14px',\n          alignItems: 'center',\n        }}\n      >\n        <Box\n          $css={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            minHeight: '300px',\n          }}\n        >\n          <PulseTarget />\n        </Box>\n        <TourWidget\n          orientation=\"horizontal\"\n          activeStepIndex={activeStepIndex}\n          $css={{ width: '720px', height: '264px' }}\n        >\n          <TourWidget.Content>\n            <MediaPlaceholder width={240} height={240} />\n          </TourWidget.Content>\n          <TourWidget.Header title=\"Title\" description=\"Description\" />\n          <TourWidget.Footer>\n            <Box\n              $css={{\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'space-between',\n                gap: '32px',\n                width: '100%',\n              }}\n            >\n              <Box\n                $css={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: '32px',\n                  minWidth: 0,\n                }}\n              >\n                <LinkButton\n                  size=\"s\"\n                  view=\"default\"\n                  onClick={() => setActiveStepIndex(0)}\n                >\n                  Пропустить всё\n                </LinkButton>\n                <TourWidget.Bullets count={tourStepsCount} />\n              </Box>\n              <Box\n                $css={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: '4px',\n                }}\n              >\n                <Button\n                  size=\"s\"\n                  view=\"secondary\"\n                  onClick={() =>\n                    setActiveStepIndex((current) =>\n                      clampStep(current - 1, tourStepsCount),\n                    )\n                  }\n                >\n                  Назад\n                </Button>\n                <Button\n                  size=\"s\"\n                  view=\"white\"\n                  onClick={() =>\n                    setActiveStepIndex((current) =>\n                      clampStep(current + 1, tourStepsCount),\n                    )\n                  }\n                >\n                  Далее\n                </Button>\n              </Box>\n            </Box>\n          </TourWidget.Footer>\n        </TourWidget>\n      </Box>\n    </TourView>\n  );\n};"
+          "code": "function TourWithPulseExample() {\n  const tourStepsCount = 14;\n  const [activeStepIndex, setActiveStepIndex] = useState(2);\n\n  return (\n    <Box\n      $css={{\n        display: 'grid',\n        gridTemplateColumns: '220px minmax(0, max-content)',\n        gap: '14px',\n        alignItems: 'center',\n      }}\n    >\n      <Box\n        $css={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          minHeight: '300px',\n        }}\n      >\n        <PulseTarget />\n      </Box>\n      <TourWidget\n        orientation=\"horizontal\"\n        activeStepIndex={activeStepIndex}\n        $css={{ width: '732px', height: '272px' }}\n      >\n        <TourWidget.Content>\n          <MediaPlaceholder width={240} height={240} />\n        </TourWidget.Content>\n        <TourWidget.Header title=\"Title\" description=\"Description\" />\n        <TourWidget.Footer>\n          <Box\n            $css={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              gap: '32px',\n              width: '100%',\n            }}\n          >\n            <Box\n              $css={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '32px',\n                minWidth: 0,\n              }}\n            >\n              <LinkButton\n                size=\"s\"\n                view=\"default\"\n                onClick={() => setActiveStepIndex(0)}\n              >\n                Пропустить всё\n              </LinkButton>\n              <TourWidget.Bullets count={tourStepsCount} />\n            </Box>\n            <Box\n              $css={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '4px',\n              }}\n            >\n              <Button\n                size=\"s\"\n                view=\"secondary\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current - 1, tourStepsCount),\n                  )\n                }\n              >\n                Назад\n              </Button>\n              <Button\n                size=\"s\"\n                view=\"default\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current + 1, tourStepsCount),\n                  )\n                }\n              >\n                Далее\n              </Button>\n            </Box>\n          </Box>\n        </TourWidget.Footer>\n      </TourWidget>\n    </Box>\n  );\n};"
         },
         {
           "exportName": "Pulse",
           "displayName": "Пульсация",
           "type": "full-code",
-          "code": "function PulseExample() {\n  return (\n    <TourView>\n      <Box\n        $css={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          minHeight: '300px',\n        }}\n      >\n        <PulseTarget />\n      </Box>\n    </TourView>\n  );\n};"
+          "code": "function PulseExample() {\n  return (\n    <Box\n      $css={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        minHeight: '300px',\n      }}\n    >\n      <PulseTarget />\n    </Box>\n  );\n};"
         },
         {
           "exportName": "TourWithoutContent",
           "displayName": "Тур без контента",
           "type": "full-code",
-          "code": "function TourWithoutContentExample() {\n  const tourStepsCount = 14;\n  const [activeStepIndex, setActiveStepIndex] = useState(2);\n\n  return (\n    <TourView>\n      <Box\n        $css={{\n          display: 'grid',\n          gridTemplateColumns: '220px minmax(0, max-content)',\n          gap: '14px',\n          alignItems: 'center',\n        }}\n      >\n        <Box\n          $css={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            minHeight: '300px',\n          }}\n        >\n          <PulseTarget />\n        </Box>\n        <TourWidget\n          orientation=\"horizontal\"\n          activeStepIndex={activeStepIndex}\n          $css={{ width: '480px' }}\n        >\n          <TourWidget.Header title=\"Title\" description=\"Description\" />\n          <TourWidget.Footer>\n            <Box\n              $css={{\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'space-between',\n                gap: '32px',\n                width: '100%',\n              }}\n            >\n              <Box\n                $css={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: '32px',\n                  minWidth: 0,\n                }}\n              >\n                <LinkButton\n                  size=\"s\"\n                  view=\"default\"\n                  onClick={() => setActiveStepIndex(0)}\n                >\n                  Пропустить всё\n                </LinkButton>\n              </Box>\n              <Box\n                $css={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: '4px',\n                }}\n              >\n                <Button\n                  size=\"s\"\n                  view=\"secondary\"\n                  onClick={() =>\n                    setActiveStepIndex((current) =>\n                      clampStep(current - 1, tourStepsCount),\n                    )\n                  }\n                >\n                  Назад\n                </Button>\n                <Button\n                  size=\"s\"\n                  view=\"white\"\n                  onClick={() =>\n                    setActiveStepIndex((current) =>\n                      clampStep(current + 1, tourStepsCount),\n                    )\n                  }\n                >\n                  Далее\n                </Button>\n              </Box>\n            </Box>\n          </TourWidget.Footer>\n        </TourWidget>\n      </Box>\n    </TourView>\n  );\n};"
+          "code": "function TourWithoutContentExample() {\n  const tourStepsCount = 14;\n  const [activeStepIndex, setActiveStepIndex] = useState(2);\n\n  return (\n    <Box\n      $css={{\n        display: 'grid',\n        gridTemplateColumns: '220px minmax(0, max-content)',\n        gap: '14px',\n        alignItems: 'center',\n      }}\n    >\n      <Box\n        $css={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          minHeight: '300px',\n        }}\n      >\n        <PulseTarget />\n      </Box>\n      <TourWidget\n        orientation=\"horizontal\"\n        activeStepIndex={activeStepIndex}\n        $css={{ width: '500px' }}\n      >\n        <TourWidget.Header title=\"Title\" description=\"Description\" />\n        <TourWidget.Footer>\n          <Box\n            $css={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              gap: '32px',\n              width: '100%',\n            }}\n          >\n            <Box\n              $css={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '32px',\n                minWidth: 0,\n              }}\n            >\n              <LinkButton\n                size=\"s\"\n                view=\"default\"\n                onClick={() => setActiveStepIndex(0)}\n              >\n                Пропустить всё\n              </LinkButton>\n            </Box>\n            <Box\n              $css={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '4px',\n              }}\n            >\n              <Button\n                size=\"s\"\n                view=\"secondary\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current - 1, tourStepsCount),\n                  )\n                }\n              >\n                Назад\n              </Button>\n              <Button\n                size=\"s\"\n                view=\"default\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current + 1, tourStepsCount),\n                  )\n                }\n              >\n                Далее\n              </Button>\n            </Box>\n          </Box>\n        </TourWidget.Footer>\n      </TourWidget>\n    </Box>\n  );\n};"
         }
       ],
       "hasCuratedMeta": true,
@@ -39719,25 +40154,25 @@
           "exportName": "Vertical",
           "displayName": "Вертикальный тур",
           "type": "full-code",
-          "code": "function VerticalExample() {\n  const tourStepsCount = 14;\n  const [activeStepIndex, setActiveStepIndex] = useState(0);\n\n  return (\n    <TourView>\n      <TourWidget\n        activeStepIndex={activeStepIndex}\n        $css={{ width: '286px', height: '480px' }}\n      >\n        <TourWidget.Content>\n          <MediaPlaceholder width={266} height={266} />\n        </TourWidget.Content>\n        <TourWidget.Header title=\"Title\" />\n        <TourWidget.Footer>\n          <Box\n            $css={{\n              display: 'flex',\n              flexDirection: 'column',\n            }}\n          >\n            <TourWidget.Bullets\n              count={tourStepsCount}\n              $css={{ marginInline: 'auto' }}\n            />\n            <Box\n              $css={{\n                display: 'flex',\n                flexDirection: 'row',\n                gap: '4px',\n                marginTop: '20px',\n              }}\n            >\n              <Button\n                size=\"s\"\n                stretching=\"filled\"\n                view=\"secondary\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current - 1, tourStepsCount),\n                  )\n                }\n              >\n                Назад\n              </Button>\n              <Button\n                stretching=\"filled\"\n                size=\"s\"\n                view=\"white\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current + 1, tourStepsCount),\n                  )\n                }\n              >\n                Далее\n              </Button>\n            </Box>\n            <LinkButton\n              size=\"s\"\n              view=\"default\"\n              onClick={() => setActiveStepIndex(0)}\n            >\n              Пропустить всё\n            </LinkButton>\n          </Box>\n        </TourWidget.Footer>\n      </TourWidget>\n    </TourView>\n  );\n};"
+          "code": "function VerticalExample() {\n  const tourStepsCount = 14;\n  const [activeStepIndex, setActiveStepIndex] = useState(0);\n\n  return (\n    <TourWidget activeStepIndex={activeStepIndex} $css={{ width: '298px' }}>\n      <TourWidget.Content>\n        <MediaPlaceholder width={266} height={266} />\n      </TourWidget.Content>\n      <TourWidget.Header title=\"Title\" description=\"Description\" />\n      <TourWidget.Footer>\n        <Box\n          $css={{\n            display: 'flex',\n            flexDirection: 'column',\n          }}\n        >\n          <TourWidget.Bullets\n            count={tourStepsCount}\n            $css={{ marginInline: 'auto' }}\n          />\n          <Box\n            $css={{\n              display: 'flex',\n              flexDirection: 'row',\n              gap: '4px',\n              marginTop: '20px',\n            }}\n          >\n            <Button\n              size=\"s\"\n              stretching=\"filled\"\n              view=\"secondary\"\n              onClick={() =>\n                setActiveStepIndex((current) =>\n                  clampStep(current - 1, tourStepsCount),\n                )\n              }\n            >\n              Назад\n            </Button>\n            <Button\n              stretching=\"filled\"\n              size=\"s\"\n              view=\"default\"\n              onClick={() =>\n                setActiveStepIndex((current) =>\n                  clampStep(current + 1, tourStepsCount),\n                )\n              }\n            >\n              Далее\n            </Button>\n          </Box>\n          <LinkButton\n            size=\"s\"\n            view=\"default\"\n            onClick={() => setActiveStepIndex(0)}\n          >\n            Пропустить всё\n          </LinkButton>\n        </Box>\n      </TourWidget.Footer>\n    </TourWidget>\n  );\n};"
         },
         {
           "exportName": "Horizontal",
           "displayName": "Горизонтальный тур",
           "type": "full-code",
-          "code": "function HorizontalExample() {\n  const tourStepsCount = 14;\n  const [activeStepIndex, setActiveStepIndex] = useState(5);\n\n  return (\n    <TourView>\n      <TourWidget\n        orientation=\"horizontal\"\n        activeStepIndex={activeStepIndex}\n        $css={{ width: '720px', height: '260px' }}\n      >\n        <TourWidget.Content>\n          <MediaPlaceholder width={240} height={240} />\n        </TourWidget.Content>\n        <TourWidget.Header title=\"Title\" description=\"Description\" />\n        <TourWidget.Footer>\n          <Box\n            $css={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              gap: '32px',\n              width: '100%',\n            }}\n          >\n            <Box\n              $css={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '32px',\n                minWidth: 0,\n              }}\n            >\n              <LinkButton\n                size=\"s\"\n                view=\"default\"\n                onClick={() => setActiveStepIndex(0)}\n              >\n                Пропустить всё\n              </LinkButton>\n              <TourWidget.Bullets count={tourStepsCount} />\n            </Box>\n            <Box\n              $css={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '4px',\n              }}\n            >\n              <Button\n                size=\"s\"\n                view=\"secondary\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current - 1, tourStepsCount),\n                  )\n                }\n              >\n                Назад\n              </Button>\n              <Button\n                size=\"s\"\n                view=\"white\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current + 1, tourStepsCount),\n                  )\n                }\n              >\n                Далее\n              </Button>\n            </Box>\n          </Box>\n        </TourWidget.Footer>\n      </TourWidget>\n    </TourView>\n  );\n};"
+          "code": "function HorizontalExample() {\n  const tourStepsCount = 14;\n  const [activeStepIndex, setActiveStepIndex] = useState(5);\n\n  return (\n    <TourWidget\n      orientation=\"horizontal\"\n      activeStepIndex={activeStepIndex}\n      $css={{ width: '732px', height: '272px' }}\n    >\n      <TourWidget.Content>\n        <MediaPlaceholder width={240} height={240} />\n      </TourWidget.Content>\n      <TourWidget.Header title=\"Title\" description=\"Description\" />\n      <TourWidget.Footer>\n        <Box\n          $css={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            gap: '32px',\n            width: '100%',\n          }}\n        >\n          <Box\n            $css={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '32px',\n              minWidth: 0,\n            }}\n          >\n            <LinkButton\n              size=\"s\"\n              view=\"default\"\n              onClick={() => setActiveStepIndex(0)}\n            >\n              Пропустить всё\n            </LinkButton>\n            <TourWidget.Bullets count={tourStepsCount} />\n          </Box>\n          <Box\n            $css={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '4px',\n            }}\n          >\n            <Button\n              size=\"s\"\n              view=\"secondary\"\n              onClick={() =>\n                setActiveStepIndex((current) =>\n                  clampStep(current - 1, tourStepsCount),\n                )\n              }\n            >\n              Назад\n            </Button>\n            <Button\n              size=\"s\"\n              view=\"default\"\n              onClick={() =>\n                setActiveStepIndex((current) =>\n                  clampStep(current + 1, tourStepsCount),\n                )\n              }\n            >\n              Далее\n            </Button>\n          </Box>\n        </Box>\n      </TourWidget.Footer>\n    </TourWidget>\n  );\n};"
         },
         {
           "exportName": "LineBreaks",
           "displayName": "Переносы строк",
           "type": "full-code",
-          "code": "function LineBreaksExample() {\n  return (\n    <TourView>\n      <TourWidget $css={{ width: '320px', paddingBottom: '24px' }}>\n        <TourWidget.Header\n          title={'Знакомьтесь:\\nновые возможности'}\n          description={\n            'Режимы просмотра\\nОбщий реестр — все пилоты со статусом «В реестре»\\n• Мои пилоты — только ваши проекты, включая черновики'\n          }\n        />\n      </TourWidget>\n    </TourView>\n  );\n};"
+          "code": "function LineBreaksExample() {\n  return (\n    <TourWidget $css={{ width: '340px', paddingBottom: '24px' }}>\n      <TourWidget.Header\n        title={'Знакомьтесь:\\nновые возможности'}\n        description={\n          'Режимы просмотра\\nОбщий реестр — все пилоты со статусом «В реестре»\\n• Мои пилоты — только ваши проекты, включая черновики'\n        }\n      />\n    </TourWidget>\n  );\n};"
         },
         {
           "exportName": "TourWithPulse",
           "displayName": "Тур рядом с пульсацией",
           "type": "full-code",
-          "code": "function TourWithPulseExample() {\n  const tourStepsCount = 14;\n  const [activeStepIndex, setActiveStepIndex] = useState(2);\n\n  return (\n    <TourView>\n      <Box\n        $css={{\n          display: 'grid',\n          gridTemplateColumns: '220px minmax(0, max-content)',\n          gap: '14px',\n          alignItems: 'center',\n        }}\n      >\n        <Box\n          $css={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            minHeight: '300px',\n          }}\n        >\n          <PulseTarget />\n        </Box>\n        <TourWidget\n          orientation=\"horizontal\"\n          activeStepIndex={activeStepIndex}\n          $css={{ width: '720px', height: '264px' }}\n        >\n          <TourWidget.Content>\n            <MediaPlaceholder width={240} height={240} />\n          </TourWidget.Content>\n          <TourWidget.Header title=\"Title\" description=\"Description\" />\n          <TourWidget.Footer>\n            <Box\n              $css={{\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'space-between',\n                gap: '32px',\n                width: '100%',\n              }}\n            >\n              <Box\n                $css={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: '32px',\n                  minWidth: 0,\n                }}\n              >\n                <LinkButton\n                  size=\"s\"\n                  view=\"default\"\n                  onClick={() => setActiveStepIndex(0)}\n                >\n                  Пропустить всё\n                </LinkButton>\n                <TourWidget.Bullets count={tourStepsCount} />\n              </Box>\n              <Box\n                $css={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: '4px',\n                }}\n              >\n                <Button\n                  size=\"s\"\n                  view=\"secondary\"\n                  onClick={() =>\n                    setActiveStepIndex((current) =>\n                      clampStep(current - 1, tourStepsCount),\n                    )\n                  }\n                >\n                  Назад\n                </Button>\n                <Button\n                  size=\"s\"\n                  view=\"white\"\n                  onClick={() =>\n                    setActiveStepIndex((current) =>\n                      clampStep(current + 1, tourStepsCount),\n                    )\n                  }\n                >\n                  Далее\n                </Button>\n              </Box>\n            </Box>\n          </TourWidget.Footer>\n        </TourWidget>\n      </Box>\n    </TourView>\n  );\n};"
+          "code": "function TourWithPulseExample() {\n  const tourStepsCount = 14;\n  const [activeStepIndex, setActiveStepIndex] = useState(2);\n\n  return (\n    <Box\n      $css={{\n        display: 'grid',\n        gridTemplateColumns: '220px minmax(0, max-content)',\n        gap: '14px',\n        alignItems: 'center',\n      }}\n    >\n      <Box\n        $css={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          minHeight: '300px',\n        }}\n      >\n        <PulseTarget />\n      </Box>\n      <TourWidget\n        orientation=\"horizontal\"\n        activeStepIndex={activeStepIndex}\n        $css={{ width: '732px', height: '272px' }}\n      >\n        <TourWidget.Content>\n          <MediaPlaceholder width={240} height={240} />\n        </TourWidget.Content>\n        <TourWidget.Header title=\"Title\" description=\"Description\" />\n        <TourWidget.Footer>\n          <Box\n            $css={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              gap: '32px',\n              width: '100%',\n            }}\n          >\n            <Box\n              $css={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '32px',\n                minWidth: 0,\n              }}\n            >\n              <LinkButton\n                size=\"s\"\n                view=\"default\"\n                onClick={() => setActiveStepIndex(0)}\n              >\n                Пропустить всё\n              </LinkButton>\n              <TourWidget.Bullets count={tourStepsCount} />\n            </Box>\n            <Box\n              $css={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '4px',\n              }}\n            >\n              <Button\n                size=\"s\"\n                view=\"secondary\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current - 1, tourStepsCount),\n                  )\n                }\n              >\n                Назад\n              </Button>\n              <Button\n                size=\"s\"\n                view=\"default\"\n                onClick={() =>\n                  setActiveStepIndex((current) =>\n                    clampStep(current + 1, tourStepsCount),\n                  )\n                }\n              >\n                Далее\n              </Button>\n            </Box>\n          </Box>\n        </TourWidget.Footer>\n      </TourWidget>\n    </Box>\n  );\n};"
         }
       ]
     },
@@ -42525,19 +42960,12 @@
       "minimalUsage": "<ViewContainer />",
       "examples": [
         {
-          "exportName": "Usage1",
+          "exportName": "Usage",
           "displayName": "Использование в CopyCodeAbsoluteButton.tsx",
           "type": "usage",
           "code": "<ViewContainer\n      view=\"onDark\"\n      style={{\n        position: 'absolute',\n        bottom: '8px',\n        right: '8px',\n      }}\n    >\n      <IconButton\n        size=\"xxs\"\n        view=\"clear\"\n        onClick={handleCopy}\n        title={copied ? 'Скопировано' : 'Скопировать код'}\n        onMouseEnter={(e) => {\n          (e.currentTarget as HTMLButtonElement).style.opacity = '1';\n        }}\n        onMouseLeave={(e) => {\n          (e.currentTarget as HTMLButtonElement).style.opacity = '0.6';\n        }}\n      >\n        {copied ? (\n          <IconDone size=\"xs\" color=\"inherit\" />\n        ) : (\n          <IconCopyFill size=\"xs\" color=\"inherit\" />\n        )}\n      </IconButton>\n    </ViewContainer>",
           "sourceFile": "packages/storybook/src/stories/AiChatDAIS/components/CopyCodeAbsoluteButton.tsx"
         },
-        {
-          "exportName": "Usage2",
-          "displayName": "Использование в TourWidget.examples.tsx",
-          "type": "usage",
-          "code": "<ViewContainer view=\"onDark\">{children}</ViewContainer>",
-          "sourceFile": "packages/storybook/src/stories/TourWidget/TourWidget.examples.tsx"
-        },
         {
           "exportName": "Vendor1",
           "displayName": "Пример использования",
@@ -52719,6 +53147,78 @@
     }
   },
   "features": [
+    {
+      "component": "TableCanvas",
+      "feature": "CanvasElements/CanvasAvatar",
+      "legacy": false,
+      "summary": "Круглый аватар с фотографией, инициалами или коротким текстом для ячеек `TableCanvas`.",
+      "docs": "# Canvas.Avatar\n\nКруглый аватар с фотографией, инициалами или коротким текстом для ячеек `TableCanvas`.\n\n## Ключевые особенности\n\n- Размеры FinAI: `s` — 24 px, `m` — 36 px, `l` — 48 px, `xxl` — 88 px.\n- Размер по умолчанию — `s`.\n- Приоритет содержимого: непустой `customText`, фотография, инициалы из `name`.\n- Поддержка тултипов и кликов.\n\n## Особенности\n\nПри первой загрузке фотографии или если исходный URL недоступен отображаются инициалы. Если имя не задано, остаётся фон. При заданном `customText` фотография не загружается.\n\nПри смене URL у того же аватара предыдущее фото остаётся до готовности нового, без промежуточного показа инициалов. Если новое фото недоступно, сохраняется предыдущее, пока оно есть в загрузчике.\n\nДля разных участников задавайте разные `id` или React `key`, особенно если имена совпадают. Смена `id` или имени, удаление URL и переход на `customText` сбрасывают предыдущее фото.\n\nФотография растягивается до размеров аватара. Инициалы под загруженным изображением не рисуются.\n\nДля размещения используйте `Canvas.Container`. Примитив не принимает `children`.\n\nОписание типов — в разделе [API](?path=/docs/локальные-компоненты-tablecanvas-canvaselements-canvasavatar-api--docs).",
+      "apiDocs": "# Canvas.Avatar API\n\n## CanvasAvatarProps\n\n```typescript\ntype CanvasAvatarProps = PublicCanvasProps<InternalCanvasAvatarProps>;\n```\n\n## AvatarContent\n\n```typescript\ninterface AvatarContent {\n  /** Имя участника для инициалов; также определяет, можно ли сохранить старое фото при смене URL. */\n  name?: string;\n  /** URL фотографии; пока фото недоступно, отображаются инициалы. */\n  url?: string;\n  /** Непустой текст вместо фотографии и инициалов, например счётчик +N. */\n  customText?: string;\n}\n```\n\n## AvatarSize\n\n```typescript\ntype AvatarSize = 's' | 'm' | 'l' | 'xxl';\n```",
+      "api": [
+        {
+          "typeName": "CanvasAvatarProps",
+          "source": "type CanvasAvatarProps = PublicCanvasProps<InternalCanvasAvatarProps>;"
+        },
+        {
+          "typeName": "AvatarContent",
+          "source": "interface AvatarContent {\n  /** Имя участника для инициалов; также определяет, можно ли сохранить старое фото при смене URL. */\n  name?: string;\n  /** URL фотографии; пока фото недоступно, отображаются инициалы. */\n  url?: string;\n  /** Непустой текст вместо фотографии и инициалов, например счётчик +N. */\n  customText?: string;\n}"
+        },
+        {
+          "typeName": "AvatarSize",
+          "source": "type AvatarSize = 's' | 'm' | 'l' | 'xxl';"
+        }
+      ],
+      "stories": [
+        {
+          "exportName": "ContentAndSizes",
+          "displayName": "Содержимое и размеры",
+          "type": "full-code",
+          "code": "import React from 'react';\nimport { Canvas, TableCanvas, type ColumnConfig, type AvatarSize } from '@daisforge/ui/components/TableCanvas';\nimport { avatarItems } from './avatarFixtures';\n\nfunction AvatarContentAndSizesExample() {\n  const rows = ['s', 'm', 'l', 'xxl'].map((size, id) => ({\n    id,\n    size: size as AvatarSize,\n  }));\n  const columns: ColumnConfig<(typeof rows)[number]>[] = [\n    {\n      key: 'size',\n      name: 'Размер',\n      width: 110,\n      renderCell: ({ row }) => <Canvas.Text>{row.size}</Canvas.Text>,\n    },\n    ...[\n      { key: 'photo', name: 'Фото', url: avatarItems[0]!.url },\n      { key: 'initials', name: 'Инициалы' },\n      {\n        key: 'custom',\n        name: 'customText',\n        customText: 'AI',\n        url: avatarItems[0]!.url,\n      },\n      {\n        key: 'broken',\n        name: 'Ошибка первой загрузки',\n        url: '/canvas-images/missing.png',\n      },\n    ].map(({ key, name, ...content }) => ({\n      key,\n      name,\n      width: 150,\n      copyData: 'Анна Иванова',\n      renderCell: ({ row }: { row: (typeof rows)[number] }) => (\n        <Canvas.Container padding={8}>\n          <Canvas.Avatar\n            name=\"Анна Иванова\"\n            size={row.size}\n            {...content}\n            tooltip=\"Анна Иванова\"\n          />\n        </Canvas.Container>\n      ),\n    })),\n  ];\n  return (\n    <TableCanvas\n      rows={rows}\n      columnConfig={columns}\n      tableConfig={{ rowHeight: 104, containerStyle: { height: '490px' } }}\n    />\n  );\n};"
+        }
+      ]
+    },
+    {
+      "component": "TableCanvas",
+      "feature": "CanvasElements/CanvasAvatarGroup",
+      "legacy": false,
+      "summary": "Группа аватаров участников с отдельным счётчиком скрытых элементов в ячейке `TableCanvas`.",
+      "docs": "# Canvas.AvatarGroup\n\nГруппа аватаров участников с отдельным счётчиком скрытых элементов в ячейке `TableCanvas`.\n\n## Ключевые особенности\n\n- Пять участников при `visibleCount={3}` отображаются как три аватара и круг `+2`.\n- Содержимое задаётся массивом `items`; у каждого участника должен быть уникальный `id`.\n- Общий размер группы: `s`, `m`, `l` или `xxl`; по умолчанию — `s`.\n- Аватар раскрывается при наведении, а вырез соседнего элемента меняется.\n- Отдельные обработчики клика по участнику и счётчику, индивидуальные тултипы.\n\n## Особенности\n\nПри смене URL у участника с тем же `id` и именем его предыдущее фото сохраняется до загрузки нового. При первой загрузке отображаются инициалы.\n\n`visibleCount` ограничивает число обычных аватаров и по умолчанию равен `3`. Счётчик занимает дополнительное место. `totalCount` учитывает всех участников, включая отсутствующих в `items`, и не может быть меньше длины массива при расчёте.\n\nПустая группа без `totalCount` не занимает места. При `visibleCount={0}` отображается только счётчик. В узкой колонке группа обрезается: диаметр и число видимых аватаров автоматически не меняются.\n\nВ `+N` выводится точное число. Длинный текст обрезается границами круга, а полное значение доступно в тултипе. `overflowTooltip` позволяет заменить этот тултип.\n\nДля текстового представления ячейки и копирования задайте `column.copyData`: перечислите известные имена и число неизвестных участников.\n\nОписание типов — в разделе [API](?path=/docs/локальные-компоненты-tablecanvas-canvaselements-canvasavatargroup-api--docs).",
+      "apiDocs": "# Canvas.AvatarGroup API\n\n## CanvasAvatarGroupProps\n\n```typescript\ntype CanvasAvatarGroupProps =\n  PublicCanvasProps<InternalCanvasAvatarGroupProps>;\n```\n\n## CanvasAvatarItem\n\n```typescript\ninterface CanvasAvatarItem extends AvatarContent {\n  /** Стабильный уникальный идентификатор участника внутри группы; используется в ID canvas-ноды. */\n  id: string;\n  /** Подсказка при наведении на этого участника. */\n  tooltip?: CanvasNodeTooltipConfig;\n}\n```\n\n## AvatarContent\n\n```typescript\ninterface AvatarContent {\n  /** Имя участника для инициалов; также определяет, можно ли сохранить старое фото при смене URL. */\n  name?: string;\n  /** URL фотографии; пока фото недоступно, отображаются инициалы. */\n  url?: string;\n  /** Непустой текст вместо фотографии и инициалов, например счётчик +N. */\n  customText?: string;\n}\n```\n\n## AvatarSize\n\n```typescript\ntype AvatarSize = 's' | 'm' | 'l' | 'xxl';\n```\n\n## AvatarGroupItemClick\n\n```typescript\ninterface AvatarGroupItemClick {\n  /** Участник, по аватару которого нажали. */\n  item: CanvasAvatarItem;\n  /** Индекс участника в исходном массиве items, начиная с нуля. */\n  index: number;\n  /** Canvas-событие клика по аватару с координатами и управлением всплытием. */\n  event: CanvasEvent<CanvasAvatar>;\n}\n```\n\n## AvatarGroupOverflowClick\n\n```typescript\ninterface AvatarGroupOverflowClick {\n  /** Число участников за счётчиком +N, включая отсутствующих в items. */\n  hiddenCount: number;\n  /** Известные скрытые участники: часть items после видимых аватаров. */\n  hiddenItems: readonly CanvasAvatarItem[];\n  /** Общее число участников после нормализации; не меньше длины items. */\n  totalCount: number;\n  /** Canvas-событие клика по счётчику +N. */\n  event: CanvasEvent<CanvasAvatar>;\n}\n```",
+      "api": [
+        {
+          "typeName": "CanvasAvatarGroupProps",
+          "source": "type CanvasAvatarGroupProps =\n  PublicCanvasProps<InternalCanvasAvatarGroupProps>;"
+        },
+        {
+          "typeName": "CanvasAvatarItem",
+          "source": "interface CanvasAvatarItem extends AvatarContent {\n  /** Стабильный уникальный идентификатор участника внутри группы; используется в ID canvas-ноды. */\n  id: string;\n  /** Подсказка при наведении на этого участника. */\n  tooltip?: CanvasNodeTooltipConfig;\n}"
+        },
+        {
+          "typeName": "AvatarContent",
+          "source": "interface AvatarContent {\n  /** Имя участника для инициалов; также определяет, можно ли сохранить старое фото при смене URL. */\n  name?: string;\n  /** URL фотографии; пока фото недоступно, отображаются инициалы. */\n  url?: string;\n  /** Непустой текст вместо фотографии и инициалов, например счётчик +N. */\n  customText?: string;\n}"
+        },
+        {
+          "typeName": "AvatarSize",
+          "source": "type AvatarSize = 's' | 'm' | 'l' | 'xxl';"
+        },
+        {
+          "typeName": "AvatarGroupItemClick",
+          "source": "interface AvatarGroupItemClick {\n  /** Участник, по аватару которого нажали. */\n  item: CanvasAvatarItem;\n  /** Индекс участника в исходном массиве items, начиная с нуля. */\n  index: number;\n  /** Canvas-событие клика по аватару с координатами и управлением всплытием. */\n  event: CanvasEvent<CanvasAvatar>;\n}"
+        },
+        {
+          "typeName": "AvatarGroupOverflowClick",
+          "source": "interface AvatarGroupOverflowClick {\n  /** Число участников за счётчиком +N, включая отсутствующих в items. */\n  hiddenCount: number;\n  /** Известные скрытые участники: часть items после видимых аватаров. */\n  hiddenItems: readonly CanvasAvatarItem[];\n  /** Общее число участников после нормализации; не меньше длины items. */\n  totalCount: number;\n  /** Canvas-событие клика по счётчику +N. */\n  event: CanvasEvent<CanvasAvatar>;\n}"
+        }
+      ],
+      "stories": [
+        {
+          "exportName": "Virtualized",
+          "displayName": "Количество участников, узкая колонка и прокрутка",
+          "type": "full-code",
+          "code": "import React, { useMemo } from 'react';\nimport { Canvas, TableCanvas, type ColumnConfig } from '@daisforge/ui/components/TableCanvas';\nimport { avatarCopyText, avatarItems } from '../CanvasAvatar/avatarFixtures';\n\nfunction VirtualTable() {\n  const rows = useMemo(() => {\n    const cases = [\n      { label: '5 → 3 +2', items: avatarItems, total: 5, visible: 3 },\n      {\n        label: '2 загружено из 5',\n        items: avatarItems.slice(0, 2),\n        total: 5,\n        visible: 3,\n      },\n      { label: 'Пустая группа', items: [], total: 0, visible: 3 },\n      { label: 'Известен только total', items: [], total: 5, visible: 3 },\n      { label: 'visibleCount=0', items: avatarItems, total: 5, visible: 0 },\n    ];\n    return Array.from({ length: 700 }, (_, id) => {\n      const scenario = cases[id % cases.length]!;\n      return {\n        ...scenario,\n        id,\n        label: `Строка ${id + 1}: ${scenario.label}`,\n        items: scenario.items.map((item, index) => ({\n          ...item,\n          url: `/canvas-images/virtual/${index}?row=${id}`,\n        })),\n      };\n    });\n  }, []);\n  const columns = useMemo<ColumnConfig<(typeof rows)[number]>[]>(\n    () => [\n      { key: 'label', name: 'Строка и сценарий', width: 280 },\n      ...[200, 60].map<ColumnConfig<(typeof rows)[number]>>((width) => ({\n        key: `team-${width}`,\n        name: width === 60 ? 'Узко' : 'Группа',\n        width,\n        copyData: (row) => avatarCopyText(row.items, row.total),\n        renderCell: ({ row }) => (\n          <Canvas.Container padding={8}>\n            <Canvas.AvatarGroup\n              items={row.items}\n              totalCount={row.total}\n              visibleCount={row.visible}\n            />\n          </Canvas.Container>\n        ),\n      })),\n    ],\n    [],\n  );\n  return (\n    <TableCanvas\n      rows={rows}\n      columnConfig={columns}\n      tableConfig={{ rowHeight: 44, containerStyle: { height: '360px' } }}\n    />\n  );\n};\nfunction AvatarGroupExample() {\n  return (\n    <>\n      <p>\n        700 строк с локальными PNG-фотографиями и разным количеством участников\n        в обычной и узкой колонках. У каждой строки свои URL фотографий —\n        прокрутите таблицу, чтобы увидеть загрузку новых изображений.\n      </p>\n      <VirtualTable />\n    </>\n  );\n};"
+        }
+      ]
+    },
     {
       "component": "TableCanvas",
       "feature": "CanvasElements/CanvasBadge",
@@ -52895,6 +53395,32 @@
         }
       ]
     },
+    {
+      "component": "TableCanvas",
+      "feature": "CanvasElements/CanvasImage",
+      "legacy": false,
+      "summary": "Изображение по URL в ячейке `TableCanvas` с заранее заданными размерами.",
+      "docs": "# Canvas.Image\n\nИзображение по URL в ячейке `TableCanvas` с заранее заданными размерами.\n\n## Ключевые особенности\n\n- Три режима вписывания: `cover`, `contain` и `fill`.\n- Выравнивание изображения по центру.\n- Поддержка прозрачных изображений, тултипов и кликов.\n- Размеры через `style.width` и `style.height` не меняются после загрузки.\n\n## Особенности\n\nПо умолчанию используется `cover`: изображение заполняет область с обрезкой по краям. `contain` сохраняет изображение целиком, а `fill` растягивает его до заданных размеров.\n\nПока изображение загружается или если URL недоступен, зарезервированная область остаётся пустой. Загрузка поддерживается в ячейках данных; в заголовках она недоступна.\n\nДля размещения используйте `Canvas.Container`. Примитив не принимает `children`.\n\nОписание типов — в разделе [API](?path=/docs/локальные-компоненты-tablecanvas-canvaselements-canvasimage-api--docs).",
+      "apiDocs": "# Canvas.Image API\n\n## CanvasImageProps\n\n```typescript\ntype CanvasImageProps = PublicCanvasProps<InternalCanvasImageProps>;\n```\n\n## ImageFit\n\n```typescript\ntype ImageFit = 'fill' | 'cover' | 'contain';\n```",
+      "api": [
+        {
+          "typeName": "CanvasImageProps",
+          "source": "type CanvasImageProps = PublicCanvasProps<InternalCanvasImageProps>;"
+        },
+        {
+          "typeName": "ImageFit",
+          "source": "type ImageFit = 'fill' | 'cover' | 'contain';"
+        }
+      ],
+      "stories": [
+        {
+          "exportName": "Fits",
+          "displayName": "Режимы вписывания",
+          "type": "full-code",
+          "code": "import React from 'react';\nimport { Canvas, TableCanvas, type ColumnConfig, type ImageFit } from '@daisforge/ui/components/TableCanvas';\nimport wideImage from '../CanvasAvatar/images/wide.png';\n\nfunction ImageFitsExample() {\n  const rows = [\n    {\n      id: 0,\n      image: 'Горы',\n      src: wideImage,\n    },\n  ];\n  const fits: ImageFit[] = ['cover', 'contain', 'fill'];\n  const columns: ColumnConfig<(typeof rows)[number]>[] = fits.map((fit) => ({\n    key: fit,\n    name: fit,\n    width: 170,\n    copyData: (row) => row.image,\n    renderCell: ({ row, theme }) => (\n      <Canvas.Container padding={8}>\n        <Canvas.Container\n          position=\"relative\"\n          style={{ width: 88, height: 88 }}\n          tooltip={`${row.image}: ${fit}`}\n        >\n          <Canvas.Image\n            src={row.src}\n            fit={fit}\n            style={{ width: 88, height: 88 }}\n          />\n          <Canvas.Rect\n            position=\"absolute\"\n            left={0}\n            top={0}\n            style={{ width: 88, height: 88 }}\n            borderColor={theme.tokens.outlineAccent}\n            borderWidth={1}\n            zIndex={1}\n          />\n        </Canvas.Container>\n      </Canvas.Container>\n    ),\n  }));\n  return (\n    <TableCanvas\n      rows={rows}\n      columnConfig={columns}\n      tableConfig={{ rowHeight: 104, containerStyle: { height: '160px' } }}\n    />\n  );\n};"
+        }
+      ]
+    },
     {
       "component": "TableCanvas",
       "feature": "CanvasElements/CanvasLink",
@@ -53883,11 +54409,11 @@
       "legacy": false,
       "summary": "*tableConfig.filtering**",
       "docs": "# Filtering\n\n**tableConfig.filtering**\n\nФильтрация данных таблицы с поддержкой автоматического и ручного режимов.\n\n## Ключевые особенности\n\n- Три типа фильтров: `input`, `select`, `custom`\n- Автоматическая фильтрация по умолчанию, ручная через `manualFiltering: true`\n- Отображение активных фильтров в виде chip-элементов\n- Поддержка фильтрации через sidebar с настройкой порядка и глобальных фильтров\n- Кастомизация chip-стилей и лейблов\n\n## Типы фильтров\n\n### Input\n\nТекстовый фильтр с режимами: `'includes'`, `'startWith'`, `'equal'` или кастомная функция.\n\n### Select\n\nФильтр выбором из списка. Поддержка одиночного (`'single'`) и множественного (`'multiple'`) выбора.\n\n### Custom\n\nПолностью кастомный компонент фильтра через `customRender`.\n\n## Конфигурация FilteringConfig\n\n- **`state`** `[T, setState]` — стейт фильтров (обязательный)\n- **`manualFiltering`** `boolean` — ручная фильтрация (данные не фильтруются таблицей)\n- **`filtersInfo`** `Record<keyof T, { label, clearedValue }>` — метки и дефолтные значения фильтров\n- **`sidebarConfig`** `{ order?, items }` — конфигурация sidebar с фильтрами\n- **`chipStyle`** `(itemOrGroup, item) => CSSObject` — кастомные стили для chip-элементов\n- **`renderGroupLabel`** `(group) => string` — кастомный заголовок группы чипсов\n- **`renderChipLabel`** `(group, item) => string` — кастомный текст чипса\n\n## Кастомизация чипсов\n\n### chipStyle\n\nПозволяет динамически задавать стили для каждого чипа фильтра в зависимости от его типа и содержимого.\n\n### renderGroupLabel\n\nФорматтер заголовка группы чипсов. Полезен для i18n или добавления счётчика выбранных элементов.\n\n### renderChipLabel\n\nФорматтер текста внутри чипса. Полезен при серверной пагинации, когда в стейте хранится только `value`, а `label` подставляется из кэша.\n\n## Особенности\n\n- При `manualFiltering: true` таблица не фильтрует данные — ожидается внешняя логика (серверная)\n- `sidebarConfig` позволяет добавлять глобальные фильтры, не привязанные к колонкам\n- `filtersInfo` задаёт лейблы и значения по умолчанию для каждого фильтра\n\n> Подробнее о типах — [Filtering API](?path=/docs/локальные-компоненты-tablecanvas-filtering-api--docs)",
-      "apiDocs": "# Filtering API\n\n## FilteringConfig\n\n```typescript\ntype FilteringConfig<T> = {\n  state: [T, React.Dispatch<React.SetStateAction<T>>];\n  /**\n   * @deprecated Использовать filtersInfo\n   *\n   * clearedValue - состояние фильтров после очистки. Используется для сравнения:\n   * Например, был ли фильтр конкретной колонки изменен рассчитывается посредством сравнения текущего значения фильтра и значения фильтра в clearedValue.\n   * Если они равны, то фильтр считается не измененным.\n   */\n  clearedValue?: T;\n  /**\n   * Информация о фильтрах для каждой колонки.\n   * Используется для:\n   * 1. Хранения меток (label) фильтров для отображения в UI\n   * 2. Хранения значений по умолчанию (clearedValue) для каждого фильтра\n   * 3. Определения, был ли фильтр изменен (сравнение текущего значения с clearedValue)\n   */\n  filtersInfo?: Record<\n    keyof T,\n    {\n      label: string;\n      clearedValue: T[keyof T];\n    }\n  >;\n  /**\n   * manualFiltering - пропс, активирующий ручную-кастомную (или на стороне бэка) фильтрацию.\n   * @remarks\n   * Для автоматической фильтрации (когда не используется manualFiltering в tableConfig):\n   * - Для всех типов фильтров обязательно должен быть указан `valueInRow`\n   * - Для component: 'select' дополнительно должен быть указан `filteringType`\n   * - Для component: 'input' с кастомным фильтром (когда filter - функция)\n   *   функция фильтрации должна быть передана явно\n   *\n   * Если используется manualFiltering, эти параметры не обязательны,\n   * так как вся логика фильтрации реализуется извне.\n   */\n  manualFiltering?: boolean;\n  /**\n   * Конфигурация для отображения фильтров в правом сайдбаре.\n   *\n   * Позволяет:\n   * 1. Добавлять глобальные фильтры (не привязанные к конкретной колонке)\n   * 2. Управлять порядком отображения фильтров\n   * 3. Переопределять рендер и заголовки колоночных фильтров\n   *\n   * Логика работы:\n   * - По умолчанию в сайдбаре отображаются все колоночные фильтры (из columnConfig)\n   * - Ключом фильтра считается `key` колонки, если его нет, то пытаемся взять `keyInFilterState` (если указан), иначе это не будет работать\n   * - Заголовком фильтра по умолчанию является `name` колонки или ключ фильтра (name || key)\n   * - Глобальные фильтры добавляются через `items` с уникальными ключами\n   *\n   * Особенности:\n   * 1. Порядок отображения:\n   *    - Сначала фильтры из `order` (в указанной последовательности)\n   *    - Затем остальные колоночные фильтры (в порядке columnConfig)\n   *    - В конце - глобальные фильтры (в алфавитном порядке ключей)\n   *\n   * 2. Переопределение колоночных фильтров:\n   *    - Чтобы изменить заголовок: укажите ключ колонки в `items` с новым `label`\n   *    - Чтобы заменить рендер: укажите ключ колонки с `customRenderFn`\n   *    - Оригинальный фильтр из колонки будет проигнорирован\n   *\n   * 3. Глобальные фильтры:\n   *    - Ключ не должен совпадать с ключами колонок\n   *    - Обязательно указать `label` и `customRenderFn`\n   *    - Отображаются после всех колоночных фильтров, если не переопределены в order\n   *\n   * @example\n   * // Добавление глобального фильтра и изменение порядка\n   * sidebarConfig: {\n   *   order: ['status', 'tasks', 'type'], // Сначала статус, затем глобальный поиск\n   *   items: {\n   *     tasks: { // Уникальный ключ\n   *       label: 'Поиск по всем полям',\n   *       customRenderFn: () => <TaskComponent />\n   *     },\n   *     status: { // Переопределение колоночного фильтра\n   *       label: 'Статус заявки', // Новый заголовок\n   *       customRenderFn: () => <CustomStatusFilter /> // Кастомный рендер\n   *     }\n   *     type: { // Переопределение только Label колоночного фильтра\n   *       label: 'Тип', // Новый заголовок\n   *     }\n   *   }\n   * }\n   */\n  sidebarConfig?: {\n    /**\n     * Определяет порядок отображения фильтров.\n     * - Указываются ключи фильтров (колоночных или глобальных)\n     * - Не указанные в order фильтры отображаются после\n     * - Если order пуст, сохраняется порядок: глобальные фильтры + columnConfig фильтры в конце\n     */\n    order?: string[];\n    /**\n     * Конфигурация фильтров для сайдбара.\n     * Ключом может быть:\n     * - Ключ колонки (для переопределения колоночного фильтра)\n     * - Уникальный ключ (для добавления глобального фильтра)\n     */\n    items: Partial<\n      Record<\n        keyof T,\n        {\n          /** Заголовок фильтра (обязателен для глобальных фильтров), можно использовать для переопределения для локальных фильтров */\n          label: string;\n          /**\n           * Функция рендера компонента фильтра.\n           * Для колоночных фильтров переопределяет оригинальный рендер.\n           * Для глобальных фильтров обязательна.\n           */\n          customRenderFn?: (\n            filters: T,\n            setFilters: React.Dispatch<React.SetStateAction<T>>,\n          ) => React.ReactNode;\n        }\n      >\n    >;\n  };\n  /**\n   * Callback для кастомизации стилей чипсов (фильтров) в списке\n   *\n   * @param {ItemOrGroup} itemOrGroup - Текущий элемент или группа фильтров\n   * @param {Item | undefined} item - Конкретный элемент фильтра (если есть)\n   * @returns {CSSObject} Объект стилей, который будет применен к чипсу\n   *\n   * @description\n   * Позволяет динамически задавать стили для каждого чипса в зависимости от его типа и содержимого.\n   * Вызывается для каждого отображаемого чипса (как для отдельных элементов, так и для элементов внутри групп).\n   *\n   * @example\n   * // Пример 1: Стилизация чипсов по типу\n   * chipStyle: (itemOrGroup, item) => {\n   *   if (isGroup(itemOrGroup)) {\n   *     return { backgroundColor: '#f0f0f0' };\n   *   }\n   *   return { backgroundColor: '#e0e0e0' };\n   * }\n   *\n   * @example\n   * // Пример 2: Стилизация по значению фильтра\n   * chipStyle: (itemOrGroup, item) => {\n   *   if (item?.label === 'Высокий приоритет') {\n   *     return {\n   *       backgroundColor: '#ffebee',\n   *       color: '#d32f2f'\n   *     };\n   *   }\n   *   return {};\n   * }\n   *\n   * @example\n   * // Пример 3: Разные стили для элементов в группе и одиночных\n   * chipStyle: (itemOrGroup, item) => {\n   *   if (item) {\n   *     // Стиль для элемента внутри группы\n   *     return { maxWidth: 180 };\n   *   }\n   *   // Стиль для одиночного чипа\n   *   return { maxWidth: 150 };\n   * }\n   */\n  chipStyle?: (itemOrGroup: ItemOrGroup, item: Item | undefined) => CSSObject;\n  /**\n   * Пользовательский форматтер заголовка группы чипсов.\n   *\n   * Используется в блоке активных фильтров для подмены текста заголовка\n   * группы (например, “Статус”, “Тип”, “Автор”). Полезно, когда нужно\n   * динамически менять подпись (добавить счётчик, i18n и т.п.).\n   *\n   * @param {ItemOrGroup} itemOrGroup Объект группы (тип Group). Вызов происходит только для групп,\n   *                                   поэтому безопасно кастовать к Group.\n   * @returns {string} Текст заголовка группы чипсов.\n   *\n   * @default Возвращается `group.groupLabel`.\n   *\n   * @remarks\n   * - Функция должна быть чистой и быстрой (без сетевых запросов и побочных эффектов).\n   * - Возвращайте ТОЛЬКО строку — чипы отображают текстовое значение.\n   * - Для длинных строк применяется усечение (overflow с многоточием) на уровне компонента.\n   *\n   * @example\n   * // Добавить двоеточие и количество выбранных элементов\n   * renderGroupLabel: (group) => `${group.groupLabel}: ${group.items.length}`\n   *\n   * @example\n   * // Локализация заголовка группы\n   * const i18n = { status: 'Статус', type: 'Тип' };\n   * renderGroupLabel: (group) => i18n[group.groupId] ?? group.groupLabel\n   */\n  renderGroupLabel?: (group: Group) => string;\n\n  /**\n   * Пользовательский форматтер текста чипса (элемента внутри группы или одиночного фильтра).\n   *\n   * Позволяет управлять тем, что именно отображается внутри каждого чипса. Особенно полезен\n   * при серверной пагинации/ленивой загрузке, когда в состоянии фильтра хранится только value,\n   * а label необходимо подставить из локального кэша.\n   *\n   * @param {Group | null } group  Группа, внутри которой рендерится чип (или null).\n   * @param {Item} item   Сам элемент чипса. В группах передаётся конкретный `Item`,\n   *                                  для одиночного чипа может быть `undefined`.\n   * @returns {string} Текст, который будет показан в чипсе.\n   *\n   * @default Используется `item?.label.toString()` (или строковое представление value).\n   *\n   * @remarks\n   * - Функция должна быть чистой и быстрой;\n   * - Возвращайте ТОЛЬКО строку.\n   *\n   * @example\n   * // 1) Отображение label из кэша при серверной пагинации\n   * const labelsCacheRef = useRef(new Map<string, string>());\n   * renderChipLabel: (group, item) => {\n   *   if (item?.id != null) {\n   *     const key = String(item.id);\n   *     const fromCache = labelsCacheRef.current.get(key);\n   *     if (fromCache) return fromCache;     // красивый label, если уже загрузили\n   *     return String(item.label ?? key);    // фоллбэк: временно показываем value/label из item\n   *   }\n   *   return ''; // безопасный фоллбэк для одиночных случаев\n   * }\n   *\n   * @example\n   * // 2) Нормализация отображения числовых значений\n   * renderChipLabel: (_group, item) => {\n   *   const v = Number(item?.label);\n   *   return Number.isFinite(v) ? v.toLocaleString('ru-RU') : String(item?.label ?? '');\n   * }\n   *\n   * @example\n   * // 3) Префикс по типу группы\n   * renderChipLabel: (group, item) => {\n   *   const prefix = group.groupId === 'status' ? '' : '#';\n   *   return `${prefix}${item?.label ?? item?.id ?? ''}`;\n   * }\n   */\n  renderChipLabel?: (group: Group | null, item: Item) => string;\n};\n\nexport type DefaultSidebarTabIds = 'columns' | 'tableSettings' | 'filtering';\n\n/**\n * Конфигурация sidebar\n */\nexport type SidebarConfig = {\n  /**\n   * Включен ли sidebar. Отвечает только за UI. Не влияет на перерасчёт фичей.\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * Открыт ли sidebar при первом рендере (uncontrolled-режим).\n   * Игнорируется, если передан openState.\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Внешний контроль открытия/закрытия sidebar.\n   * Если передан — источник истины, defaultOpen игнорируется.\n   */\n  openState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * id вкладки, выбранной по умолчанию (актуально при открытом сайдбаре).\n   * Если id не найден или у вкладки showInSidebar=false — используется первая доступная.\n   */\n  defaultActiveTabId?: string;\n  /**\n   * Внешний контроль активной вкладки (controlled-режим).\n   * Если передан — источник истины, defaultActiveTabId игнорируется.\n   */\n  activeTabState?: [\n    string | null,\n    React.Dispatch<React.SetStateAction<string | null>>,\n  ];\n  /**\n   * Колбэк смены активной вкладки. Вызывается и в uncontrolled-режиме.\n   * При закрытии сайдбара приходит null.\n   */\n  onActiveTabChange?: (tabId: string | null, tab?: SidebarTab) => void;\n  /**\n   * Кастомные табы\n   */\n  customTabs?: Array<\n    Omit<SidebarTab, 'id'> & {\n      id: Exclude<string, DefaultSidebarTabIds>;\n    }\n  >;\n  /**\n   * Порядок отображения кастомных вкладок\n   */\n  customTabsOrder?: Array<Exclude<string, DefaultSidebarTabIds>>;\n  defaultTabs?: Array<\n    | {\n        id: 'filtering' | 'columns';\n        /** название таба в рамках горизонтального табов внутри таба настройки */\n        label?: string;\n        /** название таба в рамках вертикальных табов сайдбара (если данный таб окажется единственным табом в настройках) */\n        title?: string;\n        /**\n         * Метки для автоматизированного тестирования и аналитики\n         * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n         */\n        domMetadata?: DomMetadata;\n        /**\n         * Кастомный элемент справа от title в шапке сайдбара\n         */\n        titleRightSlot?: React.ReactNode;\n        /** @default true */\n        showInSidebar?: boolean;\n        /** тултип иконки шестеренки (для табов с id = filtering и columns - недоступен. Настраивается через таб с id='tableSettings') */\n        iconTooltipText?: undefined;\n      }\n    | {\n        id: 'tableSettings';\n        /** название таба в рамках горизонтального табов внутри таба настройки */\n        label?: string;\n        /** название таба в рамках вертикальных табов сайдбара */\n        title?: string;\n\n        /**\n         * Метки для автоматизированного тестирования и аналитики\n         * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n         */\n        domMetadata?: DomMetadata;\n        /**\n         * Кастомный слот для вкладки tableSettings (рендерится после общих настроек)\n         * Только дл id: 'tableSettings'\n         */\n        customGeneralSettingsSlot?: React.ReactNode;\n        /**\n         * Кастомный элемент справа от title в шапке сайдбара\n         */\n        titleRightSlot?: React.ReactNode;\n        /** @default true */\n        showInSidebar?: boolean;\n        /** тултип иконки шестеренки @default 'Настройки' */\n        iconTooltipText?: string;\n      }\n  >;\n};\n\nexport function activeViewIs<T extends 'cards' | 'rows'>(\n  checkType: T,\n  viewState: 'cards' | 'rows',\n  view: View,\n): view is ViewMods[T] {\n  return checkType === viewState;\n}\n\n/** Размер controlBlock: 'm' и 's' — одинаковые стили, 'xs' — уменьшенный */\nexport type ControlBlockSize = 'm' | 's' | 'xs';\n\nexport type ControlBlockConfig = {\n  /**\n   * show - наличие controlBlock-а\n   * @default true\n   */\n  show?: boolean;\n  /**\n   * Размер controlBlock и его элементов (кнопки, иконки, поиск, отступы).\n   * 'm' и 's' — стандартные стили, 'xs' — компактный режим.\n   * Не влияет на customFeatures и кастомные слоты — они контролируются разработчиком.\n   * @default 'm'\n   */\n  size?: ControlBlockSize;\n  /**\n   * @deprecated Используйте кастомные кнопки через rightSideInner или customFeatures.\n   * leftSideInner - пропс для добавления кнопок в левую часть контролблока.\n   * Продолжает работать для обратной совместимости.\n   */\n  leftSideInner?: ControlBlockButtonProps[];\n  /**\n   * rightSideInner - пропс для добавления кнопок в правую часть контролблока\n   */\n  rightSideInner?: ControlBlockButtonProps[];\n  /**\n   * customFeatures - пропс для добавления кастомных фичей (кнопки-иконки)\n   */\n  customFeatures?: FeatureItem[];\n  /**\n   * pinningMenu - нативная фича закрепления столбцов (SplitIconButton с\n   * дропдауном) в правой зоне иконок. Появляется, когда активировано\n   * закрепление колонок (columnsControl.pinning). Продукт может донастроить\n   * и дополнить пункты меню (см. PinningMenuConfig).\n   */\n  pinningMenu?: PinningMenuConfig;\n  /**\n   * Пропсы для компонента dropdown в котором будут скрыты левые фичи при адаптивной компрессии\n   */\n  leftSideDropdownProps?: TableDropdownConfigProps;\n  /**\n   * Пропсы для компонента dropdown в котором будут скрыты правые фичи при адаптивной компрессии\n   */\n  rightSideDropdownProps?: TableDropdownConfigProps;\n  /**\n   * Активна ли фича компрессии (сжатие ToolsMenu при адаптиве)\n   * @default true\n   */\n  enableAdaptiveCompress?: boolean;\n  /**\n   * Панель массовых действий\n   */\n  massActionPanel?: {\n    /**\n     * Кнопки панели. Размеры кнопок/дропдаунов панель подбирает сама (по `size` панели и компактности) —\n     * передавать `size` кнопкам не нужно. Если `size` на кнопке всё же задан — он используется как есть.\n     */\n    buttons: MassActionButtonProps[];\n    /**\n     * Пропсы для Dropdown, в который сжались кнопки\n     */\n    collapsedDropdownProps?: TableDropdownConfigProps;\n    /**\n     * Отступ панели снизу от контейнера (px)\n     * @default 24\n     */\n    bottom?: number;\n    /**\n     * Управление отображением панели массовых действий.\n     * - `undefined` (по умолчанию) — стандартное поведение (показывается при selecting + выбранных строках)\n     * - `false` — панель не рендерится, разработчик управляет действиями самостоятельно\n     * - `true` — панель показывается всегда, даже без активного selecting и выбранных строк\n     */\n    show?: boolean;\n    /**\n     * Размерная сетка панели внутри таблицы: `m`/`s` — обычный размер, `xs` — уменьшенный (кнопки `xxs`, «ещё» `xs`, счётчик Body XS).\n     * Viewport-логика (1280) в таблице не используется.\n     * @default 's'\n     */\n    size?: MassActionsSize;\n  };\n};\n\n/** Пропсы кнопки редактирования. onClick исключён — используйте onSave/onCancel/onEnableEditing. */\nexport type EditingButtonProps = Omit<\n  Partial<ControlBlockButtonProps>,\n  | 'onClick'\n  | 'size'\n  | 'dropdown'\n  | 'isTargetAction'\n  | 'skipRightDivider'\n  | 'tooltipText'\n>;\n\nexport type EditingConfig<\n  RowType extends ObjectForExtending,\n  RowIdType,\n  SummaryRowType,\n> = {\n  /**\n   * Функция обработки изменений в редактируемой строке\n   */\n  onRowsChange: Maybe<\n    (rows: RowType[], data: RowsChangeData<RowType, SummaryRowType>) => void\n  >;\n  /**\n   * свойство, необходимое для корректного изменения дочерних строк.\n   * Данное свойство обязательно, если ваши дочерние строки установлены не под ключом \"subRows\" внутри строки.\n   *\n   * Как дочерние строки можно указывать свойство, которые вложено в другое свойство.\n   * В таком случае \".\" будет знаком для обозначения сл. уровня вложенности.\n   *\n   * @example \"child\" или \"uvh367.children\"\n   */\n  subRowsKey?: string;\n  /**\n   * Глубокое копирование строк перед применением правки в режиме редактирования.\n   *\n   * Включите, если строки, передаваемые в таблицу, иммутабельны/заморожены\n   * (напр. стейт под управлением Redux Toolkit или Immer — они вызывают\n   * Object.freeze в dev). При редактировании дочерней строки таблица записывает\n   * изменение ВНУТРЬ объекта родителя; на замороженном объекте это падает с\n   * `TypeError: Cannot assign to read only property`.\n   *\n   * Когда флаг включён, таблица сама делает structuredClone редактируемой строки\n   * перед записью — ваш иммутабельный стейт не мутируется, и редактирование\n   * дочерних строк работает без действий с вашей стороны.\n   *\n   * ⚠️ Данные строки должны быть сериализуемыми. Где доступен structuredClone —\n   * Date/Map/Set и вложенные структуры копируются корректно; на старых средах\n   * без structuredClone используется JSON-фоллбэк (теряет Date/Map/Set, undefined\n   * и функции). Не включайте без необходимости — глубокое копирование добавляет\n   * накладные расходы.\n   *\n   * @default false\n   */\n  deepCloneRows?: boolean;\n  /**\n   * Функция определения уникального id строки\n   * @param row\n   * @returns\n   */\n  rowKeyGetter: (row: RowType) => RowIdType;\n  /**\n   * Функция определения возможности редактирования строки\n   * @param row\n   * @returns\n   */\n  rowEditable?: (row: RowType) => boolean;\n  /**\n   * defaultEnabled - пропс, отвечающий за то, будет ли активен режим редактирования или нет. По умолчанию - не активно.\n   * @default false\n   */\n  defaultEnabled?: boolean;\n  /**\n   * enabled - необходим для управления режимом редактирования снаружи компонента Таблицы.\n   * По умолчанию, управление происходит в компоненте.\n   * Приоритетнее, чем defaultEnabled.\n   *\n   * @type boolean - если НЕ нужно переключение в самой таблице\n   * @type [boolean, React.Dispatch<React.SetStateAction<boolean>>] - если нужно переключение в самой таблице\n   *\n   */\n  enabled?: boolean | [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * Cостояние скрытия/раскрытия кнопки включения/выключения фичи\n   * @default true\n   */\n  showButtons?: boolean;\n  /**\n   * Функция, вызывающаяся при включении фичи.\n   * @param enableEditorMode - функция включающая режим редактирования\n   */\n  onEnableEditing?: (enableEditorMode: () => void) => void;\n  /**\n   * Функция, вызывающаяся при сохранении отредактированного.\n   * @param disableEditorMode - функция выключающая режим редактирования\n   */\n  onSave?: (disableEditorMode: () => void) => void;\n  /**\n   * Функция, вызывающаяся при отмене отредактированного.\n   * @param disableEditorMode - функция выключающая режим редактирования\n   */\n  onCancel?: (disableEditorMode: () => void) => void;\n  /** Пропсы кнопок в controlBlock. */\n  buttons?: {\n    save?: EditingButtonProps;\n    cancel?: EditingButtonProps;\n    edit?: EditingButtonProps;\n  };\n  /**\n   * Кастомный слот, отображаемый левее кнопок «Отменить» / «Сохранить».\n   * Виден только когда режим редактирования активен (editMode = true).\n   * Зона ответственности разработчика — размерная сетка controlBlock не влияет на этот слот.\n   */\n  editModeLeftSlot?: React.ReactNode;\n  /**\n   * Метки для автоматизированного тестирования и аналитики\n   * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n   */\n  domMetadata?: {\n    enableButton?: DomMetadata;\n    saveButton?: DomMetadata;\n    cancelButton?: DomMetadata;\n  };\n};\n\nexport type SummaryRowsConfig = {\n  showDefault: boolean;\n  showInControl: boolean;\n  /**\n   * callback при переключении тогла «Итоговые строки» в настройках таблицы.\n   * Вызывается только по действию пользователя (не при монтировании),\n   * поэтому подходит для сохранения выбора, например, в localStorage.\n   * Сохранённое значение передавайте обратно в `showDefault`.\n   */\n  onChange?: (checked: boolean) => void;\n} & {\n  /**\n   * Метки для автоматизированного тестирования и аналитики\n   * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n   */\n  domMetadata?: DomMetadata;\n};\n\n/**\n * Конфиг тултипа при hover по canvas-элементам.\n * Для активации фичи необходимо заполнить данный конфиг,\n * а также добавить нужные изменения в Canvas-элементах или в конфиге колонки.\n */\nexport type TableConfigTooltip = {\n  /**\n   * Включить/выключить колоночные и кастомные тултипы (cellTooltip, headerCellTooltip).\n   * Внутренние тултипы (drag-иконка в шапке и другие по nodeId) работают всегда.\n   * @default false\n   */\n  enabled?: boolean;\n  /** Глобальная задержка перед показом тултипа (мс). Per-node переопределяет. @default 500 */\n  mouseEnterDelay?: number;\n  /** Глобальная задержка перед скрытием тултипа (мс). Per-node переопределяет. @default 0 */\n  mouseLeaveDelay?: number;\n  /**\n   * Минимальная ширина тултипа. Число трактуется как px, строка с единицей\n   * (например '20rem', '50%') отдаётся как есть. Действует на все canvas-тултипы,\n   * включая авто-тултип Canvas.Text. Если ширина задана на самом тултипе\n   * (per-node), приоритет у неё.\n   */\n  minWidth?: number | string;\n  /**\n   * Максимальная ширина тултипа. Число трактуется как px, строка с единицей\n   * (например '20rem', '50%') отдаётся как есть. Действует на все canvas-тултипы,\n   * включая авто-тултип Canvas.Text. Если ширина задана на самом тултипе\n   * (per-node), приоритет у неё.\n   */\n  maxWidth?: number | string;\n};\n\nexport type InfinityScrollConfig<RowType extends ObjectForExtending> = {\n  /** Триггер достижения скроллом зоны подгрузки данных. */\n  onTrigger: (rows: RowType[]) => Promise<void> | void;\n  /** Состояние загрузки (скелетоны) новых строк. */\n  isLoading: boolean;\n  /**\n   * Флаг, когда все данные загружены — false.\n   * @default true\n   */\n  hasMore?: boolean;\n  /**\n   * Для mode='region': за сколько строк до конца триггерить загрузку.\n   * @default 5\n   */\n  rowThreshold?: number;\n};\n\nexport type { TableCanvasEmptyStateConfig, TableCanvasErrorStateConfig };\n\n/**\n * Настройка выделения ячеек/колонок/строк в TableCanvas — единый объект.\n * Это отдельная ось взаимодействия — не зависит от `highlightActiveType`.\n */\nexport type CellsSelectionConfig = {\n  /**\n   * Режим фактического выделения ячеек (нативный glide selection). По нему\n   * работают copy/paste, рамка, fill-handle и затемнение шапки/нумерации.\n   * @default \"range-cell\"\n   */\n  mode?: CellsSelectionMode;\n  /**\n   * Выделение колонок по клику на шапку. Ctrl/Cmd — добавить/убрать колонку,\n   * Shift — диапазон колонок. Клик по иконкам сортировки/фильтрации в шапке\n   * выделение НЕ вызывает. Поддерживает copy/paste по выделенным колонкам.\n   * @default true\n   */\n  enableColumnSelection?: boolean;\n  /**\n   * Выделение строк по клику/драгу на колонке нумерации (`rowMarkers`).\n   * Ctrl/Cmd — несмежный выбор отдельных строк, драг — смежный диапазон.\n   * Поддерживает copy/paste по выделенным строкам. Требует включённой колонки\n   * нумерации (`rowMarkers`). При `false` клик по нумерации ничего не выделяет.\n   * @default true\n   */\n  enableRowSelection?: boolean;\n  /**\n   * Выделение всей таблицы кликом по «нулевой» ячейке — шапке колонки нумерации\n   * (левый верхний угол). Выделяет все строки данных по всем колонкам одним\n   * диапазоном; поддерживает copy/paste. Требует включённой колонки нумерации\n   * (`rowMarkers`) и активного `mode` (≠ `disabled`).\n   * @default true\n   */\n  enableSelectAll?: boolean;\n  /**\n   * Внешний (controlled) контроль НАТИВНОГО выделения (ячейки/диапазон/смежные\n   * строки и колонки). `state` — кортеж `[value, setter]` как у `selecting.state`.\n   * Сброс: `setter({ current: undefined, rows: empty, columns: empty })`.\n   * Несмежный Ctrl-выбор колонок/строк (own-state) сюда не входит — он внутренний.\n   */\n  state?: [GridSelection, React.Dispatch<React.SetStateAction<GridSelection>>];\n};\n\n/** Один объединённый блок: какие строки и колонки слить. */\nexport type MergedCellsRegion = {\n  rowKeys: Array<string | number>;\n  colKeys: string[];\n  /** Выравнивание контента этого блока. Важнее колоночного и общего. */\n  mergedCellsAlign?: MergedCellsAlign;\n};\n\n/**\n * Видимость сторон рамки ячейки: true рисовать, false не рисовать, не задано -\n * работает уровень ниже (настройка колонки, строки или общая).\n */\nexport type CellBorderVisibility = {\n  top?: boolean;\n  right?: boolean;\n  bottom?: boolean;\n  left?: boolean;\n};\n\n/**\n * Управление рамками (линиями) таблицы: включение и выключение. Уровни, от\n * слабого к сильному: общие настройки (vertical, horizontal), затем колонка\n * (getVerticalBorder) и строка (getHorizontalBorder), затем ячейка\n * (getCellBorder).\n */\nexport type BordersConfig<RowType = ObjectForExtending> = {\n  /** Рисовать ли вертикальные линии между колонками. @default true */\n  vertical?: boolean;\n  /** Рисовать ли горизонтальные линии между строками тела. @default true */\n  horizontal?: boolean;\n  /**\n   * Точечное управление вертикальной линией справа от колонки (разделитель\n   * после неё). Вернуть true или false, чтобы переопределить общую настройку\n   * vertical, или undefined, чтобы оставить её. Зовётся на каждую видимую\n   * колонку при перерисовке, поэтому функция должна быть быстрой.\n   */\n  getVerticalBorder?: (params: {\n    /** Ключ колонки, справа от которой рисуется линия. */\n    columnKey: string;\n    /** Индекс колонки в порядке отрисовки (закреплённые в начале). */\n    columnIndex: number;\n  }) => boolean | undefined;\n  /**\n   * Точечное управление горизонтальной линией сверху строки. Вернуть true или\n   * false, чтобы переопределить общую настройку horizontal, или undefined,\n   * чтобы оставить её. Для summary-строк не вызывается. Зовётся на каждую\n   * видимую строку при перерисовке, поэтому функция должна быть быстрой.\n   */\n  getHorizontalBorder?: (params: {\n    /** Строка под линией (линия рисуется сверху этой строки). */\n    row: RowType;\n    /** Индекс строки среди отображаемых. При раскрытии subRows индексы сдвигаются. */\n    rowIndex: number;\n    /** Уровень вложенности subRows: 0 корень, 1 и больше дочерние. */\n    treeLvl: number;\n  }) => boolean | undefined;\n  /**\n   * Стороны рамки конкретной ячейки, вкл и выкл. Для ячеек без переопределений\n   * возвращать undefined. Включает отрисовку линий с разбивкой по ячейкам,\n   * поэтому функция должна быть быстрой: без тяжёлых вычислений и с готовыми\n   * объектами-константами вместо новых на каждый вызов. Для summary-строк не\n   * вызывается.\n   */\n  getCellBorder?: (params: {\n    /** Индекс колонки среди отображаемых (без служебных). */\n    col: number;\n    /** Ключ колонки. */\n    columnKey: string | undefined;\n    /** Строка ячейки. */\n    row: RowType;\n    /** Индекс строки среди отображаемых. */\n    rowIndex: number;\n    /** Уровень вложенности subRows: 0 корень, 1 и больше дочерние. */\n    treeLvl: number;\n  }) => CellBorderVisibility | undefined;\n};\n\nexport type TableConfig<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n  RowIdType extends string | number,\n  FilterStateType extends ObjectForExtending,\n  // SubRowType\n> = {\n  /**\n   * Группировка колонок (многоуровневая шапка через `columnConfig.children`):\n   * объединение пустых ячеек шапки (`squashEmptyCells`, по умолчанию включено) и\n   * дефолт выравнивания в объединённых ячейках (`squashedHeaderAlign`).\n   */\n  columnsGrouping?: ColumnsGroupingConfig;\n  /**\n   * Подсветка активной сущности в canvas-таблице.\n   * @deprecated Значения `'cell'`/`'range-cell'` устарели — используйте\n   * `cellsSelection.mode`. Актуальны `'row'` (подсветка строки) и `'disabled'`.\n   */\n  highlightActiveType?: HighlightActiveType;\n  /**\n   * Единый конфиг выделения ячеек: режим (`mode`), оси\n   * (`enableColumnSelection`/`enableRowSelection`/`enableSelectAll`) и controlled\n   * (`state`). См. {@link CellsSelectionConfig}.\n   */\n  cellsSelection?: CellsSelectionConfig;\n  /**\n   * Подсвеченная строка (`highlightActiveType='row'`).\n   * `state` (опционально) — controlled-кортеж `[value, setter]`: задан — значением\n   * владеешь снаружи (сброс `setter(undefined)`); не задан — таблица крутит\n   * подсветку внутренним стейтом, а `onChange` всё равно срабатывает (подписка\n   * без владения значением).\n   */\n  highlightActiveRow?: {\n    state?: [\n      number | undefined,\n      React.Dispatch<React.SetStateAction<number | undefined>>,\n    ];\n    /**\n     * Колбэк смены подсвеченной строки: отдаёт её флэт-индекс и сам объект\n     * строки (`rows[index]`). Позволяет открывать данные подсвеченной строки\n     * (например, в SplitView) без `onCellClicked`.\n     */\n    onChange?: (params: {\n      index: number | undefined;\n      row: RowType | undefined;\n    }) => void;\n  };\n  /**\n   * Эффекты при наведении (hover)\n   * `row` — подсветка строки под курсором.\n   * Независимая визуальная ось: селектинг (`cellsSelection`) и `highlightActiveType='row'`\n   * рисуются ПОВЕРХ hover-подсветки и визуально перекрывают её (hover\n   * «остаётся под ними» и снова виден после сброса выделения).\n   *\n   * `{ row: true }` — включить с цветами из темы;\n   * `{ row: { color: '#F7F9FB' } }` — переопределить цвет data-ячеек.\n   * @default undefined (выключено)\n   */\n  hoverEffects?: HoverEffectsConfig;\n  /**\n   * Включает компенсацию тонких canvas-линий при browser zoom ниже 100%, когда devicePixelRatio меньше 1.\n   * Влияет только на grid/header/sticky hairline borders.\n   * @default false\n   */\n  enableLowDprHairline?: boolean;\n  /**\n   * Управление рамками (линиями) таблицы: включение и выключение.\n   *\n   * Уровни, от слабого к сильному: общие настройки (vertical, horizontal),\n   * затем колонка (getVerticalBorder) и строка (getHorizontalBorder), затем\n   * ячейка (getCellBorder).\n   *\n   * `vertical: false` и `horizontal: false` убирают все вертикальные или\n   * горизонтальные линии тела. `getCellBorder` включает и выключает стороны\n   * рамки конкретной ячейки; при его использовании линии рисуются с разбивкой\n   * по ячейкам.\n   */\n  borders?: BordersConfig<RowType>;\n  /**\n   * rowSize - размеры строк таблицы\n   */\n  rowSize?: Prettify<RowSize>;\n  /**\n   * rowHeight - размер высоты строк таблицы\n   */\n  rowHeight?: Maybe<number | RowHeightFunc<RowType>>;\n  /**\n   * sorting - активация сортировки. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={sorting: {sortingState}}\n   *\n   * columnConfig=[{sortingType: 'numberSort'}]\n   */\n  sorting?: {\n    state: [\n      readonly SortColumn[],\n      React.Dispatch<React.SetStateAction<readonly SortColumn[]>>,\n    ];\n    /**\n     * manualSorting - пропс, активирующий ручную-кастомную (или на стороне бэкенда) сортировку\n     */\n    manualSorting?: boolean;\n  };\n  /** @deprecated Свойство view не используется и будет удалено в следующей мажорной версии. */\n  view?: View;\n  /**\n   * filtering - активация фильтрации. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={filtering: {stateAndSetter, ...}}\n   *\n   * columnConfig=[{filtering: {...}}]\n   */\n  filtering?: FilteringConfig<FilterStateType>;\n  /**\n   * Сворачивание / разворачивание таблицы\n   */\n  collapsing?: TableCollapseConfig;\n  /**\n   * selecting - активация выбора строк. Условие активации - это наличие данного свойства.\n   * Есть поддержка выбора строк с многоуровневой вложенностью.\n   *\n   * Пример:\n   *\n   *```jsx\n   * import { Table } from '@daisforge/ui';\n   *\n   * <Table\n   * tableConfig={{selecting: {stateAndSetter, rowKeyGetter}}}\n   * {...rest}\n   * />\n   * ```\n   */\n  selecting?: {\n    state: [\n      ReadonlySet<RowIdType>,\n      React.Dispatch<React.SetStateAction<ReadonlySet<RowIdType>>>,\n    ];\n    rowKeyGetter: (row: RowType) => RowIdType;\n  } & Prettify<SelectingRowConfig<RowType, RowIdType>> & {\n      /**\n       * Метки для автоматизированного тестирования и аналитики\n       * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n       */\n      controlBlock?: {\n        domMetadata?: DomMetadata;\n      };\n      /**\n       * Метки для автоматизированного тестирования и аналитики\n       * Добавляет data-атрибуты и CSS-классы к элементам RightSidebar\n       */\n      sidebar?: {\n        domMetadata?: DomMetadata;\n      };\n    };\n  /**\n   * editing - активация редактирования. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={editing: {onRowsChange, rowKeyGetter}}\n   *\n   * columnConfig=[{editingCell: {...}}]\n   */\n  editing?: EditingConfig<RowType, RowIdType, SummaryRowType>;\n\n  /**\n   * cellTransfer — конфигурация копирования, вставки и fill handle.\n   * По умолчанию копирование (Ctrl+C) работает в режиме редактирования.\n   * Данные копируются в формате TSV (tab-separated values), совместимом с Excel.\n   *\n   * Пример:\n   *\n   * tableConfig={{ cellTransfer: { enabled: true, onBeforeCopy: (data) => data } }}\n   */\n  cellTransfer?: CellTransferConfig;\n\n  /**\n   * Объединение ячеек тела таблицы.\n   *\n   * mergeByCellValues — колонки, в которых подряд идущие одинаковые значения\n   * сливаются в один блок (по вертикали). Границы блоков таблица считает сама из\n   * данных; сортировка и фильтр их пересобирают. Данные не меняются — значение и\n   * так повторяется в строках, объединение лишь показывает его одной ячейкой.\n   *\n   * mergedCellsRegions — список блоков, заданных снаружи (как выделение): каждый\n   * блок описан ключами строк (rowKeys) и колонок (colKeys). Нужен rowKeyGetter.\n   * Если после сортировки или скрытия колонок строки/колонки блока перестали идти\n   * подряд — блок не рисуется. Важнее mergeByCellValues.\n   *\n   * Примеры: mergeCells={{ mergeByCellValues: ['dept', 'role'] }},\n   * mergeCells={{ mergedCellsRegions, rowKeyGetter: (r) => r.id }}.\n   */\n  mergeCells?: {\n    mergeByCellValues?: Array<\n      string | { colKey: string; value: (row: RowType) => unknown }\n    >;\n    /** Список блоков, заданных снаружи (по ключам строк и колонок). */\n    mergedCellsRegions?: MergedCellsRegion[];\n    /**\n     * Нужен для mergedCellsRegions: находит строку по её ключу. Должна быть\n     * стабильной функцией; менять её на лету не нужно — в пересборку таблицы она\n     * не входит.\n     */\n    rowKeyGetter?: (row: RowType) => string | number;\n    /**\n     * Выравнивание по умолчанию для всех блоков. Колоночный mergedCellsAlign и\n     * выравнивание конкретного региона важнее.\n     */\n    mergedCellsAlign?: MergedCellsAlign;\n  };\n\n  /**\n   * Модуль нотификаций: стандартизированный канал событий для внешних\n   * потребителей. Таблица UI не рисует — вызывает `onNotification`, потребитель\n   * показывает тост/модалку на своей стороне. Сейчас эмитятся ошибки copy/paste\n   * (в т.ч. multi-range 2D-разброс, readonly/overflow-abort, пропуск валидацией).\n   */\n  notifications?: TableNotificationsConfig;\n\n  /**\n   * subRows - активация иерархии, отображения вложенных строк. Условие активации - наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={subRows: {getSubRows, rowKeyGetter}}\n   *\n   * columnConfig=[{subRow: {...}}]\n   */\n  subRows?: SubRows<RowType, RowIdType>;\n  /**\n   * Столбец с нумерацией строк.\n   * Активируется наличием этого свойства. Поддерживает `subRows` любой глубины.\n   *\n   * @see {@link RowMarkersTableConfig} — полное описание конфигурации и примеры.\n   */\n  rowMarkers?: RowMarkersTableConfig<RowType>;\n  rowsGrouping?: RowsGrouping<RowType, SummaryRowType>;\n\n  /**\n   * resizableColumn - активация изменения ширины колонки с помощью курсора. Условие активации -  resizableColumn: true. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={resizableColumn: true}\n   *\n   * columnConfig=[{resizable: true}]\n   */\n  resizableColumn?: boolean;\n  /**\n   * style - inline-стили. Для стилей самой таблицы (без вложенности).\n   *\n   * Исключены свойства 'width' | 'height' | 'minWidth' | 'minHeight' | 'maxWidth' | 'maxHeight'. Их следует стилизовать через свойства containerStyle.\n   */\n  style?: Omit<\n    CSSProperties,\n    'width' | 'height' | 'minWidth' | 'minHeight' | 'maxWidth' | 'maxHeight'\n  >;\n  /**\n   * css - для стилей простых и сложных(например, для стилизации cell, headerCell, ...).\n   *\n   * Пример:\n   *\n   * ```css\n   * & > .rdg-header-row > .rdgCell {\n   * background-color: red;\n   * }\n   * ```\n   *\n   */\n  css?: string | CSSObject;\n\n  summaryRows?: SummaryRowsConfig;\n  /**\n   * controlBlock - пропс для активации, кастомизации контролблока.\n   */\n  controlBlock?: ControlBlockConfig;\n  /**\n     * containerStyle - инлайновые стили контейнера таблицы и контролблока. высоту и ширину для таблицы рекомендуется задавать в этом пропсе.\n     * Пример:\n     *\n     * ```tsx\n        tableConfig={{ containerStyle: { height: '70vh' } }}\n     * ```\n     */\n  containerStyle?: CSSProperties | undefined;\n  /**\n   * containerCss - стили для контейнера таблицы и контролблока.\n   * Через этот пропс можно дополнительно кастомизировать контейнер и все его дочерние элементы.\n   */\n  containerCss?: string | CSSObject | undefined;\n  /**\n   * containerId - html-атрибут id контейнера таблицы.\n   */\n  containerId?: string | undefined;\n\n  /**\n   * unstickyHeader - откреплённая шапка. Header уезжает вместе со скроллом контента.\n   * @default false\n   */\n  unstickyHeader?: boolean;\n\n  /** Тултип при hover по canvas-элементам.\n   *  Для активации фичи необходимо заполнить данный конфиг,\n   * а также добавить нужные изменения в Canvas-элементах или в конфиге колонки.\n   */\n  tooltip?: TableConfigTooltip;\n\n  /**\n   * infinityScroll - бесконечная подгрузка данных при скролле.\n   *\n   *  Условие активации - наличие самого пропса infinityScroll.\n   *\n   * При активации infinityScroll отключается дефолтная сортировка и фильтрация.\n   * (Предполагается, что если есть infinityScroll,\n   * то в таблице представлен не весь объем данных,\n   * по этой причине дефолтная сортировка и фильтрация не подходят и будут отображать некорректные данные)\n   *\n   */\n  infinityScroll?: InfinityScrollConfig<RowType>;\n  /**\n   * @isLoading - состояние загрузки данных для таблицы.\n   */\n  isLoading?: boolean | { boolean: boolean; skeletonRowsCount: number };\n  /**\n   * loadingOverlay - конфигурация для отображения оверлея загрузки.\n   * Показывает индикатор загрузки поверх таблицы с возможностью кастомизации.\n   */\n  loadingOverlay?: {\n    /**\n     * Активен ли оверлей загрузки\n     * @default true\n     */\n    active?: boolean;\n    /**\n     * Кастомный компонент спиннера\n     * @default <Spinner view=\"secondary\" size=\"36\" /> (внутренний компонент)\n     */\n    spinner?: ReactNode;\n    /**\n     * Основной заголовок оверлея\n     * @default \"Загрузка таблицы\"\n     */\n    title?: string;\n    /**\n     * Подзаголовок, который появится после задержки, пустая строка - значит он не появится\n     * @default \"\"\n     */\n    subtitle?: string;\n    /**\n     * Задержка перед показом подзаголовка (мс)\n     * @default 10000 (10 секунд)\n     */\n    showSubtitleDelay?: number;\n  };\n  /**\n   * Empty state внутри content-области canvas-таблицы.\n   * Не заменяет control block, header или pagination.\n   */\n  emptyState?: TableCanvasEmptyStateConfig;\n  /**\n   * Error state внутри content-области canvas-таблицы.\n   * Не заменяет control block, header или pagination.\n   */\n  errorState?: TableCanvasErrorStateConfig;\n  // FIXME:\n  // noRowsFallback?: boolean | { custom: ReactNode };\n  columnsControl?: ColumnsControlConfig;\n  // FIXME:\n  // rowDetailPanel?: RowDetailConfig<RowType>;\n  // FIXME: Временно комментирую использование, пока не адаптируем TableCanvas\n  // rowInstruments?: {\n  //   getRowDropdownConfig: RowInstrumentsType<RowType>;\n  //   /**\n  //    * @default false\n  //    */\n  //   defaultOpened?: boolean;\n  //   /**\n  //    * @default true\n  //    */\n  //   showInControl?: boolean;\n  //   /**\n  //    * Внешний стейт видимости\n  //    */\n  //   openedState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  // };\n  fullScreenEnabled?: FullScreen;\n  /**\n   * Переносит портал editor overlay внутрь контейнера таблицы вместо document.body.\n   * Решает проблему focus trap и сдвига координат при рендере таблицы в модалке с CSS transform.\n   * @default undefined (overlay рендерится в document.body — стандартное поведение)\n   */\n  editorOverlayPortal?: 'inside';\n  keyText?: boolean | KeyTextConfig;\n  /**\n   * pagination - пропс для пагинации.\n   *\n   * Условие активации - наличие самого пропса pagination.\n   *\n   * При активации pagination отключается дефолтные поиск, сортировка и фильтрация.\n   * (поиск работает на уровне с фильтрацией и сортировкой, сначала поиск, затем фильтрация, затем сортировка)\n   *\n   */\n  pagination?: PaginationProps;\n  /**\n   * searching - пропс для поиска по таблицу.\n   *\n   * Условие активации - наличие searching.enabled: true\n   *\n   */\n  /**\n   * Конфигурация табов в сайдбаре\n   */\n  sidebarConfig?: SidebarConfig;\n  searching?: SearchingProps;\n  /**\n   * onHeaderContextMenu - callback открытия контекстного меню.\n   */\n  onHeaderContextMenu?: TableGlideInstanceProps<\n    RowType,\n    SummaryRowType\n  >['onHeaderContextMenu'];\n  onHeaderContextMenuDropdown?: TableGlideInstanceProps<\n    RowType,\n    SummaryRowType\n  >['onHeaderContextMenuDropdown'];\n  onCellContextMenuDropdown?: TableGlideInstanceProps<\n    RowType,\n    SummaryRowType\n  >['onCellContextMenuDropdown'];\n  onCellContextMenu?: TableGlideInstanceProps<\n    RowType,\n    SummaryRowType\n  >['onCellContextMenu'];\n  /**\n   * Обработчик клика по ячейке.\n   *\n   * Получает `cell` readonly [colIndex, rowIndex] от glide, и `info` обогащённый объект\n   * с row, column, ctxs, refTable (аналогично onCellContextMenu).\n   */\n  onCellClicked?: (\n    cell: readonly [number, number],\n    info: TableInfoWithRow<RowType, SummaryRowType>,\n  ) => void;\n} & GlideInstanceOmitted<RowType, SummaryRowType>;\n\ntype GlideInstanceOmitted<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n> = Pick<\n  Omit<\n    TableGlideInstanceProps<RowType, SummaryRowType>,\n    | keyof TableGlideCustomProps<RowType, SummaryRowType>\n    | 'CellReadOnlyEditor' /* CellReadOnlyEditor - свойство только для GlideInstance */\n  >,\n  | 'className'\n  | 'columnSelect'\n  | 'minColumnWidth'\n  | 'maxColumnWidth'\n  | 'maxColumnAutoWidth'\n  | 'onVisibleRegionChanged'\n  | 'onCellClicked'\n  // | 'CellReadOnlyEditor'\n  // | 'onGroupHeaderClicked'\n  | 'onHeaderClicked'\n  | 'onItemHovered'\n  | 'trapFocus'\n  | 'onColumnResize'\n>;\nexport type CellReadOnlyEditorProps<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n> = CellReadOnlyEditorGlideInstanceStaticProps &\n  EditingCellInfo<RowType, SummaryRowType>;\n\n//  & Pick<\n//   DataGridPropsDefault<RowType, SummaryRowType, RowIdType>,\n//   | 'summaryRowHeight'\n//   | 'onFill'\n//   | 'onCopy'\n//   | 'onPaste'\n//   | 'onCellClick'\n//   | 'onCellDoubleClick'\n//   | 'onCellContextMenu'\n//   | 'onCellKeyDown'\n//   | 'onSelectedCellChange'\n//   | 'onScroll'\n//   | 'onColumnResize'\n//   | 'onColumnsReorder'\n//   | 'enableVirtualization'\n//   | 'rowClass'\n//   | 'data-testid'\n//   | 'headerRowHeight'\n// >;\n\n/**\n * Конфигурация фичи rowMarkers (столбец с нумерацией строк).\n *\n * Столбец frozen, вставляется первым, исключён из reorder/pin/hide/sort/grouping.\n * Поддерживает плоский и древовидный (`subRows`) режимы любой глубины вложенности.\n *\n * **Дефолтное поведение** (без `getRowMarker`): root-only нумерация —\n * корневые строки получают номер (`startIndex + rootIndex`), дочерние — пустую строку.\n *\n * @example\n * ```tsx\n * // Минимальная конфигурация\n * tableConfig={{ rowMarkers: { startIndex: 1 } }}\n *\n * // Сквозная стабильная нумерация\n * tableConfig={{ rowMarkers: { getRowMarker: ({ flatIndex }) => flatIndex + 1 } }}\n * ```\n */\nexport type RowMarkersTableConfig<\n  RowType extends ObjectForExtending = ObjectForExtending,\n> = {\n  /**\n   * Стартовый индекс нумерации (для дефолтной логики без `getRowMarker`).\n   * @default 1\n   */\n  startIndex?: number;\n\n  /**\n   * Ширина столбца с нумерацией (в px).\n   * Если задан `size` — он приоритетнее.\n+  * Если ни `size`, ни `width` не заданы — ширина подстраивается\n+  * под глобальный `tableConfig.rowSize` (small=20, medium=32, big=48).\n   * @default 32\n   */\n  width?: number;\n  /**\n   * Размер столбца. Приоритетнее `width`.\n   * - `xs` = 20px\n   * - `s` = 32px\n   * - `m` = 48px\n   */\n  size?: 'xs' | 's' | 'm';\n  /**\n   * Кастомная функция нумерации. Полностью переопределяет дефолтную root-only логику.\n   * Вызывается при рендере каждой ячейки столбца нумерации.\n   *\n   * ⚠️ Вызывается не только при полной отрисовке таблицы, но и при ховере/скролле —\n   * для **одной** ячейки. Не используйте внешние переменные-счётчики —\n   * используйте аргументы (`siblingPath`, `flatIndex` и др.), они всегда актуальны.\n   *\n   * @example\n   * // Сквозная стабильная нумерация (все строки, номера не прыгают при сворачивании)\n   * getRowMarker: ({ flatIndex }) => flatIndex + 1\n   *\n   * @example\n   * // Корневые — номер, дочерние — прочерк\n   * getRowMarker: ({ isSubRow, flatIndex }) => isSubRow ? '—' : flatIndex + 1\n   *\n   * @example\n   * // Иерархическая нумерация любой глубины: 1, 1.1, 1.1.1, 1.2, 2\n   * getRowMarker: ({ siblingPath }) => siblingPath.map(i => i + 1).join('.')\n   */\n  getRowMarker?: (args: {\n    /** Данные текущей строки. */\n    row: RowType;\n    /** Уровень строки в дереве: `0` — корневая, `1` — дочерняя, `2` — внучка, и т.д. */\n    level: number;\n    /** `true`, если строка дочерняя (`level > 0`). */\n    isSubRow: boolean;\n    /**\n     * Индекс строки в **видимых** строках.\n     * **Нестабильный** — меняется при сворачивании и разворачивании веток.\n     */\n    rowIndex: number;\n    /**\n     * Стабильный 0-based индекс строки в **полном** дереве (включая скрытые/свёрнутые).\n     * Не меняется при collapse/expand — подходит для сквозной нумерации.\n     */\n    flatIndex: number;\n    /**\n     * Порядковый номер среди siblings одного родителя (0-based).\n     * Для корневых строк — порядковый номер среди всех корневых.\n     * Для дочерних — порядковый номер среди children одного `parentKey`.\n     */\n    siblingIndex: number;\n    /**\n     * Путь siblingIndex-ов от корня до текущей строки (каждый элемент 0-based).\n     *\n     * Примеры:\n     * - корневая строка (2-я): `[1]`\n     * - дочерняя (3-й ребёнок 2-го корня): `[1, 2]`\n     * - внучка (1-й ребёнок 1-го ребёнка 1-го корня): `[0, 0, 0]`\n     *\n     * Для иерархической нумерации: `siblingPath.map(i => i + 1).join('.')` → `\"1.1.1\"`\n     *\n     * Для плоской таблицы (без subRows): всегда `[siblingIndex]` (один элемент).\n     */\n    siblingPath: number[];\n    /**\n     * Ключ родительской строки (`rowKeyGetter(parent)`).\n     * `null` для корневых строк. Работает для **любой** глубины вложенности.\n     */\n    parentKey: string | number | null;\n    /** Текущий видимый `flattened` массив строк. */\n    rows: readonly RowType[];\n  }) => string | number;\n};\n```\n\n## FilterComponentInPopoverProps\n\nПропсы, доступные в кастомном компоненте фильтра (`component: 'custom'`).\n\n```typescript\ntype FilterComponentInPopoverProps<\n  FilterStateType extends ObjectForExtending,\n  ColumnConfig,\n> = {\n  popoverIsOpen: boolean;\n  setPopoverIsOpen: React.Dispatch<React.SetStateAction<boolean>>;\n  columnConfig: ColumnConfig;\n  tabIndex: number;\n  headerContextState: HeaderContextValueTypeInstance<FilterStateType> &\n    FiltersVariables &\n    HeaderContextValueTypeInstance<ObjectForExtending>;\n  /**\n   * Источник открытия фильтра: из шапки таблицы или из сайдбара\n   * Полезно для условной логики в customRender (например, alwaysOpened для combobox)\n   */\n  filterSource?: 'header' | 'sidebar';\n};\n```",
+      "apiDocs": "# Filtering API\n\n## FilteringConfig\n\n```typescript\ntype FilteringConfig<T> = {\n  state: [T, React.Dispatch<React.SetStateAction<T>>];\n  /**\n   * @deprecated Использовать filtersInfo\n   *\n   * clearedValue - состояние фильтров после очистки. Используется для сравнения:\n   * Например, был ли фильтр конкретной колонки изменен рассчитывается посредством сравнения текущего значения фильтра и значения фильтра в clearedValue.\n   * Если они равны, то фильтр считается не измененным.\n   */\n  clearedValue?: T;\n  /**\n   * Информация о фильтрах для каждой колонки.\n   * Используется для:\n   * 1. Хранения меток (label) фильтров для отображения в UI\n   * 2. Хранения значений по умолчанию (clearedValue) для каждого фильтра\n   * 3. Определения, был ли фильтр изменен (сравнение текущего значения с clearedValue)\n   */\n  filtersInfo?: Record<\n    keyof T,\n    {\n      label: string;\n      clearedValue: T[keyof T];\n    }\n  >;\n  /**\n   * manualFiltering - пропс, активирующий ручную-кастомную (или на стороне бэка) фильтрацию.\n   * @remarks\n   * Для автоматической фильтрации (когда не используется manualFiltering в tableConfig):\n   * - Для всех типов фильтров обязательно должен быть указан `valueInRow`\n   * - Для component: 'select' дополнительно должен быть указан `filteringType`\n   * - Для component: 'input' с кастомным фильтром (когда filter - функция)\n   *   функция фильтрации должна быть передана явно\n   *\n   * Если используется manualFiltering, эти параметры не обязательны,\n   * так как вся логика фильтрации реализуется извне.\n   */\n  manualFiltering?: boolean;\n  /**\n   * Конфигурация для отображения фильтров в правом сайдбаре.\n   *\n   * Позволяет:\n   * 1. Добавлять глобальные фильтры (не привязанные к конкретной колонке)\n   * 2. Управлять порядком отображения фильтров\n   * 3. Переопределять рендер и заголовки колоночных фильтров\n   *\n   * Логика работы:\n   * - По умолчанию в сайдбаре отображаются все колоночные фильтры (из columnConfig)\n   * - Ключом фильтра считается `key` колонки, если его нет, то пытаемся взять `keyInFilterState` (если указан), иначе это не будет работать\n   * - Заголовком фильтра по умолчанию является `name` колонки или ключ фильтра (name || key)\n   * - Глобальные фильтры добавляются через `items` с уникальными ключами\n   *\n   * Особенности:\n   * 1. Порядок отображения:\n   *    - Сначала фильтры из `order` (в указанной последовательности)\n   *    - Затем остальные колоночные фильтры (в порядке columnConfig)\n   *    - В конце - глобальные фильтры (в алфавитном порядке ключей)\n   *\n   * 2. Переопределение колоночных фильтров:\n   *    - Чтобы изменить заголовок: укажите ключ колонки в `items` с новым `label`\n   *    - Чтобы заменить рендер: укажите ключ колонки с `customRenderFn`\n   *    - Оригинальный фильтр из колонки будет проигнорирован\n   *\n   * 3. Глобальные фильтры:\n   *    - Ключ не должен совпадать с ключами колонок\n   *    - Обязательно указать `label` и `customRenderFn`\n   *    - Отображаются после всех колоночных фильтров, если не переопределены в order\n   *\n   * @example\n   * // Добавление глобального фильтра и изменение порядка\n   * sidebarConfig: {\n   *   order: ['status', 'tasks', 'type'], // Сначала статус, затем глобальный поиск\n   *   items: {\n   *     tasks: { // Уникальный ключ\n   *       label: 'Поиск по всем полям',\n   *       customRenderFn: () => <TaskComponent />\n   *     },\n   *     status: { // Переопределение колоночного фильтра\n   *       label: 'Статус заявки', // Новый заголовок\n   *       customRenderFn: () => <CustomStatusFilter /> // Кастомный рендер\n   *     }\n   *     type: { // Переопределение только Label колоночного фильтра\n   *       label: 'Тип', // Новый заголовок\n   *     }\n   *   }\n   * }\n   */\n  sidebarConfig?: {\n    /**\n     * Определяет порядок отображения фильтров.\n     * - Указываются ключи фильтров (колоночных или глобальных)\n     * - Не указанные в order фильтры отображаются после\n     * - Если order пуст, сохраняется порядок: глобальные фильтры + columnConfig фильтры в конце\n     */\n    order?: string[];\n    /**\n     * Конфигурация фильтров для сайдбара.\n     * Ключом может быть:\n     * - Ключ колонки (для переопределения колоночного фильтра)\n     * - Уникальный ключ (для добавления глобального фильтра)\n     */\n    items: Partial<\n      Record<\n        keyof T,\n        {\n          /** Заголовок фильтра (обязателен для глобальных фильтров), можно использовать для переопределения для локальных фильтров */\n          label: string;\n          /**\n           * Функция рендера компонента фильтра.\n           * Для колоночных фильтров переопределяет оригинальный рендер.\n           * Для глобальных фильтров обязательна.\n           */\n          customRenderFn?: (\n            filters: T,\n            setFilters: React.Dispatch<React.SetStateAction<T>>,\n          ) => React.ReactNode;\n        }\n      >\n    >;\n  };\n  /**\n   * Callback для кастомизации стилей чипсов (фильтров) в списке\n   *\n   * @param {ItemOrGroup} itemOrGroup - Текущий элемент или группа фильтров\n   * @param {Item | undefined} item - Конкретный элемент фильтра (если есть)\n   * @returns {CSSObject} Объект стилей, который будет применен к чипсу\n   *\n   * @description\n   * Позволяет динамически задавать стили для каждого чипса в зависимости от его типа и содержимого.\n   * Вызывается для каждого отображаемого чипса (как для отдельных элементов, так и для элементов внутри групп).\n   *\n   * @example\n   * // Пример 1: Стилизация чипсов по типу\n   * chipStyle: (itemOrGroup, item) => {\n   *   if (isGroup(itemOrGroup)) {\n   *     return { backgroundColor: '#f0f0f0' };\n   *   }\n   *   return { backgroundColor: '#e0e0e0' };\n   * }\n   *\n   * @example\n   * // Пример 2: Стилизация по значению фильтра\n   * chipStyle: (itemOrGroup, item) => {\n   *   if (item?.label === 'Высокий приоритет') {\n   *     return {\n   *       backgroundColor: '#ffebee',\n   *       color: '#d32f2f'\n   *     };\n   *   }\n   *   return {};\n   * }\n   *\n   * @example\n   * // Пример 3: Разные стили для элементов в группе и одиночных\n   * chipStyle: (itemOrGroup, item) => {\n   *   if (item) {\n   *     // Стиль для элемента внутри группы\n   *     return { maxWidth: 180 };\n   *   }\n   *   // Стиль для одиночного чипа\n   *   return { maxWidth: 150 };\n   * }\n   */\n  chipStyle?: (itemOrGroup: ItemOrGroup, item: Item | undefined) => CSSObject;\n  /**\n   * Пользовательский форматтер заголовка группы чипсов.\n   *\n   * Используется в блоке активных фильтров для подмены текста заголовка\n   * группы (например, “Статус”, “Тип”, “Автор”). Полезно, когда нужно\n   * динамически менять подпись (добавить счётчик, i18n и т.п.).\n   *\n   * @param {ItemOrGroup} itemOrGroup Объект группы (тип Group). Вызов происходит только для групп,\n   *                                   поэтому безопасно кастовать к Group.\n   * @returns {string} Текст заголовка группы чипсов.\n   *\n   * @default Возвращается `group.groupLabel`.\n   *\n   * @remarks\n   * - Функция должна быть чистой и быстрой (без сетевых запросов и побочных эффектов).\n   * - Возвращайте ТОЛЬКО строку — чипы отображают текстовое значение.\n   * - Для длинных строк применяется усечение (overflow с многоточием) на уровне компонента.\n   *\n   * @example\n   * // Добавить двоеточие и количество выбранных элементов\n   * renderGroupLabel: (group) => `${group.groupLabel}: ${group.items.length}`\n   *\n   * @example\n   * // Локализация заголовка группы\n   * const i18n = { status: 'Статус', type: 'Тип' };\n   * renderGroupLabel: (group) => i18n[group.groupId] ?? group.groupLabel\n   */\n  renderGroupLabel?: (group: Group) => string;\n\n  /**\n   * Пользовательский форматтер текста чипса (элемента внутри группы или одиночного фильтра).\n   *\n   * Позволяет управлять тем, что именно отображается внутри каждого чипса. Особенно полезен\n   * при серверной пагинации/ленивой загрузке, когда в состоянии фильтра хранится только value,\n   * а label необходимо подставить из локального кэша.\n   *\n   * @param {Group | null } group  Группа, внутри которой рендерится чип (или null).\n   * @param {Item} item   Сам элемент чипса. В группах передаётся конкретный `Item`,\n   *                                  для одиночного чипа может быть `undefined`.\n   * @returns {string} Текст, который будет показан в чипсе.\n   *\n   * @default Используется `item?.label.toString()` (или строковое представление value).\n   *\n   * @remarks\n   * - Функция должна быть чистой и быстрой;\n   * - Возвращайте ТОЛЬКО строку.\n   *\n   * @example\n   * // 1) Отображение label из кэша при серверной пагинации\n   * const labelsCacheRef = useRef(new Map<string, string>());\n   * renderChipLabel: (group, item) => {\n   *   if (item?.id != null) {\n   *     const key = String(item.id);\n   *     const fromCache = labelsCacheRef.current.get(key);\n   *     if (fromCache) return fromCache;     // красивый label, если уже загрузили\n   *     return String(item.label ?? key);    // фоллбэк: временно показываем value/label из item\n   *   }\n   *   return ''; // безопасный фоллбэк для одиночных случаев\n   * }\n   *\n   * @example\n   * // 2) Нормализация отображения числовых значений\n   * renderChipLabel: (_group, item) => {\n   *   const v = Number(item?.label);\n   *   return Number.isFinite(v) ? v.toLocaleString('ru-RU') : String(item?.label ?? '');\n   * }\n   *\n   * @example\n   * // 3) Префикс по типу группы\n   * renderChipLabel: (group, item) => {\n   *   const prefix = group.groupId === 'status' ? '' : '#';\n   *   return `${prefix}${item?.label ?? item?.id ?? ''}`;\n   * }\n   */\n  renderChipLabel?: (group: Group | null, item: Item) => string;\n};\n\nexport type DefaultSidebarTabIds = 'columns' | 'tableSettings' | 'filtering';\n\n/**\n * Конфигурация sidebar\n */\nexport type SidebarConfig = {\n  /**\n   * Включен ли sidebar. Отвечает только за UI. Не влияет на перерасчёт фичей.\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * Открыт ли sidebar при первом рендере (uncontrolled-режим).\n   * Игнорируется, если передан openState.\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Внешний контроль открытия/закрытия sidebar.\n   * Если передан — источник истины, defaultOpen игнорируется.\n   */\n  openState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * id вкладки, выбранной по умолчанию (актуально при открытом сайдбаре).\n   * Если id не найден или у вкладки showInSidebar=false — используется первая доступная.\n   */\n  defaultActiveTabId?: string;\n  /**\n   * Внешний контроль активной вкладки (controlled-режим).\n   * Если передан — источник истины, defaultActiveTabId игнорируется.\n   */\n  activeTabState?: [\n    string | null,\n    React.Dispatch<React.SetStateAction<string | null>>,\n  ];\n  /**\n   * Колбэк смены активной вкладки. Вызывается и в uncontrolled-режиме.\n   * При закрытии сайдбара приходит null.\n   */\n  onActiveTabChange?: (tabId: string | null, tab?: SidebarTab) => void;\n  /**\n   * Кастомные табы\n   */\n  customTabs?: Array<\n    Omit<SidebarTab, 'id'> & {\n      id: Exclude<string, DefaultSidebarTabIds>;\n    }\n  >;\n  /**\n   * Порядок отображения кастомных вкладок\n   */\n  customTabsOrder?: Array<Exclude<string, DefaultSidebarTabIds>>;\n  defaultTabs?: Array<\n    | {\n        id: 'filtering' | 'columns';\n        /** название таба в рамках горизонтального табов внутри таба настройки */\n        label?: string;\n        /** название таба в рамках вертикальных табов сайдбара (если данный таб окажется единственным табом в настройках) */\n        title?: string;\n        /**\n         * Метки для автоматизированного тестирования и аналитики\n         * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n         */\n        domMetadata?: DomMetadata;\n        /**\n         * Кастомный элемент справа от title в шапке сайдбара\n         */\n        titleRightSlot?: React.ReactNode;\n        /** @default true */\n        showInSidebar?: boolean;\n        /** тултип иконки шестеренки (для табов с id = filtering и columns - недоступен. Настраивается через таб с id='tableSettings') */\n        iconTooltipText?: undefined;\n      }\n    | {\n        id: 'tableSettings';\n        /** название таба в рамках горизонтального табов внутри таба настройки */\n        label?: string;\n        /** название таба в рамках вертикальных табов сайдбара */\n        title?: string;\n\n        /**\n         * Метки для автоматизированного тестирования и аналитики\n         * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n         */\n        domMetadata?: DomMetadata;\n        /**\n         * Кастомный слот для вкладки tableSettings (рендерится после общих настроек)\n         * Только дл id: 'tableSettings'\n         */\n        customGeneralSettingsSlot?: React.ReactNode;\n        /**\n         * Кастомный элемент справа от title в шапке сайдбара\n         */\n        titleRightSlot?: React.ReactNode;\n        /** @default true */\n        showInSidebar?: boolean;\n        /** тултип иконки шестеренки @default 'Настройки' */\n        iconTooltipText?: string;\n      }\n  >;\n};\n\nexport function activeViewIs<T extends 'cards' | 'rows'>(\n  checkType: T,\n  viewState: 'cards' | 'rows',\n  view: View,\n): view is ViewMods[T] {\n  return checkType === viewState;\n}\n\n/** Размер controlBlock: 'm' и 's' — одинаковые стили, 'xs' — уменьшенный */\nexport type ControlBlockSize = 'm' | 's' | 'xs';\n\nexport type ControlBlockConfig = {\n  /**\n   * show - наличие controlBlock-а\n   * @default true\n   */\n  show?: boolean;\n  /**\n   * Размер controlBlock и его элементов (кнопки, иконки, поиск, отступы).\n   * 'm' и 's' — стандартные стили, 'xs' — компактный режим.\n   * Не влияет на customFeatures и кастомные слоты — они контролируются разработчиком.\n   * @default 'm'\n   */\n  size?: ControlBlockSize;\n  /**\n   * @deprecated Используйте кастомные кнопки через rightSideInner или customFeatures.\n   * leftSideInner - пропс для добавления кнопок в левую часть контролблока.\n   * Продолжает работать для обратной совместимости.\n   */\n  leftSideInner?: ControlBlockButtonProps[];\n  /**\n   * rightSideInner - пропс для добавления кнопок в правую часть контролблока\n   */\n  rightSideInner?: ControlBlockButtonProps[];\n  /**\n   * customFeatures - пропс для добавления кастомных фичей (кнопки-иконки)\n   */\n  customFeatures?: FeatureItem[];\n  /**\n   * pinningMenu - нативная фича закрепления столбцов (SplitIconButton с\n   * дропдауном) в правой зоне иконок. Появляется, когда активировано\n   * закрепление колонок (columnsControl.pinning). Продукт может донастроить\n   * и дополнить пункты меню (см. PinningMenuConfig).\n   */\n  pinningMenu?: PinningMenuConfig;\n  /**\n   * Пропсы для компонента dropdown в котором будут скрыты левые фичи при адаптивной компрессии\n   */\n  leftSideDropdownProps?: TableDropdownConfigProps;\n  /**\n   * Пропсы для компонента dropdown в котором будут скрыты правые фичи при адаптивной компрессии\n   */\n  rightSideDropdownProps?: TableDropdownConfigProps;\n  /**\n   * Активна ли фича компрессии (сжатие ToolsMenu при адаптиве)\n   * @default true\n   */\n  enableAdaptiveCompress?: boolean;\n  /**\n   * Панель массовых действий\n   */\n  massActionPanel?: {\n    /**\n     * Кнопки панели. Размеры кнопок/дропдаунов панель подбирает сама (по `size` панели и компактности) —\n     * передавать `size` кнопкам не нужно. Если `size` на кнопке всё же задан — он используется как есть.\n     */\n    buttons: MassActionButtonProps[];\n    /**\n     * Пропсы для Dropdown, в который сжались кнопки\n     */\n    collapsedDropdownProps?: TableDropdownConfigProps;\n    /**\n     * Отступ панели снизу от контейнера (px)\n     * @default 24\n     */\n    bottom?: number;\n    /**\n     * Управление отображением панели массовых действий.\n     * - `undefined` (по умолчанию) — стандартное поведение (показывается при selecting + выбранных строках)\n     * - `false` — панель не рендерится, разработчик управляет действиями самостоятельно\n     * - `true` — панель показывается всегда, даже без активного selecting и выбранных строк\n     */\n    show?: boolean;\n    /**\n     * Размерная сетка панели внутри таблицы: `m`/`s` — обычный размер, `xs` — уменьшенный (кнопки `xxs`, «ещё» `xs`, счётчик Body XS).\n     * Viewport-логика (1280) в таблице не используется.\n     * @default 's'\n     */\n    size?: MassActionsSize;\n  };\n};\n\n/** Пропсы кнопки редактирования. onClick исключён — используйте onSave/onCancel/onEnableEditing. */\nexport type EditingButtonProps = Omit<\n  Partial<ControlBlockButtonProps>,\n  | 'onClick'\n  | 'size'\n  | 'dropdown'\n  | 'isTargetAction'\n  | 'skipRightDivider'\n  | 'tooltipText'\n>;\n\nexport type EditingConfig<\n  RowType extends ObjectForExtending,\n  RowIdType,\n  SummaryRowType,\n> = {\n  /**\n   * Функция обработки изменений в редактируемой строке\n   */\n  onRowsChange: Maybe<\n    (rows: RowType[], data: RowsChangeData<RowType, SummaryRowType>) => void\n  >;\n  /**\n   * свойство, необходимое для корректного изменения дочерних строк.\n   * Данное свойство обязательно, если ваши дочерние строки установлены не под ключом \"subRows\" внутри строки.\n   *\n   * Как дочерние строки можно указывать свойство, которые вложено в другое свойство.\n   * В таком случае \".\" будет знаком для обозначения сл. уровня вложенности.\n   *\n   * @example \"child\" или \"uvh367.children\"\n   */\n  subRowsKey?: string;\n  /**\n   * Глубокое копирование строк перед применением правки в режиме редактирования.\n   *\n   * Включите, если строки, передаваемые в таблицу, иммутабельны/заморожены\n   * (напр. стейт под управлением Redux Toolkit или Immer — они вызывают\n   * Object.freeze в dev). При редактировании дочерней строки таблица записывает\n   * изменение ВНУТРЬ объекта родителя; на замороженном объекте это падает с\n   * `TypeError: Cannot assign to read only property`.\n   *\n   * Когда флаг включён, таблица сама делает structuredClone редактируемой строки\n   * перед записью — ваш иммутабельный стейт не мутируется, и редактирование\n   * дочерних строк работает без действий с вашей стороны.\n   *\n   * ⚠️ Данные строки должны быть сериализуемыми. Где доступен structuredClone —\n   * Date/Map/Set и вложенные структуры копируются корректно; на старых средах\n   * без structuredClone используется JSON-фоллбэк (теряет Date/Map/Set, undefined\n   * и функции). Не включайте без необходимости — глубокое копирование добавляет\n   * накладные расходы.\n   *\n   * @default false\n   */\n  deepCloneRows?: boolean;\n  /**\n   * Функция определения уникального id строки\n   * @param row\n   * @returns\n   */\n  rowKeyGetter: (row: RowType) => RowIdType;\n  /**\n   * Функция определения возможности редактирования строки\n   * @param row\n   * @returns\n   */\n  rowEditable?: (row: RowType) => boolean;\n  /**\n   * defaultEnabled - пропс, отвечающий за то, будет ли активен режим редактирования или нет. По умолчанию - не активно.\n   * @default false\n   */\n  defaultEnabled?: boolean;\n  /**\n   * enabled - необходим для управления режимом редактирования снаружи компонента Таблицы.\n   * По умолчанию, управление происходит в компоненте.\n   * Приоритетнее, чем defaultEnabled.\n   *\n   * @type boolean - если НЕ нужно переключение в самой таблице\n   * @type [boolean, React.Dispatch<React.SetStateAction<boolean>>] - если нужно переключение в самой таблице\n   *\n   */\n  enabled?: boolean | [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * Cостояние скрытия/раскрытия кнопки включения/выключения фичи\n   * @default true\n   */\n  showButtons?: boolean;\n  /**\n   * Функция, вызывающаяся при включении фичи.\n   * @param enableEditorMode - функция включающая режим редактирования\n   */\n  onEnableEditing?: (enableEditorMode: () => void) => void;\n  /**\n   * Функция, вызывающаяся при сохранении отредактированного.\n   * @param disableEditorMode - функция выключающая режим редактирования\n   */\n  onSave?: (disableEditorMode: () => void) => void;\n  /**\n   * Функция, вызывающаяся при отмене отредактированного.\n   * @param disableEditorMode - функция выключающая режим редактирования\n   */\n  onCancel?: (disableEditorMode: () => void) => void;\n  /** Пропсы кнопок в controlBlock. */\n  buttons?: {\n    save?: EditingButtonProps;\n    cancel?: EditingButtonProps;\n    edit?: EditingButtonProps;\n  };\n  /**\n   * Кастомный слот, отображаемый левее кнопок «Отменить» / «Сохранить».\n   * Виден только когда режим редактирования активен (editMode = true).\n   * Зона ответственности разработчика — размерная сетка controlBlock не влияет на этот слот.\n   */\n  editModeLeftSlot?: React.ReactNode;\n  /**\n   * Метки для автоматизированного тестирования и аналитики\n   * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n   */\n  domMetadata?: {\n    enableButton?: DomMetadata;\n    saveButton?: DomMetadata;\n    cancelButton?: DomMetadata;\n  };\n};\n\nexport type SummaryRowsConfig = {\n  showDefault: boolean;\n  showInControl: boolean;\n  /**\n   * callback при переключении тогла «Итоговые строки» в настройках таблицы.\n   * Вызывается только по действию пользователя (не при монтировании),\n   * поэтому подходит для сохранения выбора, например, в localStorage.\n   * Сохранённое значение передавайте обратно в `showDefault`.\n   */\n  onChange?: (checked: boolean) => void;\n} & {\n  /**\n   * Метки для автоматизированного тестирования и аналитики\n   * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n   */\n  domMetadata?: DomMetadata;\n};\n\n/**\n * Конфиг тултипа при hover по canvas-элементам.\n * Для активации фичи необходимо заполнить данный конфиг,\n * а также добавить нужные изменения в Canvas-элементах или в конфиге колонки.\n */\nexport type TableConfigTooltip = {\n  /**\n   * Включить/выключить колоночные и кастомные тултипы (cellTooltip, headerCellTooltip).\n   * Внутренние тултипы (drag-иконка в шапке и другие по nodeId) работают всегда.\n   * @default false\n   */\n  enabled?: boolean;\n  /** Глобальная задержка перед показом тултипа (мс). Per-node переопределяет. @default 500 */\n  mouseEnterDelay?: number;\n  /** Глобальная задержка перед скрытием тултипа (мс). Per-node переопределяет. @default 0 */\n  mouseLeaveDelay?: number;\n  /**\n   * Минимальная ширина тултипа. Число трактуется как px, строка с единицей\n   * (например '20rem', '50%') отдаётся как есть. Действует на все canvas-тултипы,\n   * включая авто-тултип Canvas.Text. Если ширина задана на самом тултипе\n   * (per-node), приоритет у неё.\n   */\n  minWidth?: number | string;\n  /**\n   * Максимальная ширина тултипа. Число трактуется как px, строка с единицей\n   * (например '20rem', '50%') отдаётся как есть. Действует на все canvas-тултипы,\n   * включая авто-тултип Canvas.Text. Если ширина задана на самом тултипе\n   * (per-node), приоритет у неё.\n   */\n  maxWidth?: number | string;\n};\n\nexport type InfinityScrollConfig<RowType extends ObjectForExtending> = {\n  /** Триггер достижения скроллом зоны подгрузки данных. */\n  onTrigger: (rows: RowType[]) => Promise<void> | void;\n  /** Состояние загрузки (скелетоны) новых строк. */\n  isLoading: boolean;\n  /**\n   * Флаг, когда все данные загружены — false.\n   * @default true\n   */\n  hasMore?: boolean;\n  /**\n   * Для mode='region': за сколько строк до конца триггерить загрузку.\n   * @default 5\n   */\n  rowThreshold?: number;\n};\n\nexport type { TableCanvasEmptyStateConfig, TableCanvasErrorStateConfig };\n\n/**\n * Настройка выделения ячеек/колонок/строк в TableCanvas — единый объект.\n * Это отдельная ось взаимодействия — не зависит от `highlightActiveType`.\n */\nexport type CellsSelectionConfig = {\n  /**\n   * Режим фактического выделения ячеек (нативный glide selection). По нему\n   * работают copy/paste, рамка, fill-handle и затемнение шапки/нумерации.\n   * @default \"range-cell\"\n   */\n  mode?: CellsSelectionMode;\n  /**\n   * Выделение колонок по клику на шапку. Ctrl/Cmd — добавить/убрать колонку,\n   * Shift — диапазон колонок. Клик по иконкам сортировки/фильтрации в шапке\n   * выделение НЕ вызывает. Поддерживает copy/paste по выделенным колонкам.\n   * @default true\n   */\n  enableColumnSelection?: boolean;\n  /**\n   * Выделение строк по клику/драгу на колонке нумерации (`rowMarkers`).\n   * Ctrl/Cmd — несмежный выбор отдельных строк, драг — смежный диапазон.\n   * Поддерживает copy/paste по выделенным строкам. Требует включённой колонки\n   * нумерации (`rowMarkers`). При `false` клик по нумерации ничего не выделяет.\n   * @default true\n   */\n  enableRowSelection?: boolean;\n  /**\n   * Выделение всей таблицы кликом по «нулевой» ячейке — шапке колонки нумерации\n   * (левый верхний угол). Выделяет все строки данных по всем колонкам одним\n   * диапазоном; поддерживает copy/paste. Требует включённой колонки нумерации\n   * (`rowMarkers`) и активного `mode` (≠ `disabled`).\n   * @default true\n   */\n  enableSelectAll?: boolean;\n  /**\n   * Внешний (controlled) контроль НАТИВНОГО выделения (ячейки/диапазон/смежные\n   * строки и колонки). `state` — кортеж `[value, setter]` как у `selecting.state`.\n   * Сброс: `setter({ current: undefined, rows: empty, columns: empty })`.\n   * Несмежный Ctrl-выбор колонок/строк (own-state) сюда не входит — он внутренний.\n   */\n  state?: [GridSelection, React.Dispatch<React.SetStateAction<GridSelection>>];\n};\n\n/** Один объединённый блок: какие строки и колонки слить. */\nexport type MergedCellsRegion = {\n  rowKeys: Array<string | number>;\n  colKeys: string[];\n  /** Выравнивание контента этого блока. Важнее колоночного и общего. */\n  mergedCellsAlign?: MergedCellsAlign;\n};\n\n/**\n * Видимость сторон рамки ячейки: true рисовать, false не рисовать, не задано -\n * работает уровень ниже (настройка колонки, строки или общая).\n */\nexport type CellBorderVisibility = {\n  top?: boolean;\n  right?: boolean;\n  bottom?: boolean;\n  left?: boolean;\n};\n\n/**\n * Управление рамками (линиями) таблицы: включение и выключение. Уровни, от\n * слабого к сильному: общие настройки (vertical, horizontal), затем колонка\n * (getVerticalBorder) и строка (getHorizontalBorder), затем ячейка\n * (getCellBorder).\n */\nexport type BordersConfig<RowType = ObjectForExtending> = {\n  /** Рисовать ли вертикальные линии между колонками. @default true */\n  vertical?: boolean;\n  /** Рисовать ли горизонтальные линии между строками тела. @default true */\n  horizontal?: boolean;\n  /**\n   * Точечное управление вертикальной линией справа от колонки (разделитель\n   * после неё). Вернуть true или false, чтобы переопределить общую настройку\n   * vertical, или undefined, чтобы оставить её. Зовётся на каждую видимую\n   * колонку при перерисовке, поэтому функция должна быть быстрой.\n   */\n  getVerticalBorder?: (params: {\n    /** Ключ колонки, справа от которой рисуется линия. */\n    columnKey: string;\n    /** Индекс колонки в порядке отрисовки (закреплённые в начале). */\n    columnIndex: number;\n  }) => boolean | undefined;\n  /**\n   * Точечное управление горизонтальной линией сверху строки. Вернуть true или\n   * false, чтобы переопределить общую настройку horizontal, или undefined,\n   * чтобы оставить её. Для summary-строк не вызывается. Зовётся на каждую\n   * видимую строку при перерисовке, поэтому функция должна быть быстрой.\n   */\n  getHorizontalBorder?: (params: {\n    /** Строка под линией (линия рисуется сверху этой строки). */\n    row: RowType;\n    /** Индекс строки среди отображаемых. При раскрытии subRows индексы сдвигаются. */\n    rowIndex: number;\n    /** Уровень вложенности subRows: 0 корень, 1 и больше дочерние. */\n    treeLvl: number;\n  }) => boolean | undefined;\n  /**\n   * Стороны рамки конкретной ячейки, вкл и выкл. Для ячеек без переопределений\n   * возвращать undefined. Включает отрисовку линий с разбивкой по ячейкам,\n   * поэтому функция должна быть быстрой: без тяжёлых вычислений и с готовыми\n   * объектами-константами вместо новых на каждый вызов. Для summary-строк не\n   * вызывается.\n   */\n  getCellBorder?: (params: {\n    /** Индекс колонки среди отображаемых (без служебных). */\n    col: number;\n    /** Ключ колонки. */\n    columnKey: string | undefined;\n    /** Строка ячейки. */\n    row: RowType;\n    /** Индекс строки среди отображаемых. */\n    rowIndex: number;\n    /** Уровень вложенности subRows: 0 корень, 1 и больше дочерние. */\n    treeLvl: number;\n  }) => CellBorderVisibility | undefined;\n};\n\nexport type TableConfig<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n  RowIdType extends string | number,\n  FilterStateType extends ObjectForExtending,\n  // SubRowType\n> = {\n  /**\n   * Группировка колонок (многоуровневая шапка через `columnConfig.children`):\n   * объединение пустых ячеек шапки (`squashEmptyCells`, по умолчанию включено) и\n   * дефолт выравнивания в объединённых ячейках (`squashedHeaderAlign`).\n   */\n  columnsGrouping?: ColumnsGroupingConfig;\n  /**\n   * Подсветка активной сущности в canvas-таблице.\n   * @deprecated Значения `'cell'`/`'range-cell'` устарели — используйте\n   * `cellsSelection.mode`. Актуальны `'row'` (подсветка строки) и `'disabled'`.\n   */\n  highlightActiveType?: HighlightActiveType;\n  /**\n   * Единый конфиг выделения ячеек: режим (`mode`), оси\n   * (`enableColumnSelection`/`enableRowSelection`/`enableSelectAll`) и controlled\n   * (`state`). См. {@link CellsSelectionConfig}.\n   */\n  cellsSelection?: CellsSelectionConfig;\n  /**\n   * Подсвеченная строка (`highlightActiveType='row'`).\n   * `state` (опционально) — controlled-кортеж `[value, setter]`: задан — значением\n   * владеешь снаружи (сброс `setter(undefined)`); не задан — таблица крутит\n   * подсветку внутренним стейтом, а `onChange` всё равно срабатывает (подписка\n   * без владения значением).\n   */\n  highlightActiveRow?: {\n    state?: [\n      number | undefined,\n      React.Dispatch<React.SetStateAction<number | undefined>>,\n    ];\n    /**\n     * Колбэк смены подсвеченной строки: отдаёт её флэт-индекс и сам объект\n     * строки (`rows[index]`). Позволяет открывать данные подсвеченной строки\n     * (например, в SplitView) без `onCellClicked`.\n     */\n    onChange?: (params: {\n      index: number | undefined;\n      row: RowType | undefined;\n    }) => void;\n  };\n  /**\n   * Эффекты при наведении (hover)\n   * `row` — подсветка строки под курсором.\n   * Независимая визуальная ось: селектинг (`cellsSelection`) и `highlightActiveType='row'`\n   * рисуются ПОВЕРХ hover-подсветки и визуально перекрывают её (hover\n   * «остаётся под ними» и снова виден после сброса выделения).\n   *\n   * `{ row: true }` — включить с цветами из темы;\n   * `{ row: { color: '#F7F9FB' } }` — переопределить цвет data-ячеек.\n   * @default undefined (выключено)\n   */\n  hoverEffects?: HoverEffectsConfig;\n  /**\n   * Включает компенсацию тонких canvas-линий при browser zoom ниже 100%, когда devicePixelRatio меньше 1.\n   * Влияет только на grid/header/sticky hairline borders.\n   * @default false\n   */\n  enableLowDprHairline?: boolean;\n  /**\n   * Управление рамками (линиями) таблицы: включение и выключение.\n   *\n   * Уровни, от слабого к сильному: общие настройки (vertical, horizontal),\n   * затем колонка (getVerticalBorder) и строка (getHorizontalBorder), затем\n   * ячейка (getCellBorder).\n   *\n   * `vertical: false` и `horizontal: false` убирают все вертикальные или\n   * горизонтальные линии тела. `getCellBorder` включает и выключает стороны\n   * рамки конкретной ячейки; при его использовании линии рисуются с разбивкой\n   * по ячейкам.\n   */\n  borders?: BordersConfig<RowType>;\n  /**\n   * rowSize - размеры строк таблицы\n   */\n  rowSize?: Prettify<RowSize>;\n  /**\n   * rowHeight - размер высоты строк таблицы\n   */\n  rowHeight?: Maybe<number | RowHeightFunc<RowType>>;\n  /**\n   * headerRowHeight - высота одного ряда шапки (в px). По умолчанию 33.\n   *\n   * Значение применяется к КАЖДОМУ уровню шапки: как к листовому (нижнему) ряду\n   * колонок, так и к каждому уровню объединённых (групповых) заголовков. Поэтому\n   * при N уровнях группировки итоговая высота шапки = headerRowHeight * (1 + N).\n   * Например, headerRowHeight={50} при 2 уровнях групп даст шапку 50 + 50 + 50 = 150px.\n   */\n  headerRowHeight?: Maybe<number>;\n  /**\n   * sorting - активация сортировки. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={sorting: {sortingState}}\n   *\n   * columnConfig=[{sortingType: 'numberSort'}]\n   */\n  sorting?: {\n    state: [\n      readonly SortColumn[],\n      React.Dispatch<React.SetStateAction<readonly SortColumn[]>>,\n    ];\n    /**\n     * manualSorting - пропс, активирующий ручную-кастомную (или на стороне бэкенда) сортировку\n     */\n    manualSorting?: boolean;\n  };\n  /** @deprecated Свойство view не используется и будет удалено в следующей мажорной версии. */\n  view?: View;\n  /**\n   * filtering - активация фильтрации. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={filtering: {stateAndSetter, ...}}\n   *\n   * columnConfig=[{filtering: {...}}]\n   */\n  filtering?: FilteringConfig<FilterStateType>;\n  /**\n   * Сворачивание / разворачивание таблицы\n   */\n  collapsing?: TableCollapseConfig;\n  /**\n   * selecting - активация выбора строк. Условие активации - это наличие данного свойства.\n   * Есть поддержка выбора строк с многоуровневой вложенностью.\n   *\n   * Пример:\n   *\n   *```jsx\n   * import { Table } from '@daisforge/ui';\n   *\n   * <Table\n   * tableConfig={{selecting: {stateAndSetter, rowKeyGetter}}}\n   * {...rest}\n   * />\n   * ```\n   */\n  selecting?: {\n    state: [\n      ReadonlySet<RowIdType>,\n      React.Dispatch<React.SetStateAction<ReadonlySet<RowIdType>>>,\n    ];\n    rowKeyGetter: (row: RowType) => RowIdType;\n  } & Prettify<SelectingRowConfig<RowType, RowIdType>> & {\n      /**\n       * Метки для автоматизированного тестирования и аналитики\n       * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n       */\n      controlBlock?: {\n        domMetadata?: DomMetadata;\n      };\n      /**\n       * Метки для автоматизированного тестирования и аналитики\n       * Добавляет data-атрибуты и CSS-классы к элементам RightSidebar\n       */\n      sidebar?: {\n        domMetadata?: DomMetadata;\n      };\n    };\n  /**\n   * editing - активация редактирования. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={editing: {onRowsChange, rowKeyGetter}}\n   *\n   * columnConfig=[{editingCell: {...}}]\n   */\n  editing?: EditingConfig<RowType, RowIdType, SummaryRowType>;\n\n  /**\n   * cellTransfer — конфигурация копирования, вставки и fill handle.\n   * По умолчанию копирование (Ctrl+C) работает в режиме редактирования.\n   * Данные копируются в формате TSV (tab-separated values), совместимом с Excel.\n   *\n   * Пример:\n   *\n   * tableConfig={{ cellTransfer: { enabled: true, onBeforeCopy: (data) => data } }}\n   */\n  cellTransfer?: CellTransferConfig;\n\n  /**\n   * Объединение ячеек тела таблицы.\n   *\n   * mergeByCellValues — колонки, в которых подряд идущие одинаковые значения\n   * сливаются в один блок (по вертикали). Границы блоков таблица считает сама из\n   * данных; сортировка и фильтр их пересобирают. Данные не меняются — значение и\n   * так повторяется в строках, объединение лишь показывает его одной ячейкой.\n   *\n   * mergedCellsRegions — список блоков, заданных снаружи (как выделение): каждый\n   * блок описан ключами строк (rowKeys) и колонок (colKeys). Нужен rowKeyGetter.\n   * Если после сортировки или скрытия колонок строки/колонки блока перестали идти\n   * подряд — блок не рисуется. Важнее mergeByCellValues.\n   *\n   * Примеры: mergeCells={{ mergeByCellValues: ['dept', 'role'] }},\n   * mergeCells={{ mergedCellsRegions, rowKeyGetter: (r) => r.id }}.\n   */\n  mergeCells?: {\n    mergeByCellValues?: Array<\n      string | { colKey: string; value: (row: RowType) => unknown }\n    >;\n    /** Список блоков, заданных снаружи (по ключам строк и колонок). */\n    mergedCellsRegions?: MergedCellsRegion[];\n    /**\n     * Нужен для mergedCellsRegions: находит строку по её ключу. Должна быть\n     * стабильной функцией; менять её на лету не нужно — в пересборку таблицы она\n     * не входит.\n     */\n    rowKeyGetter?: (row: RowType) => string | number;\n    /**\n     * Выравнивание по умолчанию для всех блоков. Колоночный mergedCellsAlign и\n     * выравнивание конкретного региона важнее.\n     */\n    mergedCellsAlign?: MergedCellsAlign;\n  };\n\n  /**\n   * Модуль нотификаций: стандартизированный канал событий для внешних\n   * потребителей. Таблица UI не рисует — вызывает `onNotification`, потребитель\n   * показывает тост/модалку на своей стороне. Сейчас эмитятся ошибки copy/paste\n   * (в т.ч. multi-range 2D-разброс, readonly/overflow-abort, пропуск валидацией).\n   */\n  notifications?: TableNotificationsConfig;\n\n  /**\n   * subRows - активация иерархии, отображения вложенных строк. Условие активации - наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={subRows: {getSubRows, rowKeyGetter}}\n   *\n   * columnConfig=[{subRow: {...}}]\n   */\n  subRows?: SubRows<RowType, RowIdType>;\n  /**\n   * Столбец с нумерацией строк.\n   * Активируется наличием этого свойства. Поддерживает `subRows` любой глубины.\n   *\n   * @see {@link RowMarkersTableConfig} — полное описание конфигурации и примеры.\n   */\n  rowMarkers?: RowMarkersTableConfig<RowType>;\n  rowsGrouping?: RowsGrouping<RowType, SummaryRowType>;\n\n  /**\n   * resizableColumn - активация изменения ширины колонки с помощью курсора. Условие активации -  resizableColumn: true. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={resizableColumn: true}\n   *\n   * columnConfig=[{resizable: true}]\n   */\n  resizableColumn?: boolean;\n  /**\n   * style - inline-стили. Для стилей самой таблицы (без вложенности).\n   *\n   * Исключены свойства 'width' | 'height' | 'minWidth' | 'minHeight' | 'maxWidth' | 'maxHeight'. Их следует стилизовать через свойства containerStyle.\n   */\n  style?: Omit<\n    CSSProperties,\n    'width' | 'height' | 'minWidth' | 'minHeight' | 'maxWidth' | 'maxHeight'\n  >;\n  /**\n   * css - для стилей простых и сложных(например, для стилизации cell, headerCell, ...).\n   *\n   * Пример:\n   *\n   * ```css\n   * & > .rdg-header-row > .rdgCell {\n   * background-color: red;\n   * }\n   * ```\n   *\n   */\n  css?: string | CSSObject;\n\n  summaryRows?: SummaryRowsConfig;\n  /**\n   * controlBlock - пропс для активации, кастомизации контролблока.\n   */\n  controlBlock?: ControlBlockConfig;\n  /**\n     * containerStyle - инлайновые стили контейнера таблицы и контролблока. высоту и ширину для таблицы рекомендуется задавать в этом пропсе.\n     * Пример:\n     *\n     * ```tsx\n        tableConfig={{ containerStyle: { height: '70vh' } }}\n     * ```\n     */\n  containerStyle?: CSSProperties | undefined;\n  /**\n   * containerCss - стили для контейнера таблицы и контролблока.\n   * Через этот пропс можно дополнительно кастомизировать контейнер и все его дочерние элементы.\n   */\n  containerCss?: string | CSSObject | undefined;\n  /**\n   * containerId - html-атрибут id контейнера таблицы.\n   */\n  containerId?: string | undefined;\n\n  /**\n   * unstickyHeader - откреплённая шапка. Header уезжает вместе со скроллом контента.\n   * @default false\n   */\n  unstickyHeader?: boolean;\n\n  /** Тултип при hover по canvas-элементам.\n   *  Для активации фичи необходимо заполнить данный конфиг,\n   * а также добавить нужные изменения в Canvas-элементах или в конфиге колонки.\n   */\n  tooltip?: TableConfigTooltip;\n\n  /**\n   * infinityScroll - бесконечная подгрузка данных при скролле.\n   *\n   *  Условие активации - наличие самого пропса infinityScroll.\n   *\n   * При активации infinityScroll отключается дефолтная сортировка и фильтрация.\n   * (Предполагается, что если есть infinityScroll,\n   * то в таблице представлен не весь объем данных,\n   * по этой причине дефолтная сортировка и фильтрация не подходят и будут отображать некорректные данные)\n   *\n   */\n  infinityScroll?: InfinityScrollConfig<RowType>;\n  /**\n   * @isLoading - состояние загрузки данных для таблицы.\n   */\n  isLoading?: boolean | { boolean: boolean; skeletonRowsCount: number };\n  /**\n   * loadingOverlay - конфигурация для отображения оверлея загрузки.\n   * Показывает индикатор загрузки поверх таблицы с возможностью кастомизации.\n   */\n  loadingOverlay?: {\n    /**\n     * Активен ли оверлей загрузки\n     * @default true\n     */\n    active?: boolean;\n    /**\n     * Кастомный компонент спиннера\n     * @default <Spinner view=\"secondary\" size=\"36\" /> (внутренний компонент)\n     */\n    spinner?: ReactNode;\n    /**\n     * Основной заголовок оверлея\n     * @default \"Загрузка таблицы\"\n     */\n    title?: string;\n    /**\n     * Подзаголовок, который появится после задержки, пустая строка - значит он не появится\n     * @default \"\"\n     */\n    subtitle?: string;\n    /**\n     * Задержка перед показом подзаголовка (мс)\n     * @default 10000 (10 секунд)\n     */\n    showSubtitleDelay?: number;\n  };\n  /**\n   * Empty state внутри content-области canvas-таблицы.\n   * Не заменяет control block, header или pagination.\n   */\n  emptyState?: TableCanvasEmptyStateConfig;\n  /**\n   * Error state внутри content-области canvas-таблицы.\n   * Не заменяет control block, header или pagination.\n   */\n  errorState?: TableCanvasErrorStateConfig;\n  // FIXME:\n  // noRowsFallback?: boolean | { custom: ReactNode };\n  columnsControl?: ColumnsControlConfig;\n  // FIXME:\n  // rowDetailPanel?: RowDetailConfig<RowType>;\n  // FIXME: Временно комментирую использование, пока не адаптируем TableCanvas\n  // rowInstruments?: {\n  //   getRowDropdownConfig: RowInstrumentsType<RowType>;\n  //   /**\n  //    * @default false\n  //    */\n  //   defaultOpened?: boolean;\n  //   /**\n  //    * @default true\n  //    */\n  //   showInControl?: boolean;\n  //   /**\n  //    * Внешний стейт видимости\n  //    */\n  //   openedState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  // };\n  fullScreenEnabled?: FullScreen;\n  /**\n   * Переносит портал editor overlay внутрь контейнера таблицы вместо document.body.\n   * Решает проблему focus trap и сдвига координат при рендере таблицы в модалке с CSS transform.\n   * @default undefined (overlay рендерится в document.body — стандартное поведение)\n   */\n  editorOverlayPortal?: 'inside';\n  keyText?: boolean | KeyTextConfig;\n  /**\n   * pagination - пропс для пагинации.\n   *\n   * Условие активации - наличие самого пропса pagination.\n   *\n   * При активации pagination отключается дефолтные поиск, сортировка и фильтрация.\n   * (поиск работает на уровне с фильтрацией и сортировкой, сначала поиск, затем фильтрация, затем сортировка)\n   *\n   */\n  pagination?: PaginationProps;\n  /**\n   * searching - пропс для поиска по таблицу.\n   *\n   * Условие активации - наличие searching.enabled: true\n   *\n   */\n  /**\n   * Конфигурация табов в сайдбаре\n   */\n  sidebarConfig?: SidebarConfig;\n  searching?: SearchingProps;\n  /**\n   * onHeaderContextMenu - callback открытия контекстного меню.\n   */\n  onHeaderContextMenu?: TableGlideInstanceProps<\n    RowType,\n    SummaryRowType\n  >['onHeaderContextMenu'];\n  onHeaderContextMenuDropdown?: TableGlideInstanceProps<\n    RowType,\n    SummaryRowType\n  >['onHeaderContextMenuDropdown'];\n  onCellContextMenuDropdown?: TableGlideInstanceProps<\n    RowType,\n    SummaryRowType\n  >['onCellContextMenuDropdown'];\n  onCellContextMenu?: TableGlideInstanceProps<\n    RowType,\n    SummaryRowType\n  >['onCellContextMenu'];\n  /**\n   * Обработчик клика по ячейке.\n   *\n   * Получает `cell` readonly [colIndex, rowIndex] от glide, и `info` обогащённый объект\n   * с row, column, ctxs, refTable (аналогично onCellContextMenu).\n   */\n  onCellClicked?: (\n    cell: readonly [number, number],\n    info: TableInfoWithRow<RowType, SummaryRowType>,\n  ) => void;\n} & GlideInstanceOmitted<RowType, SummaryRowType>;\n\ntype GlideInstanceOmitted<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n> = Pick<\n  Omit<\n    TableGlideInstanceProps<RowType, SummaryRowType>,\n    | keyof TableGlideCustomProps<RowType, SummaryRowType>\n    | 'CellReadOnlyEditor' /* CellReadOnlyEditor - свойство только для GlideInstance */\n  >,\n  | 'className'\n  | 'columnSelect'\n  | 'minColumnWidth'\n  | 'maxColumnWidth'\n  | 'maxColumnAutoWidth'\n  | 'onVisibleRegionChanged'\n  | 'onCellClicked'\n  // | 'CellReadOnlyEditor'\n  // | 'onGroupHeaderClicked'\n  | 'onHeaderClicked'\n  | 'onItemHovered'\n  | 'trapFocus'\n  | 'onColumnResize'\n>;\nexport type CellReadOnlyEditorProps<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n> = CellReadOnlyEditorGlideInstanceStaticProps &\n  EditingCellInfo<RowType, SummaryRowType>;\n\n//  & Pick<\n//   DataGridPropsDefault<RowType, SummaryRowType, RowIdType>,\n//   | 'summaryRowHeight'\n//   | 'onFill'\n//   | 'onCopy'\n//   | 'onPaste'\n//   | 'onCellClick'\n//   | 'onCellDoubleClick'\n//   | 'onCellContextMenu'\n//   | 'onCellKeyDown'\n//   | 'onSelectedCellChange'\n//   | 'onScroll'\n//   | 'onColumnResize'\n//   | 'onColumnsReorder'\n//   | 'enableVirtualization'\n//   | 'rowClass'\n//   | 'data-testid'\n//   | 'headerRowHeight'\n// >;\n\n/**\n * Конфигурация фичи rowMarkers (столбец с нумерацией строк).\n *\n * Столбец frozen, вставляется первым, исключён из reorder/pin/hide/sort/grouping.\n * Поддерживает плоский и древовидный (`subRows`) режимы любой глубины вложенности.\n *\n * **Дефолтное поведение** (без `getRowMarker`): root-only нумерация —\n * корневые строки получают номер (`startIndex + rootIndex`), дочерние — пустую строку.\n *\n * @example\n * ```tsx\n * // Минимальная конфигурация\n * tableConfig={{ rowMarkers: { startIndex: 1 } }}\n *\n * // Сквозная стабильная нумерация\n * tableConfig={{ rowMarkers: { getRowMarker: ({ flatIndex }) => flatIndex + 1 } }}\n * ```\n */\nexport type RowMarkersTableConfig<\n  RowType extends ObjectForExtending = ObjectForExtending,\n> = {\n  /**\n   * Стартовый индекс нумерации (для дефолтной логики без `getRowMarker`).\n   * @default 1\n   */\n  startIndex?: number;\n\n  /**\n   * Ширина столбца с нумерацией (в px).\n   * Если задан `size` — он приоритетнее.\n+  * Если ни `size`, ни `width` не заданы — ширина подстраивается\n+  * под глобальный `tableConfig.rowSize` (small=20, medium=32, big=48).\n   * @default 32\n   */\n  width?: number;\n  /**\n   * Размер столбца. Приоритетнее `width`.\n   * - `xs` = 20px\n   * - `s` = 32px\n   * - `m` = 48px\n   */\n  size?: 'xs' | 's' | 'm';\n  /**\n   * Кастомная функция нумерации. Полностью переопределяет дефолтную root-only логику.\n   * Вызывается при рендере каждой ячейки столбца нумерации.\n   *\n   * ⚠️ Вызывается не только при полной отрисовке таблицы, но и при ховере/скролле —\n   * для **одной** ячейки. Не используйте внешние переменные-счётчики —\n   * используйте аргументы (`siblingPath`, `flatIndex` и др.), они всегда актуальны.\n   *\n   * @example\n   * // Сквозная стабильная нумерация (все строки, номера не прыгают при сворачивании)\n   * getRowMarker: ({ flatIndex }) => flatIndex + 1\n   *\n   * @example\n   * // Корневые — номер, дочерние — прочерк\n   * getRowMarker: ({ isSubRow, flatIndex }) => isSubRow ? '—' : flatIndex + 1\n   *\n   * @example\n   * // Иерархическая нумерация любой глубины: 1, 1.1, 1.1.1, 1.2, 2\n   * getRowMarker: ({ siblingPath }) => siblingPath.map(i => i + 1).join('.')\n   */\n  getRowMarker?: (args: {\n    /** Данные текущей строки. */\n    row: RowType;\n    /** Уровень строки в дереве: `0` — корневая, `1` — дочерняя, `2` — внучка, и т.д. */\n    level: number;\n    /** `true`, если строка дочерняя (`level > 0`). */\n    isSubRow: boolean;\n    /**\n     * Индекс строки в **видимых** строках.\n     * **Нестабильный** — меняется при сворачивании и разворачивании веток.\n     */\n    rowIndex: number;\n    /**\n     * Стабильный 0-based индекс строки в **полном** дереве (включая скрытые/свёрнутые).\n     * Не меняется при collapse/expand — подходит для сквозной нумерации.\n     */\n    flatIndex: number;\n    /**\n     * Порядковый номер среди siblings одного родителя (0-based).\n     * Для корневых строк — порядковый номер среди всех корневых.\n     * Для дочерних — порядковый номер среди children одного `parentKey`.\n     */\n    siblingIndex: number;\n    /**\n     * Путь siblingIndex-ов от корня до текущей строки (каждый элемент 0-based).\n     *\n     * Примеры:\n     * - корневая строка (2-я): `[1]`\n     * - дочерняя (3-й ребёнок 2-го корня): `[1, 2]`\n     * - внучка (1-й ребёнок 1-го ребёнка 1-го корня): `[0, 0, 0]`\n     *\n     * Для иерархической нумерации: `siblingPath.map(i => i + 1).join('.')` → `\"1.1.1\"`\n     *\n     * Для плоской таблицы (без subRows): всегда `[siblingIndex]` (один элемент).\n     */\n    siblingPath: number[];\n    /**\n     * Ключ родительской строки (`rowKeyGetter(parent)`).\n     * `null` для корневых строк. Работает для **любой** глубины вложенности.\n     */\n    parentKey: string | number | null;\n    /** Текущий видимый `flattened` массив строк. */\n    rows: readonly RowType[];\n  }) => string | number;\n};\n```\n\n## FilterComponentInPopoverProps\n\nПропсы, доступные в кастомном компоненте фильтра (`component: 'custom'`).\n\n```typescript\ntype FilterComponentInPopoverProps<\n  FilterStateType extends ObjectForExtending,\n  ColumnConfig,\n> = {\n  popoverIsOpen: boolean;\n  setPopoverIsOpen: React.Dispatch<React.SetStateAction<boolean>>;\n  columnConfig: ColumnConfig;\n  tabIndex: number;\n  headerContextState: HeaderContextValueTypeInstance<FilterStateType> &\n    FiltersVariables &\n    HeaderContextValueTypeInstance<ObjectForExtending>;\n  /**\n   * Источник открытия фильтра: из шапки таблицы или из сайдбара\n   * Полезно для условной логики в customRender (например, alwaysOpened для combobox)\n   */\n  filterSource?: 'header' | 'sidebar';\n};\n```",
       "api": [
         {
           "typeName": "FilteringConfig",
-          "source": "type FilteringConfig<T> = {\n  state: [T, React.Dispatch<React.SetStateAction<T>>];\n  /**\n   * @deprecated Использовать filtersInfo\n   *\n   * clearedValue - состояние фильтров после очистки. Используется для сравнения:\n   * Например, был ли фильтр конкретной колонки изменен рассчитывается посредством сравнения текущего значения фильтра и значения фильтра в clearedValue.\n   * Если они равны, то фильтр считается не измененным.\n   */\n  clearedValue?: T;\n  /**\n   * Информация о фильтрах для каждой колонки.\n   * Используется для:\n   * 1. Хранения меток (label) фильтров для отображения в UI\n   * 2. Хранения значений по умолчанию (clearedValue) для каждого фильтра\n   * 3. Определения, был ли фильтр изменен (сравнение текущего значения с clearedValue)\n   */\n  filtersInfo?: Record<\n    keyof T,\n    {\n      label: string;\n      clearedValue: T[keyof T];\n    }\n  >;\n  /**\n   * manualFiltering - пропс, активирующий ручную-кастомную (или на стороне бэка) фильтрацию.\n   * @remarks\n   * Для автоматической фильтрации (когда не используется manualFiltering в tableConfig):\n   * - Для всех типов фильтров обязательно должен быть указан `valueInRow`\n   * - Для component: 'select' дополнительно должен быть указан `filteringType`\n   * - Для component: 'input' с кастомным фильтром (когда filter - функция)\n   *   функция фильтрации должна быть передана явно\n   *\n   * Если используется manualFiltering, эти параметры не обязательны,\n   * так как вся логика фильтрации реализуется извне.\n   */\n  manualFiltering?: boolean;\n  /**\n   * Конфигурация для отображения фильтров в правом сайдбаре.\n   *\n   * Позволяет:\n   * 1. Добавлять глобальные фильтры (не привязанные к конкретной колонке)\n   * 2. Управлять порядком отображения фильтров\n   * 3. Переопределять рендер и заголовки колоночных фильтров\n   *\n   * Логика работы:\n   * - По умолчанию в сайдбаре отображаются все колоночные фильтры (из columnConfig)\n   * - Ключом фильтра считается `key` колонки, если его нет, то пытаемся взять `keyInFilterState` (если указан), иначе это не будет работать\n   * - Заголовком фильтра по умолчанию является `name` колонки или ключ фильтра (name || key)\n   * - Глобальные фильтры добавляются через `items` с уникальными ключами\n   *\n   * Особенности:\n   * 1. Порядок отображения:\n   *    - Сначала фильтры из `order` (в указанной последовательности)\n   *    - Затем остальные колоночные фильтры (в порядке columnConfig)\n   *    - В конце - глобальные фильтры (в алфавитном порядке ключей)\n   *\n   * 2. Переопределение колоночных фильтров:\n   *    - Чтобы изменить заголовок: укажите ключ колонки в `items` с новым `label`\n   *    - Чтобы заменить рендер: укажите ключ колонки с `customRenderFn`\n   *    - Оригинальный фильтр из колонки будет проигнорирован\n   *\n   * 3. Глобальные фильтры:\n   *    - Ключ не должен совпадать с ключами колонок\n   *    - Обязательно указать `label` и `customRenderFn`\n   *    - Отображаются после всех колоночных фильтров, если не переопределены в order\n   *\n   * @example\n   * // Добавление глобального фильтра и изменение порядка\n   * sidebarConfig: {\n   *   order: ['status', 'tasks', 'type'], // Сначала статус, затем глобальный поиск\n   *   items: {\n   *     tasks: { // Уникальный ключ\n   *       label: 'Поиск по всем полям',\n   *       customRenderFn: () => <TaskComponent />\n   *     },\n   *     status: { // Переопределение колоночного фильтра\n   *       label: 'Статус заявки', // Новый заголовок\n   *       customRenderFn: () => <CustomStatusFilter /> // Кастомный рендер\n   *     }\n   *     type: { // Переопределение только Label колоночного фильтра\n   *       label: 'Тип', // Новый заголовок\n   *     }\n   *   }\n   * }\n   */\n  sidebarConfig?: {\n    /**\n     * Определяет порядок отображения фильтров.\n     * - Указываются ключи фильтров (колоночных или глобальных)\n     * - Не указанные в order фильтры отображаются после\n     * - Если order пуст, сохраняется порядок: глобальные фильтры + columnConfig фильтры в конце\n     */\n    order?: string[];\n    /**\n     * Конфигурация фильтров для сайдбара.\n     * Ключом может быть:\n     * - Ключ колонки (для переопределения колоночного фильтра)\n     * - Уникальный ключ (для добавления глобального фильтра)\n     */\n    items: Partial<\n      Record<\n        keyof T,\n        {\n          /** Заголовок фильтра (обязателен для глобальных фильтров), можно использовать для переопределения для локальных фильтров */\n          label: string;\n          /**\n           * Функция рендера компонента фильтра.\n           * Для колоночных фильтров переопределяет оригинальный рендер.\n           * Для глобальных фильтров обязательна.\n           */\n          customRenderFn?: (\n            filters: T,\n            setFilters: React.Dispatch<React.SetStateAction<T>>,\n          ) => React.ReactNode;\n        }\n      >\n    >;\n  };\n  /**\n   * Callback для кастомизации стилей чипсов (фильтров) в списке\n   *\n   * @param {ItemOrGroup} itemOrGroup - Текущий элемент или группа фильтров\n   * @param {Item | undefined} item - Конкретный элемент фильтра (если есть)\n   * @returns {CSSObject} Объект стилей, который будет применен к чипсу\n   *\n   * @description\n   * Позволяет динамически задавать стили для каждого чипса в зависимости от его типа и содержимого.\n   * Вызывается для каждого отображаемого чипса (как для отдельных элементов, так и для элементов внутри групп).\n   *\n   * @example\n   * // Пример 1: Стилизация чипсов по типу\n   * chipStyle: (itemOrGroup, item) => {\n   *   if (isGroup(itemOrGroup)) {\n   *     return { backgroundColor: '#f0f0f0' };\n   *   }\n   *   return { backgroundColor: '#e0e0e0' };\n   * }\n   *\n   * @example\n   * // Пример 2: Стилизация по значению фильтра\n   * chipStyle: (itemOrGroup, item) => {\n   *   if (item?.label === 'Высокий приоритет') {\n   *     return {\n   *       backgroundColor: '#ffebee',\n   *       color: '#d32f2f'\n   *     };\n   *   }\n   *   return {};\n   * }\n   *\n   * @example\n   * // Пример 3: Разные стили для элементов в группе и одиночных\n   * chipStyle: (itemOrGroup, item) => {\n   *   if (item) {\n   *     // Стиль для элемента внутри группы\n   *     return { maxWidth: 180 };\n   *   }\n   *   // Стиль для одиночного чипа\n   *   return { maxWidth: 150 };\n   * }\n   */\n  chipStyle?: (itemOrGroup: ItemOrGroup, item: Item | undefined) => CSSObject;\n  /**\n   * Пользовательский форматтер заголовка группы чипсов.\n   *\n   * Используется в блоке активных фильтров для подмены текста заголовка\n   * группы (например, “Статус”, “Тип”, “Автор”). Полезно, когда нужно\n   * динамически менять подпись (добавить счётчик, i18n и т.п.).\n   *\n   * @param {ItemOrGroup} itemOrGroup Объект группы (тип Group). Вызов происходит только для групп,\n   *                                   поэтому безопасно кастовать к Group.\n   * @returns {string} Текст заголовка группы чипсов.\n   *\n   * @default Возвращается `group.groupLabel`.\n   *\n   * @remarks\n   * - Функция должна быть чистой и быстрой (без сетевых запросов и побочных эффектов).\n   * - Возвращайте ТОЛЬКО строку — чипы отображают текстовое значение.\n   * - Для длинных строк применяется усечение (overflow с многоточием) на уровне компонента.\n   *\n   * @example\n   * // Добавить двоеточие и количество выбранных элементов\n   * renderGroupLabel: (group) => `${group.groupLabel}: ${group.items.length}`\n   *\n   * @example\n   * // Локализация заголовка группы\n   * const i18n = { status: 'Статус', type: 'Тип' };\n   * renderGroupLabel: (group) => i18n[group.groupId] ?? group.groupLabel\n   */\n  renderGroupLabel?: (group: Group) => string;\n\n  /**\n   * Пользовательский форматтер текста чипса (элемента внутри группы или одиночного фильтра).\n   *\n   * Позволяет управлять тем, что именно отображается внутри каждого чипса. Особенно полезен\n   * при серверной пагинации/ленивой загрузке, когда в состоянии фильтра хранится только value,\n   * а label необходимо подставить из локального кэша.\n   *\n   * @param {Group | null } group  Группа, внутри которой рендерится чип (или null).\n   * @param {Item} item   Сам элемент чипса. В группах передаётся конкретный `Item`,\n   *                                  для одиночного чипа может быть `undefined`.\n   * @returns {string} Текст, который будет показан в чипсе.\n   *\n   * @default Используется `item?.label.toString()` (или строковое представление value).\n   *\n   * @remarks\n   * - Функция должна быть чистой и быстрой;\n   * - Возвращайте ТОЛЬКО строку.\n   *\n   * @example\n   * // 1) Отображение label из кэша при серверной пагинации\n   * const labelsCacheRef = useRef(new Map<string, string>());\n   * renderChipLabel: (group, item) => {\n   *   if (item?.id != null) {\n   *     const key = String(item.id);\n   *     const fromCache = labelsCacheRef.current.get(key);\n   *     if (fromCache) return fromCache;     // красивый label, если уже загрузили\n   *     return String(item.label ?? key);    // фоллбэк: временно показываем value/label из item\n   *   }\n   *   return ''; // безопасный фоллбэк для одиночных случаев\n   * }\n   *\n   * @example\n   * // 2) Нормализация отображения числовых значений\n   * renderChipLabel: (_group, item) => {\n   *   const v = Number(item?.label);\n   *   return Number.isFinite(v) ? v.toLocaleString('ru-RU') : String(item?.label ?? '');\n   * }\n   *\n   * @example\n   * // 3) Префикс по типу группы\n   * renderChipLabel: (group, item) => {\n   *   const prefix = group.groupId === 'status' ? '' : '#';\n   *   return `${prefix}${item?.label ?? item?.id ?? ''}`;\n   * }\n   */\n  renderChipLabel?: (group: Group | null, item: Item) => string;\n};\n\nexport type DefaultSidebarTabIds = 'columns' | 'tableSettings' | 'filtering';\n\n/**\n * Конфигурация sidebar\n */\nexport type SidebarConfig = {\n  /**\n   * Включен ли sidebar. Отвечает только за UI. Не влияет на перерасчёт фичей.\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * Открыт ли sidebar при первом рендере (uncontrolled-режим).\n   * Игнорируется, если передан openState.\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Внешний контроль открытия/закрытия sidebar.\n   * Если передан — источник истины, defaultOpen игнорируется.\n   */\n  openState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * id вкладки, выбранной по умолчанию (актуально при открытом сайдбаре).\n   * Если id не найден или у вкладки showInSidebar=false — используется первая доступная.\n   */\n  defaultActiveTabId?: string;\n  /**\n   * Внешний контроль активной вкладки (controlled-режим).\n   * Если передан — источник истины, defaultActiveTabId игнорируется.\n   */\n  activeTabState?: [\n    string | null,\n    React.Dispatch<React.SetStateAction<string | null>>,\n  ];\n  /**\n   * Колбэк смены активной вкладки. Вызывается и в uncontrolled-режиме.\n   * При закрытии сайдбара приходит null.\n   */\n  onActiveTabChange?: (tabId: string | null, tab?: SidebarTab) => void;\n  /**\n   * Кастомные табы\n   */\n  customTabs?: Array<\n    Omit<SidebarTab, 'id'> & {\n      id: Exclude<string, DefaultSidebarTabIds>;\n    }\n  >;\n  /**\n   * Порядок отображения кастомных вкладок\n   */\n  customTabsOrder?: Array<Exclude<string, DefaultSidebarTabIds>>;\n  defaultTabs?: Array<\n    | {\n        id: 'filtering' | 'columns';\n        /** название таба в рамках горизонтального табов внутри таба настройки */\n        label?: string;\n        /** название таба в рамках вертикальных табов сайдбара (если данный таб окажется единственным табом в настройках) */\n        title?: string;\n        /**\n         * Метки для автоматизированного тестирования и аналитики\n         * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n         */\n        domMetadata?: DomMetadata;\n        /**\n         * Кастомный элемент справа от title в шапке сайдбара\n         */\n        titleRightSlot?: React.ReactNode;\n        /** @default true */\n        showInSidebar?: boolean;\n        /** тултип иконки шестеренки (для табов с id = filtering и columns - недоступен. Настраивается через таб с id='tableSettings') */\n        iconTooltipText?: undefined;\n      }\n    | {\n        id: 'tableSettings';\n        /** название таба в рамках горизонтального табов внутри таба настройки */\n        label?: string;\n        /** название таба в рамках вертикальных табов сайдбара */\n        title?: string;\n\n        /**\n         * Метки для автоматизированного тестирования и аналитики\n         * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n         */\n        domMetadata?: DomMetadata;\n        /**\n         * Кастомный слот для вкладки tableSettings (рендерится после общих настроек)\n         * Только дл id: 'tableSettings'\n         */\n        customGeneralSettingsSlot?: React.ReactNode;\n        /**\n         * Кастомный элемент справа от title в шапке сайдбара\n         */\n        titleRightSlot?: React.ReactNode;\n        /** @default true */\n        showInSidebar?: boolean;\n        /** тултип иконки шестеренки @default 'Настройки' */\n        iconTooltipText?: string;\n      }\n  >;\n};\n\nexport function activeViewIs<T extends 'cards' | 'rows'>(\n  checkType: T,\n  viewState: 'cards' | 'rows',\n  view: View,\n): view is ViewMods[T] {\n  return checkType === viewState;\n}\n\n/** Размер controlBlock: 'm' и 's' — одинаковые стили, 'xs' — уменьшенный */\nexport type ControlBlockSize = 'm' | 's' | 'xs';\n\nexport type ControlBlockConfig = {\n  /**\n   * show - наличие controlBlock-а\n   * @default true\n   */\n  show?: boolean;\n  /**\n   * Размер controlBlock и его элементов (кнопки, иконки, поиск, отступы).\n   * 'm' и 's' — стандартные стили, 'xs' — компактный режим.\n   * Не влияет на customFeatures и кастомные слоты — они контролируются разработчиком.\n   * @default 'm'\n   */\n  size?: ControlBlockSize;\n  /**\n   * @deprecated Используйте кастомные кнопки через rightSideInner или customFeatures.\n   * leftSideInner - пропс для добавления кнопок в левую часть контролблока.\n   * Продолжает работать для обратной совместимости.\n   */\n  leftSideInner?: ControlBlockButtonProps[];\n  /**\n   * rightSideInner - пропс для добавления кнопок в правую часть контролблока\n   */\n  rightSideInner?: ControlBlockButtonProps[];\n  /**\n   * customFeatures - пропс для добавления кастомных фичей (кнопки-иконки)\n   */\n  customFeatures?: FeatureItem[];\n  /**\n   * pinningMenu - нативная фича закрепления столбцов (SplitIconButton с\n   * дропдауном) в правой зоне иконок. Появляется, когда активировано\n   * закрепление колонок (columnsControl.pinning). Продукт может донастроить\n   * и дополнить пункты меню (см. PinningMenuConfig).\n   */\n  pinningMenu?: PinningMenuConfig;\n  /**\n   * Пропсы для компонента dropdown в котором будут скрыты левые фичи при адаптивной компрессии\n   */\n  leftSideDropdownProps?: TableDropdownConfigProps;\n  /**\n   * Пропсы для компонента dropdown в котором будут скрыты правые фичи при адаптивной компрессии\n   */\n  rightSideDropdownProps?: TableDropdownConfigProps;\n  /**\n   * Активна ли фича компрессии (сжатие ToolsMenu при адаптиве)\n   * @default true\n   */\n  enableAdaptiveCompress?: boolean;\n  /**\n   * Панель массовых действий\n   */\n  massActionPanel?: {\n    /**\n     * Кнопки панели. Размеры кнопок/дропдаунов панель подбирает сама (по `size` панели и компактности) —\n     * передавать `size` кнопкам не нужно. Если `size` на кнопке всё же задан — он используется как есть.\n     */\n    buttons: MassActionButtonProps[];\n    /**\n     * Пропсы для Dropdown, в который сжались кнопки\n     */\n    collapsedDropdownProps?: TableDropdownConfigProps;\n    /**\n     * Отступ панели снизу от контейнера (px)\n     * @default 24\n     */\n    bottom?: number;\n    /**\n     * Управление отображением панели массовых действий.\n     * - `undefined` (по умолчанию) — стандартное поведение (показывается при selecting + выбранных строках)\n     * - `false` — панель не рендерится, разработчик управляет действиями самостоятельно\n     * - `true` — панель показывается всегда, даже без активного selecting и выбранных строк\n     */\n    show?: boolean;\n    /**\n     * Размерная сетка панели внутри таблицы: `m`/`s` — обычный размер, `xs` — уменьшенный (кнопки `xxs`, «ещё» `xs`, счётчик Body XS).\n     * Viewport-логика (1280) в таблице не используется.\n     * @default 's'\n     */\n    size?: MassActionsSize;\n  };\n};\n\n/** Пропсы кнопки редактирования. onClick исключён — используйте onSave/onCancel/onEnableEditing. */\nexport type EditingButtonProps = Omit<\n  Partial<ControlBlockButtonProps>,\n  | 'onClick'\n  | 'size'\n  | 'dropdown'\n  | 'isTargetAction'\n  | 'skipRightDivider'\n  | 'tooltipText'\n>;\n\nexport type EditingConfig<\n  RowType extends ObjectForExtending,\n  RowIdType,\n  SummaryRowType,\n> = {\n  /**\n   * Функция обработки изменений в редактируемой строке\n   */\n  onRowsChange: Maybe<\n    (rows: RowType[], data: RowsChangeData<RowType, SummaryRowType>) => void\n  >;\n  /**\n   * свойство, необходимое для корректного изменения дочерних строк.\n   * Данное свойство обязательно, если ваши дочерние строки установлены не под ключом \"subRows\" внутри строки.\n   *\n   * Как дочерние строки можно указывать свойство, которые вложено в другое свойство.\n   * В таком случае \".\" будет знаком для обозначения сл. уровня вложенности.\n   *\n   * @example \"child\" или \"uvh367.children\"\n   */\n  subRowsKey?: string;\n  /**\n   * Глубокое копирование строк перед применением правки в режиме редактирования.\n   *\n   * Включите, если строки, передаваемые в таблицу, иммутабельны/заморожены\n   * (напр. стейт под управлением Redux Toolkit или Immer — они вызывают\n   * Object.freeze в dev). При редактировании дочерней строки таблица записывает\n   * изменение ВНУТРЬ объекта родителя; на замороженном объекте это падает с\n   * `TypeError: Cannot assign to read only property`.\n   *\n   * Когда флаг включён, таблица сама делает structuredClone редактируемой строки\n   * перед записью — ваш иммутабельный стейт не мутируется, и редактирование\n   * дочерних строк работает без действий с вашей стороны.\n   *\n   * ⚠️ Данные строки должны быть сериализуемыми. Где доступен structuredClone —\n   * Date/Map/Set и вложенные структуры копируются корректно; на старых средах\n   * без structuredClone используется JSON-фоллбэк (теряет Date/Map/Set, undefined\n   * и функции). Не включайте без необходимости — глубокое копирование добавляет\n   * накладные расходы.\n   *\n   * @default false\n   */\n  deepCloneRows?: boolean;\n  /**\n   * Функция определения уникального id строки\n   * @param row\n   * @returns\n   */\n  rowKeyGetter: (row: RowType) => RowIdType;\n  /**\n   * Функция определения возможности редактирования строки\n   * @param row\n   * @returns\n   */\n  rowEditable?: (row: RowType) => boolean;\n  /**\n   * defaultEnabled - пропс, отвечающий за то, будет ли активен режим редактирования или нет. По умолчанию - не активно.\n   * @default false\n   */\n  defaultEnabled?: boolean;\n  /**\n   * enabled - необходим для управления режимом редактирования снаружи компонента Таблицы.\n   * По умолчанию, управление происходит в компоненте.\n   * Приоритетнее, чем defaultEnabled.\n   *\n   * @type boolean - если НЕ нужно переключение в самой таблице\n   * @type [boolean, React.Dispatch<React.SetStateAction<boolean>>] - если нужно переключение в самой таблице\n   *\n   */\n  enabled?: boolean | [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * Cостояние скрытия/раскрытия кнопки включения/выключения фичи\n   * @default true\n   */\n  showButtons?: boolean;\n  /**\n   * Функция, вызывающаяся при включении фичи.\n   * @param enableEditorMode - функция включающая режим редактирования\n   */\n  onEnableEditing?: (enableEditorMode: () => void) => void;\n  /**\n   * Функция, вызывающаяся при сохранении отредактированного.\n   * @param disableEditorMode - функция выключающая режим редактирования\n   */\n  onSave?: (disableEditorMode: () => void) => void;\n  /**\n   * Функция, вызывающаяся при отмене отредактированного.\n   * @param disableEditorMode - функция выключающая режим редактирования\n   */\n  onCancel?: (disableEditorMode: () => void) => void;\n  /** Пропсы кнопок в controlBlock. */\n  buttons?: {\n    save?: EditingButtonProps;\n    cancel?: EditingButtonProps;\n    edit?: EditingButtonProps;\n  };\n  /**\n   * Кастомный слот, отображаемый левее кнопок «Отменить» / «Сохранить».\n   * Виден только когда режим редактирования активен (editMode = true).\n   * Зона ответственности разработчика — размерная сетка controlBlock не влияет на этот слот.\n   */\n  editModeLeftSlot?: React.ReactNode;\n  /**\n   * Метки для автоматизированного тестирования и аналитики\n   * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n   */\n  domMetadata?: {\n    enableButton?: DomMetadata;\n    saveButton?: DomMetadata;\n    cancelButton?: DomMetadata;\n  };\n};\n\nexport type SummaryRowsConfig = {\n  showDefault: boolean;\n  showInControl: boolean;\n  /**\n   * callback при переключении тогла «Итоговые строки» в настройках таблицы.\n   * Вызывается только по действию пользователя (не при монтировании),\n   * поэтому подходит для сохранения выбора, например, в localStorage.\n   * Сохранённое значение передавайте обратно в `showDefault`.\n   */\n  onChange?: (checked: boolean) => void;\n} & {\n  /**\n   * Метки для автоматизированного тестирования и аналитики\n   * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n   */\n  domMetadata?: DomMetadata;\n};\n\n/**\n * Конфиг тултипа при hover по canvas-элементам.\n * Для активации фичи необходимо заполнить данный конфиг,\n * а также добавить нужные изменения в Canvas-элементах или в конфиге колонки.\n */\nexport type TableConfigTooltip = {\n  /**\n   * Включить/выключить колоночные и кастомные тултипы (cellTooltip, headerCellTooltip).\n   * Внутренние тултипы (drag-иконка в шапке и другие по nodeId) работают всегда.\n   * @default false\n   */\n  enabled?: boolean;\n  /** Глобальная задержка перед показом тултипа (мс). Per-node переопределяет. @default 500 */\n  mouseEnterDelay?: number;\n  /** Глобальная задержка перед скрытием тултипа (мс). Per-node переопределяет. @default 0 */\n  mouseLeaveDelay?: number;\n  /**\n   * Минимальная ширина тултипа. Число трактуется как px, строка с единицей\n   * (например '20rem', '50%') отдаётся как есть. Действует на все canvas-тултипы,\n   * включая авто-тултип Canvas.Text. Если ширина задана на самом тултипе\n   * (per-node), приоритет у неё.\n   */\n  minWidth?: number | string;\n  /**\n   * Максимальная ширина тултипа. Число трактуется как px, строка с единицей\n   * (например '20rem', '50%') отдаётся как есть. Действует на все canvas-тултипы,\n   * включая авто-тултип Canvas.Text. Если ширина задана на самом тултипе\n   * (per-node), приоритет у неё.\n   */\n  maxWidth?: number | string;\n};\n\nexport type InfinityScrollConfig<RowType extends ObjectForExtending> = {\n  /** Триггер достижения скроллом зоны подгрузки данных. */\n  onTrigger: (rows: RowType[]) => Promise<void> | void;\n  /** Состояние загрузки (скелетоны) новых строк. */\n  isLoading: boolean;\n  /**\n   * Флаг, когда все данные загружены — false.\n   * @default true\n   */\n  hasMore?: boolean;\n  /**\n   * Для mode='region': за сколько строк до конца триггерить загрузку.\n   * @default 5\n   */\n  rowThreshold?: number;\n};\n\nexport type { TableCanvasEmptyStateConfig, TableCanvasErrorStateConfig };\n\n/**\n * Настройка выделения ячеек/колонок/строк в TableCanvas — единый объект.\n * Это отдельная ось взаимодействия — не зависит от `highlightActiveType`.\n */\nexport type CellsSelectionConfig = {\n  /**\n   * Режим фактического выделения ячеек (нативный glide selection). По нему\n   * работают copy/paste, рамка, fill-handle и затемнение шапки/нумерации.\n   * @default \"range-cell\"\n   */\n  mode?: CellsSelectionMode;\n  /**\n   * Выделение колонок по клику на шапку. Ctrl/Cmd — добавить/убрать колонку,\n   * Shift — диапазон колонок. Клик по иконкам сортировки/фильтрации в шапке\n   * выделение НЕ вызывает. Поддерживает copy/paste по выделенным колонкам.\n   * @default true\n   */\n  enableColumnSelection?: boolean;\n  /**\n   * Выделение строк по клику/драгу на колонке нумерации (`rowMarkers`).\n   * Ctrl/Cmd — несмежный выбор отдельных строк, драг — смежный диапазон.\n   * Поддерживает copy/paste по выделенным строкам. Требует включённой колонки\n   * нумерации (`rowMarkers`). При `false` клик по нумерации ничего не выделяет.\n   * @default true\n   */\n  enableRowSelection?: boolean;\n  /**\n   * Выделение всей таблицы кликом по «нулевой» ячейке — шапке колонки нумерации\n   * (левый верхний угол). Выделяет все строки данных по всем колонкам одним\n   * диапазоном; поддерживает copy/paste. Требует включённой колонки нумерации\n   * (`rowMarkers`) и активного `mode` (≠ `disabled`).\n   * @default true\n   */\n  enableSelectAll?: boolean;\n  /**\n   * Внешний (controlled) контроль НАТИВНОГО выделения (ячейки/диапазон/смежные\n   * строки и колонки). `state` — кортеж `[value, setter]` как у `selecting.state`.\n   * Сброс: `setter({ current: undefined, rows: empty, columns: empty })`.\n   * Несмежный Ctrl-выбор колонок/строк (own-state) сюда не входит — он внутренний.\n   */\n  state?: [GridSelection, React.Dispatch<React.SetStateAction<GridSelection>>];\n};\n\n/** Один объединённый блок: какие строки и колонки слить. */\nexport type MergedCellsRegion = {\n  rowKeys: Array<string | number>;\n  colKeys: string[];\n  /** Выравнивание контента этого блока. Важнее колоночного и общего. */\n  mergedCellsAlign?: MergedCellsAlign;\n};\n\n/**\n * Видимость сторон рамки ячейки: true рисовать, false не рисовать, не задано -\n * работает уровень ниже (настройка колонки, строки или общая).\n */\nexport type CellBorderVisibility = {\n  top?: boolean;\n  right?: boolean;\n  bottom?: boolean;\n  left?: boolean;\n};\n\n/**\n * Управление рамками (линиями) таблицы: включение и выключение. Уровни, от\n * слабого к сильному: общие настройки (vertical, horizontal), затем колонка\n * (getVerticalBorder) и строка (getHorizontalBorder), затем ячейка\n * (getCellBorder).\n */\nexport type BordersConfig<RowType = ObjectForExtending> = {\n  /** Рисовать ли вертикальные линии между колонками. @default true */\n  vertical?: boolean;\n  /** Рисовать ли горизонтальные линии между строками тела. @default true */\n  horizontal?: boolean;\n  /**\n   * Точечное управление вертикальной линией справа от колонки (разделитель\n   * после неё). Вернуть true или false, чтобы переопределить общую настройку\n   * vertical, или undefined, чтобы оставить её. Зовётся на каждую видимую\n   * колонку при перерисовке, поэтому функция должна быть быстрой.\n   */\n  getVerticalBorder?: (params: {\n    /** Ключ колонки, справа от которой рисуется линия. */\n    columnKey: string;\n    /** Индекс колонки в порядке отрисовки (закреплённые в начале). */\n    columnIndex: number;\n  }) => boolean | undefined;\n  /**\n   * Точечное управление горизонтальной линией сверху строки. Вернуть true или\n   * false, чтобы переопределить общую настройку horizontal, или undefined,\n   * чтобы оставить её. Для summary-строк не вызывается. Зовётся на каждую\n   * видимую строку при перерисовке, поэтому функция должна быть быстрой.\n   */\n  getHorizontalBorder?: (params: {\n    /** Строка под линией (линия рисуется сверху этой строки). */\n    row: RowType;\n    /** Индекс строки среди отображаемых. При раскрытии subRows индексы сдвигаются. */\n    rowIndex: number;\n    /** Уровень вложенности subRows: 0 корень, 1 и больше дочерние. */\n    treeLvl: number;\n  }) => boolean | undefined;\n  /**\n   * Стороны рамки конкретной ячейки, вкл и выкл. Для ячеек без переопределений\n   * возвращать undefined. Включает отрисовку линий с разбивкой по ячейкам,\n   * поэтому функция должна быть быстрой: без тяжёлых вычислений и с готовыми\n   * объектами-константами вместо новых на каждый вызов. Для summary-строк не\n   * вызывается.\n   */\n  getCellBorder?: (params: {\n    /** Индекс колонки среди отображаемых (без служебных). */\n    col: number;\n    /** Ключ колонки. */\n    columnKey: string | undefined;\n    /** Строка ячейки. */\n    row: RowType;\n    /** Индекс строки среди отображаемых. */\n    rowIndex: number;\n    /** Уровень вложенности subRows: 0 корень, 1 и больше дочерние. */\n    treeLvl: number;\n  }) => CellBorderVisibility | undefined;\n};\n\nexport type TableConfig<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n  RowIdType extends string | number,\n  FilterStateType extends ObjectForExtending,\n  // SubRowType\n> = {\n  /**\n   * Группировка колонок (многоуровневая шапка через `columnConfig.children`):\n   * объединение пустых ячеек шапки (`squashEmptyCells`, по умолчанию включено) и\n   * дефолт выравнивания в объединённых ячейках (`squashedHeaderAlign`).\n   */\n  columnsGrouping?: ColumnsGroupingConfig;\n  /**\n   * Подсветка активной сущности в canvas-таблице.\n   * @deprecated Значения `'cell'`/`'range-cell'` устарели — используйте\n   * `cellsSelection.mode`. Актуальны `'row'` (подсветка строки) и `'disabled'`.\n   */\n  highlightActiveType?: HighlightActiveType;\n  /**\n   * Единый конфиг выделения ячеек: режим (`mode`), оси\n   * (`enableColumnSelection`/`enableRowSelection`/`enableSelectAll`) и controlled\n   * (`state`). См. {@link CellsSelectionConfig}.\n   */\n  cellsSelection?: CellsSelectionConfig;\n  /**\n   * Подсвеченная строка (`highlightActiveType='row'`).\n   * `state` (опционально) — controlled-кортеж `[value, setter]`: задан — значением\n   * владеешь снаружи (сброс `setter(undefined)`); не задан — таблица крутит\n   * подсветку внутренним стейтом, а `onChange` всё равно срабатывает (подписка\n   * без владения значением).\n   */\n  highlightActiveRow?: {\n    state?: [\n      number | undefined,\n      React.Dispatch<React.SetStateAction<number | undefined>>,\n    ];\n    /**\n     * Колбэк смены подсвеченной строки: отдаёт её флэт-индекс и сам объект\n     * строки (`rows[index]`). Позволяет открывать данные подсвеченной строки\n     * (например, в SplitView) без `onCellClicked`.\n     */\n    onChange?: (params: {\n      index: number | undefined;\n      row: RowType | undefined;\n    }) => void;\n  };\n  /**\n   * Эффекты при наведении (hover)\n   * `row` — подсветка строки под курсором.\n   * Независимая визуальная ось: селектинг (`cellsSelection`) и `highlightActiveType='row'`\n   * рисуются ПОВЕРХ hover-подсветки и визуально перекрывают её (hover\n   * «остаётся под ними» и снова виден после сброса выделения).\n   *\n   * `{ row: true }` — включить с цветами из темы;\n   * `{ row: { color: '#F7F9FB' } }` — переопределить цвет data-ячеек.\n   * @default undefined (выключено)\n   */\n  hoverEffects?: HoverEffectsConfig;\n  /**\n   * Включает компенсацию тонких canvas-линий при browser zoom ниже 100%, когда devicePixelRatio меньше 1.\n   * Влияет только на grid/header/sticky hairline borders.\n   * @default false\n   */\n  enableLowDprHairline?: boolean;\n  /**\n   * Управление рамками (линиями) таблицы: включение и выключение.\n   *\n   * Уровни, от слабого к сильному: общие настройки (vertical, horizontal),\n   * затем колонка (getVerticalBorder) и строка (getHorizontalBorder), затем\n   * ячейка (getCellBorder).\n   *\n   * `vertical: false` и `horizontal: false` убирают все вертикальные или\n   * горизонтальные линии тела. `getCellBorder` включает и выключает стороны\n   * рамки конкретной ячейки; при его использовании линии рисуются с разбивкой\n   * по ячейкам.\n   */\n  borders?: BordersConfig<RowType>;\n  /**\n   * rowSize - размеры строк таблицы\n   */\n  rowSize?: Prettify<RowSize>;\n  /**\n   * rowHeight - размер высоты строк таблицы\n   */\n  rowHeight?: Maybe<number | RowHeightFunc<RowType>>;\n  /**\n   * sorting - активация сортировки. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={sorting: {sortingState}}\n   *\n   * columnConfig=[{sortingType: 'numberSort'}]\n   */\n  sorting?: {\n    state: [\n      readonly SortColumn[],\n      React.Dispatch<React.SetStateAction<readonly SortColumn[]>>,\n    ];\n    /**\n     * manualSorting - пропс, активирующий ручную-кастомную (или на стороне бэкенда) сортировку\n     */\n    manualSorting?: boolean;\n  };\n  /** @deprecated Свойство view не используется и будет удалено в следующей мажорной версии. */\n  view?: View;\n  /**\n   * filtering - активация фильтрации. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={filtering: {stateAndSetter, ...}}\n   *\n   * columnConfig=[{filtering: {...}}]\n   */\n  filtering?: FilteringConfig<FilterStateType>;\n  /**\n   * Сворачивание / разворачивание таблицы\n   */\n  collapsing?: TableCollapseConfig;\n  /**\n   * selecting - активация выбора строк. Условие активации - это наличие данного свойства.\n   * Есть поддержка выбора строк с многоуровневой вложенностью.\n   *\n   * Пример:\n   *\n   *"
+          "source": "type FilteringConfig<T> = {\n  state: [T, React.Dispatch<React.SetStateAction<T>>];\n  /**\n   * @deprecated Использовать filtersInfo\n   *\n   * clearedValue - состояние фильтров после очистки. Используется для сравнения:\n   * Например, был ли фильтр конкретной колонки изменен рассчитывается посредством сравнения текущего значения фильтра и значения фильтра в clearedValue.\n   * Если они равны, то фильтр считается не измененным.\n   */\n  clearedValue?: T;\n  /**\n   * Информация о фильтрах для каждой колонки.\n   * Используется для:\n   * 1. Хранения меток (label) фильтров для отображения в UI\n   * 2. Хранения значений по умолчанию (clearedValue) для каждого фильтра\n   * 3. Определения, был ли фильтр изменен (сравнение текущего значения с clearedValue)\n   */\n  filtersInfo?: Record<\n    keyof T,\n    {\n      label: string;\n      clearedValue: T[keyof T];\n    }\n  >;\n  /**\n   * manualFiltering - пропс, активирующий ручную-кастомную (или на стороне бэка) фильтрацию.\n   * @remarks\n   * Для автоматической фильтрации (когда не используется manualFiltering в tableConfig):\n   * - Для всех типов фильтров обязательно должен быть указан `valueInRow`\n   * - Для component: 'select' дополнительно должен быть указан `filteringType`\n   * - Для component: 'input' с кастомным фильтром (когда filter - функция)\n   *   функция фильтрации должна быть передана явно\n   *\n   * Если используется manualFiltering, эти параметры не обязательны,\n   * так как вся логика фильтрации реализуется извне.\n   */\n  manualFiltering?: boolean;\n  /**\n   * Конфигурация для отображения фильтров в правом сайдбаре.\n   *\n   * Позволяет:\n   * 1. Добавлять глобальные фильтры (не привязанные к конкретной колонке)\n   * 2. Управлять порядком отображения фильтров\n   * 3. Переопределять рендер и заголовки колоночных фильтров\n   *\n   * Логика работы:\n   * - По умолчанию в сайдбаре отображаются все колоночные фильтры (из columnConfig)\n   * - Ключом фильтра считается `key` колонки, если его нет, то пытаемся взять `keyInFilterState` (если указан), иначе это не будет работать\n   * - Заголовком фильтра по умолчанию является `name` колонки или ключ фильтра (name || key)\n   * - Глобальные фильтры добавляются через `items` с уникальными ключами\n   *\n   * Особенности:\n   * 1. Порядок отображения:\n   *    - Сначала фильтры из `order` (в указанной последовательности)\n   *    - Затем остальные колоночные фильтры (в порядке columnConfig)\n   *    - В конце - глобальные фильтры (в алфавитном порядке ключей)\n   *\n   * 2. Переопределение колоночных фильтров:\n   *    - Чтобы изменить заголовок: укажите ключ колонки в `items` с новым `label`\n   *    - Чтобы заменить рендер: укажите ключ колонки с `customRenderFn`\n   *    - Оригинальный фильтр из колонки будет проигнорирован\n   *\n   * 3. Глобальные фильтры:\n   *    - Ключ не должен совпадать с ключами колонок\n   *    - Обязательно указать `label` и `customRenderFn`\n   *    - Отображаются после всех колоночных фильтров, если не переопределены в order\n   *\n   * @example\n   * // Добавление глобального фильтра и изменение порядка\n   * sidebarConfig: {\n   *   order: ['status', 'tasks', 'type'], // Сначала статус, затем глобальный поиск\n   *   items: {\n   *     tasks: { // Уникальный ключ\n   *       label: 'Поиск по всем полям',\n   *       customRenderFn: () => <TaskComponent />\n   *     },\n   *     status: { // Переопределение колоночного фильтра\n   *       label: 'Статус заявки', // Новый заголовок\n   *       customRenderFn: () => <CustomStatusFilter /> // Кастомный рендер\n   *     }\n   *     type: { // Переопределение только Label колоночного фильтра\n   *       label: 'Тип', // Новый заголовок\n   *     }\n   *   }\n   * }\n   */\n  sidebarConfig?: {\n    /**\n     * Определяет порядок отображения фильтров.\n     * - Указываются ключи фильтров (колоночных или глобальных)\n     * - Не указанные в order фильтры отображаются после\n     * - Если order пуст, сохраняется порядок: глобальные фильтры + columnConfig фильтры в конце\n     */\n    order?: string[];\n    /**\n     * Конфигурация фильтров для сайдбара.\n     * Ключом может быть:\n     * - Ключ колонки (для переопределения колоночного фильтра)\n     * - Уникальный ключ (для добавления глобального фильтра)\n     */\n    items: Partial<\n      Record<\n        keyof T,\n        {\n          /** Заголовок фильтра (обязателен для глобальных фильтров), можно использовать для переопределения для локальных фильтров */\n          label: string;\n          /**\n           * Функция рендера компонента фильтра.\n           * Для колоночных фильтров переопределяет оригинальный рендер.\n           * Для глобальных фильтров обязательна.\n           */\n          customRenderFn?: (\n            filters: T,\n            setFilters: React.Dispatch<React.SetStateAction<T>>,\n          ) => React.ReactNode;\n        }\n      >\n    >;\n  };\n  /**\n   * Callback для кастомизации стилей чипсов (фильтров) в списке\n   *\n   * @param {ItemOrGroup} itemOrGroup - Текущий элемент или группа фильтров\n   * @param {Item | undefined} item - Конкретный элемент фильтра (если есть)\n   * @returns {CSSObject} Объект стилей, который будет применен к чипсу\n   *\n   * @description\n   * Позволяет динамически задавать стили для каждого чипса в зависимости от его типа и содержимого.\n   * Вызывается для каждого отображаемого чипса (как для отдельных элементов, так и для элементов внутри групп).\n   *\n   * @example\n   * // Пример 1: Стилизация чипсов по типу\n   * chipStyle: (itemOrGroup, item) => {\n   *   if (isGroup(itemOrGroup)) {\n   *     return { backgroundColor: '#f0f0f0' };\n   *   }\n   *   return { backgroundColor: '#e0e0e0' };\n   * }\n   *\n   * @example\n   * // Пример 2: Стилизация по значению фильтра\n   * chipStyle: (itemOrGroup, item) => {\n   *   if (item?.label === 'Высокий приоритет') {\n   *     return {\n   *       backgroundColor: '#ffebee',\n   *       color: '#d32f2f'\n   *     };\n   *   }\n   *   return {};\n   * }\n   *\n   * @example\n   * // Пример 3: Разные стили для элементов в группе и одиночных\n   * chipStyle: (itemOrGroup, item) => {\n   *   if (item) {\n   *     // Стиль для элемента внутри группы\n   *     return { maxWidth: 180 };\n   *   }\n   *   // Стиль для одиночного чипа\n   *   return { maxWidth: 150 };\n   * }\n   */\n  chipStyle?: (itemOrGroup: ItemOrGroup, item: Item | undefined) => CSSObject;\n  /**\n   * Пользовательский форматтер заголовка группы чипсов.\n   *\n   * Используется в блоке активных фильтров для подмены текста заголовка\n   * группы (например, “Статус”, “Тип”, “Автор”). Полезно, когда нужно\n   * динамически менять подпись (добавить счётчик, i18n и т.п.).\n   *\n   * @param {ItemOrGroup} itemOrGroup Объект группы (тип Group). Вызов происходит только для групп,\n   *                                   поэтому безопасно кастовать к Group.\n   * @returns {string} Текст заголовка группы чипсов.\n   *\n   * @default Возвращается `group.groupLabel`.\n   *\n   * @remarks\n   * - Функция должна быть чистой и быстрой (без сетевых запросов и побочных эффектов).\n   * - Возвращайте ТОЛЬКО строку — чипы отображают текстовое значение.\n   * - Для длинных строк применяется усечение (overflow с многоточием) на уровне компонента.\n   *\n   * @example\n   * // Добавить двоеточие и количество выбранных элементов\n   * renderGroupLabel: (group) => `${group.groupLabel}: ${group.items.length}`\n   *\n   * @example\n   * // Локализация заголовка группы\n   * const i18n = { status: 'Статус', type: 'Тип' };\n   * renderGroupLabel: (group) => i18n[group.groupId] ?? group.groupLabel\n   */\n  renderGroupLabel?: (group: Group) => string;\n\n  /**\n   * Пользовательский форматтер текста чипса (элемента внутри группы или одиночного фильтра).\n   *\n   * Позволяет управлять тем, что именно отображается внутри каждого чипса. Особенно полезен\n   * при серверной пагинации/ленивой загрузке, когда в состоянии фильтра хранится только value,\n   * а label необходимо подставить из локального кэша.\n   *\n   * @param {Group | null } group  Группа, внутри которой рендерится чип (или null).\n   * @param {Item} item   Сам элемент чипса. В группах передаётся конкретный `Item`,\n   *                                  для одиночного чипа может быть `undefined`.\n   * @returns {string} Текст, который будет показан в чипсе.\n   *\n   * @default Используется `item?.label.toString()` (или строковое представление value).\n   *\n   * @remarks\n   * - Функция должна быть чистой и быстрой;\n   * - Возвращайте ТОЛЬКО строку.\n   *\n   * @example\n   * // 1) Отображение label из кэша при серверной пагинации\n   * const labelsCacheRef = useRef(new Map<string, string>());\n   * renderChipLabel: (group, item) => {\n   *   if (item?.id != null) {\n   *     const key = String(item.id);\n   *     const fromCache = labelsCacheRef.current.get(key);\n   *     if (fromCache) return fromCache;     // красивый label, если уже загрузили\n   *     return String(item.label ?? key);    // фоллбэк: временно показываем value/label из item\n   *   }\n   *   return ''; // безопасный фоллбэк для одиночных случаев\n   * }\n   *\n   * @example\n   * // 2) Нормализация отображения числовых значений\n   * renderChipLabel: (_group, item) => {\n   *   const v = Number(item?.label);\n   *   return Number.isFinite(v) ? v.toLocaleString('ru-RU') : String(item?.label ?? '');\n   * }\n   *\n   * @example\n   * // 3) Префикс по типу группы\n   * renderChipLabel: (group, item) => {\n   *   const prefix = group.groupId === 'status' ? '' : '#';\n   *   return `${prefix}${item?.label ?? item?.id ?? ''}`;\n   * }\n   */\n  renderChipLabel?: (group: Group | null, item: Item) => string;\n};\n\nexport type DefaultSidebarTabIds = 'columns' | 'tableSettings' | 'filtering';\n\n/**\n * Конфигурация sidebar\n */\nexport type SidebarConfig = {\n  /**\n   * Включен ли sidebar. Отвечает только за UI. Не влияет на перерасчёт фичей.\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * Открыт ли sidebar при первом рендере (uncontrolled-режим).\n   * Игнорируется, если передан openState.\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Внешний контроль открытия/закрытия sidebar.\n   * Если передан — источник истины, defaultOpen игнорируется.\n   */\n  openState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * id вкладки, выбранной по умолчанию (актуально при открытом сайдбаре).\n   * Если id не найден или у вкладки showInSidebar=false — используется первая доступная.\n   */\n  defaultActiveTabId?: string;\n  /**\n   * Внешний контроль активной вкладки (controlled-режим).\n   * Если передан — источник истины, defaultActiveTabId игнорируется.\n   */\n  activeTabState?: [\n    string | null,\n    React.Dispatch<React.SetStateAction<string | null>>,\n  ];\n  /**\n   * Колбэк смены активной вкладки. Вызывается и в uncontrolled-режиме.\n   * При закрытии сайдбара приходит null.\n   */\n  onActiveTabChange?: (tabId: string | null, tab?: SidebarTab) => void;\n  /**\n   * Кастомные табы\n   */\n  customTabs?: Array<\n    Omit<SidebarTab, 'id'> & {\n      id: Exclude<string, DefaultSidebarTabIds>;\n    }\n  >;\n  /**\n   * Порядок отображения кастомных вкладок\n   */\n  customTabsOrder?: Array<Exclude<string, DefaultSidebarTabIds>>;\n  defaultTabs?: Array<\n    | {\n        id: 'filtering' | 'columns';\n        /** название таба в рамках горизонтального табов внутри таба настройки */\n        label?: string;\n        /** название таба в рамках вертикальных табов сайдбара (если данный таб окажется единственным табом в настройках) */\n        title?: string;\n        /**\n         * Метки для автоматизированного тестирования и аналитики\n         * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n         */\n        domMetadata?: DomMetadata;\n        /**\n         * Кастомный элемент справа от title в шапке сайдбара\n         */\n        titleRightSlot?: React.ReactNode;\n        /** @default true */\n        showInSidebar?: boolean;\n        /** тултип иконки шестеренки (для табов с id = filtering и columns - недоступен. Настраивается через таб с id='tableSettings') */\n        iconTooltipText?: undefined;\n      }\n    | {\n        id: 'tableSettings';\n        /** название таба в рамках горизонтального табов внутри таба настройки */\n        label?: string;\n        /** название таба в рамках вертикальных табов сайдбара */\n        title?: string;\n\n        /**\n         * Метки для автоматизированного тестирования и аналитики\n         * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n         */\n        domMetadata?: DomMetadata;\n        /**\n         * Кастомный слот для вкладки tableSettings (рендерится после общих настроек)\n         * Только дл id: 'tableSettings'\n         */\n        customGeneralSettingsSlot?: React.ReactNode;\n        /**\n         * Кастомный элемент справа от title в шапке сайдбара\n         */\n        titleRightSlot?: React.ReactNode;\n        /** @default true */\n        showInSidebar?: boolean;\n        /** тултип иконки шестеренки @default 'Настройки' */\n        iconTooltipText?: string;\n      }\n  >;\n};\n\nexport function activeViewIs<T extends 'cards' | 'rows'>(\n  checkType: T,\n  viewState: 'cards' | 'rows',\n  view: View,\n): view is ViewMods[T] {\n  return checkType === viewState;\n}\n\n/** Размер controlBlock: 'm' и 's' — одинаковые стили, 'xs' — уменьшенный */\nexport type ControlBlockSize = 'm' | 's' | 'xs';\n\nexport type ControlBlockConfig = {\n  /**\n   * show - наличие controlBlock-а\n   * @default true\n   */\n  show?: boolean;\n  /**\n   * Размер controlBlock и его элементов (кнопки, иконки, поиск, отступы).\n   * 'm' и 's' — стандартные стили, 'xs' — компактный режим.\n   * Не влияет на customFeatures и кастомные слоты — они контролируются разработчиком.\n   * @default 'm'\n   */\n  size?: ControlBlockSize;\n  /**\n   * @deprecated Используйте кастомные кнопки через rightSideInner или customFeatures.\n   * leftSideInner - пропс для добавления кнопок в левую часть контролблока.\n   * Продолжает работать для обратной совместимости.\n   */\n  leftSideInner?: ControlBlockButtonProps[];\n  /**\n   * rightSideInner - пропс для добавления кнопок в правую часть контролблока\n   */\n  rightSideInner?: ControlBlockButtonProps[];\n  /**\n   * customFeatures - пропс для добавления кастомных фичей (кнопки-иконки)\n   */\n  customFeatures?: FeatureItem[];\n  /**\n   * pinningMenu - нативная фича закрепления столбцов (SplitIconButton с\n   * дропдауном) в правой зоне иконок. Появляется, когда активировано\n   * закрепление колонок (columnsControl.pinning). Продукт может донастроить\n   * и дополнить пункты меню (см. PinningMenuConfig).\n   */\n  pinningMenu?: PinningMenuConfig;\n  /**\n   * Пропсы для компонента dropdown в котором будут скрыты левые фичи при адаптивной компрессии\n   */\n  leftSideDropdownProps?: TableDropdownConfigProps;\n  /**\n   * Пропсы для компонента dropdown в котором будут скрыты правые фичи при адаптивной компрессии\n   */\n  rightSideDropdownProps?: TableDropdownConfigProps;\n  /**\n   * Активна ли фича компрессии (сжатие ToolsMenu при адаптиве)\n   * @default true\n   */\n  enableAdaptiveCompress?: boolean;\n  /**\n   * Панель массовых действий\n   */\n  massActionPanel?: {\n    /**\n     * Кнопки панели. Размеры кнопок/дропдаунов панель подбирает сама (по `size` панели и компактности) —\n     * передавать `size` кнопкам не нужно. Если `size` на кнопке всё же задан — он используется как есть.\n     */\n    buttons: MassActionButtonProps[];\n    /**\n     * Пропсы для Dropdown, в который сжались кнопки\n     */\n    collapsedDropdownProps?: TableDropdownConfigProps;\n    /**\n     * Отступ панели снизу от контейнера (px)\n     * @default 24\n     */\n    bottom?: number;\n    /**\n     * Управление отображением панели массовых действий.\n     * - `undefined` (по умолчанию) — стандартное поведение (показывается при selecting + выбранных строках)\n     * - `false` — панель не рендерится, разработчик управляет действиями самостоятельно\n     * - `true` — панель показывается всегда, даже без активного selecting и выбранных строк\n     */\n    show?: boolean;\n    /**\n     * Размерная сетка панели внутри таблицы: `m`/`s` — обычный размер, `xs` — уменьшенный (кнопки `xxs`, «ещё» `xs`, счётчик Body XS).\n     * Viewport-логика (1280) в таблице не используется.\n     * @default 's'\n     */\n    size?: MassActionsSize;\n  };\n};\n\n/** Пропсы кнопки редактирования. onClick исключён — используйте onSave/onCancel/onEnableEditing. */\nexport type EditingButtonProps = Omit<\n  Partial<ControlBlockButtonProps>,\n  | 'onClick'\n  | 'size'\n  | 'dropdown'\n  | 'isTargetAction'\n  | 'skipRightDivider'\n  | 'tooltipText'\n>;\n\nexport type EditingConfig<\n  RowType extends ObjectForExtending,\n  RowIdType,\n  SummaryRowType,\n> = {\n  /**\n   * Функция обработки изменений в редактируемой строке\n   */\n  onRowsChange: Maybe<\n    (rows: RowType[], data: RowsChangeData<RowType, SummaryRowType>) => void\n  >;\n  /**\n   * свойство, необходимое для корректного изменения дочерних строк.\n   * Данное свойство обязательно, если ваши дочерние строки установлены не под ключом \"subRows\" внутри строки.\n   *\n   * Как дочерние строки можно указывать свойство, которые вложено в другое свойство.\n   * В таком случае \".\" будет знаком для обозначения сл. уровня вложенности.\n   *\n   * @example \"child\" или \"uvh367.children\"\n   */\n  subRowsKey?: string;\n  /**\n   * Глубокое копирование строк перед применением правки в режиме редактирования.\n   *\n   * Включите, если строки, передаваемые в таблицу, иммутабельны/заморожены\n   * (напр. стейт под управлением Redux Toolkit или Immer — они вызывают\n   * Object.freeze в dev). При редактировании дочерней строки таблица записывает\n   * изменение ВНУТРЬ объекта родителя; на замороженном объекте это падает с\n   * `TypeError: Cannot assign to read only property`.\n   *\n   * Когда флаг включён, таблица сама делает structuredClone редактируемой строки\n   * перед записью — ваш иммутабельный стейт не мутируется, и редактирование\n   * дочерних строк работает без действий с вашей стороны.\n   *\n   * ⚠️ Данные строки должны быть сериализуемыми. Где доступен structuredClone —\n   * Date/Map/Set и вложенные структуры копируются корректно; на старых средах\n   * без structuredClone используется JSON-фоллбэк (теряет Date/Map/Set, undefined\n   * и функции). Не включайте без необходимости — глубокое копирование добавляет\n   * накладные расходы.\n   *\n   * @default false\n   */\n  deepCloneRows?: boolean;\n  /**\n   * Функция определения уникального id строки\n   * @param row\n   * @returns\n   */\n  rowKeyGetter: (row: RowType) => RowIdType;\n  /**\n   * Функция определения возможности редактирования строки\n   * @param row\n   * @returns\n   */\n  rowEditable?: (row: RowType) => boolean;\n  /**\n   * defaultEnabled - пропс, отвечающий за то, будет ли активен режим редактирования или нет. По умолчанию - не активно.\n   * @default false\n   */\n  defaultEnabled?: boolean;\n  /**\n   * enabled - необходим для управления режимом редактирования снаружи компонента Таблицы.\n   * По умолчанию, управление происходит в компоненте.\n   * Приоритетнее, чем defaultEnabled.\n   *\n   * @type boolean - если НЕ нужно переключение в самой таблице\n   * @type [boolean, React.Dispatch<React.SetStateAction<boolean>>] - если нужно переключение в самой таблице\n   *\n   */\n  enabled?: boolean | [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * Cостояние скрытия/раскрытия кнопки включения/выключения фичи\n   * @default true\n   */\n  showButtons?: boolean;\n  /**\n   * Функция, вызывающаяся при включении фичи.\n   * @param enableEditorMode - функция включающая режим редактирования\n   */\n  onEnableEditing?: (enableEditorMode: () => void) => void;\n  /**\n   * Функция, вызывающаяся при сохранении отредактированного.\n   * @param disableEditorMode - функция выключающая режим редактирования\n   */\n  onSave?: (disableEditorMode: () => void) => void;\n  /**\n   * Функция, вызывающаяся при отмене отредактированного.\n   * @param disableEditorMode - функция выключающая режим редактирования\n   */\n  onCancel?: (disableEditorMode: () => void) => void;\n  /** Пропсы кнопок в controlBlock. */\n  buttons?: {\n    save?: EditingButtonProps;\n    cancel?: EditingButtonProps;\n    edit?: EditingButtonProps;\n  };\n  /**\n   * Кастомный слот, отображаемый левее кнопок «Отменить» / «Сохранить».\n   * Виден только когда режим редактирования активен (editMode = true).\n   * Зона ответственности разработчика — размерная сетка controlBlock не влияет на этот слот.\n   */\n  editModeLeftSlot?: React.ReactNode;\n  /**\n   * Метки для автоматизированного тестирования и аналитики\n   * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n   */\n  domMetadata?: {\n    enableButton?: DomMetadata;\n    saveButton?: DomMetadata;\n    cancelButton?: DomMetadata;\n  };\n};\n\nexport type SummaryRowsConfig = {\n  showDefault: boolean;\n  showInControl: boolean;\n  /**\n   * callback при переключении тогла «Итоговые строки» в настройках таблицы.\n   * Вызывается только по действию пользователя (не при монтировании),\n   * поэтому подходит для сохранения выбора, например, в localStorage.\n   * Сохранённое значение передавайте обратно в `showDefault`.\n   */\n  onChange?: (checked: boolean) => void;\n} & {\n  /**\n   * Метки для автоматизированного тестирования и аналитики\n   * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n   */\n  domMetadata?: DomMetadata;\n};\n\n/**\n * Конфиг тултипа при hover по canvas-элементам.\n * Для активации фичи необходимо заполнить данный конфиг,\n * а также добавить нужные изменения в Canvas-элементах или в конфиге колонки.\n */\nexport type TableConfigTooltip = {\n  /**\n   * Включить/выключить колоночные и кастомные тултипы (cellTooltip, headerCellTooltip).\n   * Внутренние тултипы (drag-иконка в шапке и другие по nodeId) работают всегда.\n   * @default false\n   */\n  enabled?: boolean;\n  /** Глобальная задержка перед показом тултипа (мс). Per-node переопределяет. @default 500 */\n  mouseEnterDelay?: number;\n  /** Глобальная задержка перед скрытием тултипа (мс). Per-node переопределяет. @default 0 */\n  mouseLeaveDelay?: number;\n  /**\n   * Минимальная ширина тултипа. Число трактуется как px, строка с единицей\n   * (например '20rem', '50%') отдаётся как есть. Действует на все canvas-тултипы,\n   * включая авто-тултип Canvas.Text. Если ширина задана на самом тултипе\n   * (per-node), приоритет у неё.\n   */\n  minWidth?: number | string;\n  /**\n   * Максимальная ширина тултипа. Число трактуется как px, строка с единицей\n   * (например '20rem', '50%') отдаётся как есть. Действует на все canvas-тултипы,\n   * включая авто-тултип Canvas.Text. Если ширина задана на самом тултипе\n   * (per-node), приоритет у неё.\n   */\n  maxWidth?: number | string;\n};\n\nexport type InfinityScrollConfig<RowType extends ObjectForExtending> = {\n  /** Триггер достижения скроллом зоны подгрузки данных. */\n  onTrigger: (rows: RowType[]) => Promise<void> | void;\n  /** Состояние загрузки (скелетоны) новых строк. */\n  isLoading: boolean;\n  /**\n   * Флаг, когда все данные загружены — false.\n   * @default true\n   */\n  hasMore?: boolean;\n  /**\n   * Для mode='region': за сколько строк до конца триггерить загрузку.\n   * @default 5\n   */\n  rowThreshold?: number;\n};\n\nexport type { TableCanvasEmptyStateConfig, TableCanvasErrorStateConfig };\n\n/**\n * Настройка выделения ячеек/колонок/строк в TableCanvas — единый объект.\n * Это отдельная ось взаимодействия — не зависит от `highlightActiveType`.\n */\nexport type CellsSelectionConfig = {\n  /**\n   * Режим фактического выделения ячеек (нативный glide selection). По нему\n   * работают copy/paste, рамка, fill-handle и затемнение шапки/нумерации.\n   * @default \"range-cell\"\n   */\n  mode?: CellsSelectionMode;\n  /**\n   * Выделение колонок по клику на шапку. Ctrl/Cmd — добавить/убрать колонку,\n   * Shift — диапазон колонок. Клик по иконкам сортировки/фильтрации в шапке\n   * выделение НЕ вызывает. Поддерживает copy/paste по выделенным колонкам.\n   * @default true\n   */\n  enableColumnSelection?: boolean;\n  /**\n   * Выделение строк по клику/драгу на колонке нумерации (`rowMarkers`).\n   * Ctrl/Cmd — несмежный выбор отдельных строк, драг — смежный диапазон.\n   * Поддерживает copy/paste по выделенным строкам. Требует включённой колонки\n   * нумерации (`rowMarkers`). При `false` клик по нумерации ничего не выделяет.\n   * @default true\n   */\n  enableRowSelection?: boolean;\n  /**\n   * Выделение всей таблицы кликом по «нулевой» ячейке — шапке колонки нумерации\n   * (левый верхний угол). Выделяет все строки данных по всем колонкам одним\n   * диапазоном; поддерживает copy/paste. Требует включённой колонки нумерации\n   * (`rowMarkers`) и активного `mode` (≠ `disabled`).\n   * @default true\n   */\n  enableSelectAll?: boolean;\n  /**\n   * Внешний (controlled) контроль НАТИВНОГО выделения (ячейки/диапазон/смежные\n   * строки и колонки). `state` — кортеж `[value, setter]` как у `selecting.state`.\n   * Сброс: `setter({ current: undefined, rows: empty, columns: empty })`.\n   * Несмежный Ctrl-выбор колонок/строк (own-state) сюда не входит — он внутренний.\n   */\n  state?: [GridSelection, React.Dispatch<React.SetStateAction<GridSelection>>];\n};\n\n/** Один объединённый блок: какие строки и колонки слить. */\nexport type MergedCellsRegion = {\n  rowKeys: Array<string | number>;\n  colKeys: string[];\n  /** Выравнивание контента этого блока. Важнее колоночного и общего. */\n  mergedCellsAlign?: MergedCellsAlign;\n};\n\n/**\n * Видимость сторон рамки ячейки: true рисовать, false не рисовать, не задано -\n * работает уровень ниже (настройка колонки, строки или общая).\n */\nexport type CellBorderVisibility = {\n  top?: boolean;\n  right?: boolean;\n  bottom?: boolean;\n  left?: boolean;\n};\n\n/**\n * Управление рамками (линиями) таблицы: включение и выключение. Уровни, от\n * слабого к сильному: общие настройки (vertical, horizontal), затем колонка\n * (getVerticalBorder) и строка (getHorizontalBorder), затем ячейка\n * (getCellBorder).\n */\nexport type BordersConfig<RowType = ObjectForExtending> = {\n  /** Рисовать ли вертикальные линии между колонками. @default true */\n  vertical?: boolean;\n  /** Рисовать ли горизонтальные линии между строками тела. @default true */\n  horizontal?: boolean;\n  /**\n   * Точечное управление вертикальной линией справа от колонки (разделитель\n   * после неё). Вернуть true или false, чтобы переопределить общую настройку\n   * vertical, или undefined, чтобы оставить её. Зовётся на каждую видимую\n   * колонку при перерисовке, поэтому функция должна быть быстрой.\n   */\n  getVerticalBorder?: (params: {\n    /** Ключ колонки, справа от которой рисуется линия. */\n    columnKey: string;\n    /** Индекс колонки в порядке отрисовки (закреплённые в начале). */\n    columnIndex: number;\n  }) => boolean | undefined;\n  /**\n   * Точечное управление горизонтальной линией сверху строки. Вернуть true или\n   * false, чтобы переопределить общую настройку horizontal, или undefined,\n   * чтобы оставить её. Для summary-строк не вызывается. Зовётся на каждую\n   * видимую строку при перерисовке, поэтому функция должна быть быстрой.\n   */\n  getHorizontalBorder?: (params: {\n    /** Строка под линией (линия рисуется сверху этой строки). */\n    row: RowType;\n    /** Индекс строки среди отображаемых. При раскрытии subRows индексы сдвигаются. */\n    rowIndex: number;\n    /** Уровень вложенности subRows: 0 корень, 1 и больше дочерние. */\n    treeLvl: number;\n  }) => boolean | undefined;\n  /**\n   * Стороны рамки конкретной ячейки, вкл и выкл. Для ячеек без переопределений\n   * возвращать undefined. Включает отрисовку линий с разбивкой по ячейкам,\n   * поэтому функция должна быть быстрой: без тяжёлых вычислений и с готовыми\n   * объектами-константами вместо новых на каждый вызов. Для summary-строк не\n   * вызывается.\n   */\n  getCellBorder?: (params: {\n    /** Индекс колонки среди отображаемых (без служебных). */\n    col: number;\n    /** Ключ колонки. */\n    columnKey: string | undefined;\n    /** Строка ячейки. */\n    row: RowType;\n    /** Индекс строки среди отображаемых. */\n    rowIndex: number;\n    /** Уровень вложенности subRows: 0 корень, 1 и больше дочерние. */\n    treeLvl: number;\n  }) => CellBorderVisibility | undefined;\n};\n\nexport type TableConfig<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n  RowIdType extends string | number,\n  FilterStateType extends ObjectForExtending,\n  // SubRowType\n> = {\n  /**\n   * Группировка колонок (многоуровневая шапка через `columnConfig.children`):\n   * объединение пустых ячеек шапки (`squashEmptyCells`, по умолчанию включено) и\n   * дефолт выравнивания в объединённых ячейках (`squashedHeaderAlign`).\n   */\n  columnsGrouping?: ColumnsGroupingConfig;\n  /**\n   * Подсветка активной сущности в canvas-таблице.\n   * @deprecated Значения `'cell'`/`'range-cell'` устарели — используйте\n   * `cellsSelection.mode`. Актуальны `'row'` (подсветка строки) и `'disabled'`.\n   */\n  highlightActiveType?: HighlightActiveType;\n  /**\n   * Единый конфиг выделения ячеек: режим (`mode`), оси\n   * (`enableColumnSelection`/`enableRowSelection`/`enableSelectAll`) и controlled\n   * (`state`). См. {@link CellsSelectionConfig}.\n   */\n  cellsSelection?: CellsSelectionConfig;\n  /**\n   * Подсвеченная строка (`highlightActiveType='row'`).\n   * `state` (опционально) — controlled-кортеж `[value, setter]`: задан — значением\n   * владеешь снаружи (сброс `setter(undefined)`); не задан — таблица крутит\n   * подсветку внутренним стейтом, а `onChange` всё равно срабатывает (подписка\n   * без владения значением).\n   */\n  highlightActiveRow?: {\n    state?: [\n      number | undefined,\n      React.Dispatch<React.SetStateAction<number | undefined>>,\n    ];\n    /**\n     * Колбэк смены подсвеченной строки: отдаёт её флэт-индекс и сам объект\n     * строки (`rows[index]`). Позволяет открывать данные подсвеченной строки\n     * (например, в SplitView) без `onCellClicked`.\n     */\n    onChange?: (params: {\n      index: number | undefined;\n      row: RowType | undefined;\n    }) => void;\n  };\n  /**\n   * Эффекты при наведении (hover)\n   * `row` — подсветка строки под курсором.\n   * Независимая визуальная ось: селектинг (`cellsSelection`) и `highlightActiveType='row'`\n   * рисуются ПОВЕРХ hover-подсветки и визуально перекрывают её (hover\n   * «остаётся под ними» и снова виден после сброса выделения).\n   *\n   * `{ row: true }` — включить с цветами из темы;\n   * `{ row: { color: '#F7F9FB' } }` — переопределить цвет data-ячеек.\n   * @default undefined (выключено)\n   */\n  hoverEffects?: HoverEffectsConfig;\n  /**\n   * Включает компенсацию тонких canvas-линий при browser zoom ниже 100%, когда devicePixelRatio меньше 1.\n   * Влияет только на grid/header/sticky hairline borders.\n   * @default false\n   */\n  enableLowDprHairline?: boolean;\n  /**\n   * Управление рамками (линиями) таблицы: включение и выключение.\n   *\n   * Уровни, от слабого к сильному: общие настройки (vertical, horizontal),\n   * затем колонка (getVerticalBorder) и строка (getHorizontalBorder), затем\n   * ячейка (getCellBorder).\n   *\n   * `vertical: false` и `horizontal: false` убирают все вертикальные или\n   * горизонтальные линии тела. `getCellBorder` включает и выключает стороны\n   * рамки конкретной ячейки; при его использовании линии рисуются с разбивкой\n   * по ячейкам.\n   */\n  borders?: BordersConfig<RowType>;\n  /**\n   * rowSize - размеры строк таблицы\n   */\n  rowSize?: Prettify<RowSize>;\n  /**\n   * rowHeight - размер высоты строк таблицы\n   */\n  rowHeight?: Maybe<number | RowHeightFunc<RowType>>;\n  /**\n   * headerRowHeight - высота одного ряда шапки (в px). По умолчанию 33.\n   *\n   * Значение применяется к КАЖДОМУ уровню шапки: как к листовому (нижнему) ряду\n   * колонок, так и к каждому уровню объединённых (групповых) заголовков. Поэтому\n   * при N уровнях группировки итоговая высота шапки = headerRowHeight * (1 + N).\n   * Например, headerRowHeight={50} при 2 уровнях групп даст шапку 50 + 50 + 50 = 150px.\n   */\n  headerRowHeight?: Maybe<number>;\n  /**\n   * sorting - активация сортировки. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={sorting: {sortingState}}\n   *\n   * columnConfig=[{sortingType: 'numberSort'}]\n   */\n  sorting?: {\n    state: [\n      readonly SortColumn[],\n      React.Dispatch<React.SetStateAction<readonly SortColumn[]>>,\n    ];\n    /**\n     * manualSorting - пропс, активирующий ручную-кастомную (или на стороне бэкенда) сортировку\n     */\n    manualSorting?: boolean;\n  };\n  /** @deprecated Свойство view не используется и будет удалено в следующей мажорной версии. */\n  view?: View;\n  /**\n   * filtering - активация фильтрации. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={filtering: {stateAndSetter, ...}}\n   *\n   * columnConfig=[{filtering: {...}}]\n   */\n  filtering?: FilteringConfig<FilterStateType>;\n  /**\n   * Сворачивание / разворачивание таблицы\n   */\n  collapsing?: TableCollapseConfig;\n  /**\n   * selecting - активация выбора строк. Условие активации - это наличие данного свойства.\n   * Есть поддержка выбора строк с многоуровневой вложенностью.\n   *\n   * Пример:\n   *\n   *"
         },
         {
           "typeName": "FilterComponentInPopoverProps",
@@ -54037,6 +54563,23 @@
         }
       ]
     },
+    {
+      "component": "TableCanvas",
+      "feature": "HeaderRowHeight",
+      "legacy": false,
+      "summary": "*tableConfig.headerRowHeight**",
+      "docs": "# HeaderRowHeight (TableCanvas)\n\n**tableConfig.headerRowHeight**\n\nНастройка высоты ряда шапки таблицы. Одно число задаёт высоту заголовков. По умолчанию `33`.\n\n## Ключевые особенности\n\n- Фиксированная высота ряда шапки (`number`)\n- Значение задаётся один раз в `tableConfig`\n- Применяется ко всем уровням объединённой (групповой) шапки одинаково\n\n## tableConfig.headerRowHeight\n\n- **`number`** — высота одного ряда шапки в пикселях\n- **по умолчанию** — `33`\n\n## Поведение с объединёнными шапками\n\nЗначение применяется к **каждому** уровню шапки: и к листовому (нижнему) ряду\nколонок, и к каждому уровню объединённых заголовков. Поэтому при `N` уровнях\nгруппировки итоговая высота шапки считается так:\n\n```\nитоговая высота = headerRowHeight * (1 + число уровней групп)\n```\n\n> Подробнее о пропсах — [API tableConfig](?path=/docs/локальные-компоненты-tablecanvas-api-tableconfig--api)",
+      "apiDocs": "",
+      "api": [],
+      "stories": [
+        {
+          "exportName": "Playground",
+          "displayName": "Высота шапки (3 уровня)",
+          "type": "full-code",
+          "code": "import {\n  ColumnOrColumnGroupConfig,\n  TableCanvas,\n} from '@daisforge/ui/components/TableCanvas';\n\n() => {\n    const [headerRowHeight, setHeaderRowHeight] = useState<number>(33);\n\n    // 2 уровня групп + листовой ряд => всего 3 уровня.\n    const levels = 3;\n    const total = useMemo(() => headerRowHeight * levels, [headerRowHeight]);\n\n    return (\n      <div>\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 16,\n            marginBottom: 16,\n            maxWidth: 520,\n          }}\n        >\n          <div style={{ flex: 1 }}>\n            <Slider\n              value={headerRowHeight}\n              onChange={setHeaderRowHeight}\n              min={24}\n              max={96}\n              step={1}\n            />\n          </div>\n          <span style={{ whiteSpace: 'nowrap' }}>\n            headerRowHeight: {headerRowHeight}px\n          </span>\n          <span style={{ whiteSpace: 'nowrap', opacity: 0.7 }}>\n            итог: {headerRowHeight} × {levels} = {total}px\n          </span>\n        </div>\n        <TableCanvas\n          tableConfig={{ containerStyle: { height: 420 }, headerRowHeight }}\n          columnConfig={threeLevelColumns}\n          rows={rows}\n        />\n      </div>\n    );\n  }"
+        }
+      ]
+    },
     {
       "component": "TableCanvas",
       "feature": "HighlightActiveType",
@@ -54435,17 +54978,13 @@
       "component": "TableCanvas",
       "feature": "Selecting",
       "legacy": false,
-      "summary": "*tableConfig.selecting**",
-      "docs": "# Selecting Row\n\n**tableConfig.selecting**\n\nВыбор строк таблицы с помощью чекбоксов.\n\n## Ключевые особенности\n\n- Управляемое состояние через `ReadonlySet<string | number>`\n- Кнопка переключения видимости в control block (`showInControl: true`)\n- Контроль на уровне строк: `rowCheckboxDisabled`, `rowShowCheckbox`\n- Поддержка иерархических таблиц через `selectingRules.levels`\n- Кастомизация summary-чекбокса через `summaryChecked`\n\n## Особенности\n\n- `rowKeyGetter` должен возвращать уникальный идентификатор строки\n- В иерархических таблицах `selectingRules.levels` определяет, на каких уровнях доступен выбор\n- `rowGetStates` позволяет полностью переопределить логику чекбоксов (checked, indeterminate, disabled)\n- Accent-кнопки в mass action panel всегда видимы при компрессии\n\n> Подробнее о типах и пропсах — [Selecting API](?path=/docs/локальные-компоненты-tablecanvas-selecting-api--docs)\n\n## Выделение колонок — `tableConfig.cellsSelection`\n\nОтдельный от чекбоксов механизм: выделение **колонок** кликом по шапке. Не зависит\nот `highlightActiveType` — самостоятельная ось взаимодействия. По умолчанию включено.\n\n- **`enableColumnSelection`** — клик по шапке выделяет колонку. Ctrl/Cmd —\n  добавить/убрать колонку, Shift — диапазон. Клик по иконкам сортировки/фильтрации\n  в шапке выделение не вызывает. Поддерживается copy/paste по выделенным колонкам.\n- **`enableSelectAll`** — клик по «нулевой» ячейке (шапка колонки нумерации, левый\n  верхний угол) выделяет всю таблицу целиком: все строки данных по всем колонкам.\n  Поддерживает copy/paste. Требует включённой нумерации (`rowMarkers`) и активного\n  `cellsSelection.mode`. По умолчанию включено.\n\n### Как читать состояние выделения\n\nВыделенные колонки приходят в обычный коллбэк\n`tableConfig.onGridSelectionChange(selection)` в поле `selection.columns`\n(`CompactSelection`, индексы колонок). Ячейки/диапазоны — там же в\n`selection.current`.\n\nЧекбоксный выбор строк (`tableConfig.selecting`) — независимый механизм со своим\nсостоянием и коллбэками, с этим API не пересекается.\n\n> Типы — раздел `CellsSelectionConfig` в [Selecting API](?path=/docs/локальные-компоненты-tablecanvas-selecting-api--docs)\n\n# SelectingRow + RowsGrouping\n\nПример кастомного выбора строк в группированной таблице.\n\nКомбинация `tableConfig.selecting` и `tableConfig.rowsGrouping` с `columnConfig.rowsGrouping`.\n\n> Типы SelectingRow — [SelectingRow API](?path=/docs/локальные-компоненты-tablecanvas-selectingrow-api--docs)\n\n> Типы RowsGrouping — [RowsGrouping API](?path=/docs/локальные-компоненты-tablecanvas-rowsgrouping-api--docs)",
-      "apiDocs": "# SelectingRow API\n\n> **Важно:** `tableConfig.selecting` (этот раздел) — выбор строк **чекбоксами**.\n> Это отдельный механизм от `tableConfig.cellsSelection` (см. ниже) — выделения\n> колонок по клику на шапку.\n\n## SelectingRowConfig\n\nКонфиг чекбоксного выбора строк (`tableConfig.selecting`).\n\n```typescript\ntype SelectingRowConfig<RowType, RowIdType extends string | number> = {\n  /**\n   * showDefault - состояние, отвечающее за то, видно ли по дефолту чекбоксы.\n   */\n  showDefault?: boolean;\n  /**\n   * showState - состояние, отвечающее за то, видны ли чекбоксы.\n   */\n  showState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * showInControl - состояние, отвечающее за то, добавлять ли выбор строк как фичу, которую можно скрывать и раскрывать в правой части контролблока.\n   */\n  showInControl?: boolean;\n  /**\n   * selectingRules - пропс, отвечающий за кастомизацию логики выбора строк.\n   */\n  selectingRules?: {\n    // TODO доработать логику\n    // changeableOfRowWithoutCheckbox?: boolean;\n    // changeableDisabledRow?: boolean;\n    /**\n     * levels - логика активации чекбоксов у строк с определенным уровнем вложенности.\n     */\n    levels?: number | 'all' | number[] | ((lvl: number) => boolean);\n  };\n  disableSummaryCheckboxInHeader?: boolean;\n  hideSummaryCheckboxInHeader?: boolean;\n  /**\n   * hideSummaryCheckbox - в островке  массовых действий\n   */\n  hideSummaryCheckbox?: boolean;\n  /**\n   * summaryChecked - пропс, отвечающий за логику состояния checked у итогового чекбокса в левой части контролблока.\n   */\n  summaryChecked?: {\n    checked: boolean | SummaryCheckedFunc<RowType, boolean>;\n    indeterminate:\n      | boolean\n      | SummaryCheckedFunc<RowType, boolean, { checkedAll: boolean }>;\n    getCountOfChecked: SummaryCheckedFunc<RowType, number>;\n    onChange: SummaryCheckedFunc<\n      RowType,\n      void,\n      {\n        checkedAll: boolean;\n        clearButtonClicked?: boolean;\n        setSelectedRowsIds: React.Dispatch<\n          React.SetStateAction<ReadonlySet<string | number>>\n        >;\n      }\n    >;\n  };\n\n  /**\n   * summaryCheckedUncontrolled - пропс отвечающий за колбеки в неконтролируемом режиме\n   */\n  summaryCheckedUncontrolled?: {\n    onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  };\n\n  /**\n   * rowShowCheckbox - пропс, отвечающий за то, будет ли у конкретной строки отрендерен чекбокс.\n   */\n  rowShowCheckbox?: RowShowCheckbox<RowType>;\n  /**\n   * rowCheckboxDisabled - пропс, отвечающий за то, будет ли у конкретной строки чекбокс задизейблен.\n   */\n  rowCheckboxDisabled?: RowCheckboxDisabled<RowType>;\n  /**\n   * Функция для переопределения checked, indeterminate для каждой строки.\n   * Что будет возвращено функцией в объекте, то будет переопределено.\n   */\n  rowGetStates?: (\n    p: RowGetStatesProps<RowType, RowIdType>,\n  ) => RowGetStatesReturnType<RowType, RowIdType> | null;\n  groupedRow?: {\n    /**\n     * Функция для переопределения checked, indeterminate, showCheckbox, checkboxDisabled для группированных строк.\n     * Что будет возвращено функцией в объекте, то будет переопределено.\n     */\n    getStates: (p: {\n      checkedCalculated: boolean;\n      indeterminateCalculated: boolean;\n      row: GroupRow<RowType>;\n      selectedRows: ReadonlySet<string | number>;\n      selectedChildCount: number;\n      childCount: number;\n    }) => {\n      checked?: boolean | null;\n      indeterminate?: boolean | null;\n      showCheckbox?: boolean | null;\n      checkboxDisabled?: boolean | null;\n    } | null;\n    onChange?: (p: {\n      row: GroupRow<RowType>;\n\n      setSelectedRows: React.Dispatch<\n        React.SetStateAction<ReadonlySet<string | number>>\n      >;\n      checked: boolean;\n      indeterminate: boolean;\n      checkboxDisabled: boolean;\n      showCheckbox: boolean;\n      defaultSetter: () => void;\n    }) => void;\n  };\n};\n```\n\n## CellsSelectionConfig\n\nКонфиг выделения **колонок** по клику на шапку — `tableConfig.cellsSelection`. Не\nзависит от `highlightActiveType`, по умолчанию включено. Поддерживает copy/paste\nпо выделенным колонкам.\n\n```typescript\ntype CellsSelectionConfig = {\n  /**\n   * Режим фактического выделения ячеек (нативный glide selection). По нему\n   * работают copy/paste, рамка, fill-handle и затемнение шапки/нумерации.\n   * @default \"range-cell\"\n   */\n  mode?: CellsSelectionMode;\n  /**\n   * Выделение колонок по клику на шапку. Ctrl/Cmd — добавить/убрать колонку,\n   * Shift — диапазон колонок. Клик по иконкам сортировки/фильтрации в шапке\n   * выделение НЕ вызывает. Поддерживает copy/paste по выделенным колонкам.\n   * @default true\n   */\n  enableColumnSelection?: boolean;\n  /**\n   * Выделение строк по клику/драгу на колонке нумерации (`rowMarkers`).\n   * Ctrl/Cmd — несмежный выбор отдельных строк, драг — смежный диапазон.\n   * Поддерживает copy/paste по выделенным строкам. Требует включённой колонки\n   * нумерации (`rowMarkers`). При `false` клик по нумерации ничего не выделяет.\n   * @default true\n   */\n  enableRowSelection?: boolean;\n  /**\n   * Выделение всей таблицы кликом по «нулевой» ячейке — шапке колонки нумерации\n   * (левый верхний угол). Выделяет все строки данных по всем колонкам одним\n   * диапазоном; поддерживает copy/paste. Требует включённой колонки нумерации\n   * (`rowMarkers`) и активного `mode` (≠ `disabled`).\n   * @default true\n   */\n  enableSelectAll?: boolean;\n  /**\n   * Внешний (controlled) контроль НАТИВНОГО выделения (ячейки/диапазон/смежные\n   * строки и колонки). `state` — кортеж `[value, setter]` как у `selecting.state`.\n   * Сброс: `setter({ current: undefined, rows: empty, columns: empty })`.\n   * Несмежный Ctrl-выбор колонок/строк (own-state) сюда не входит — он внутренний.\n   */\n  state?: [GridSelection, React.Dispatch<React.SetStateAction<GridSelection>>];\n};\n```\n\n## RowGetStatesProps\n\nАргумент функции `rowGetStates` — позволяет полностью переопределить поведение чекбоксов для каждой строки.\n\n```typescript\ntype RowGetStatesProps<RowType, RowIdType> = {\n  /**\n   * просчитанное по умолчанию значение наличия чекбокса у строки\n   */\n  isHaveCheckboxCalculated: boolean;\n  /**\n   * просчитанное по умолчанию значение checked у строки\n   */\n  isRowSelectedCalculated: boolean;\n  /**\n   * просчитанное по умолчанию значение indeterminate у строки\n   */\n  isIndeterminateCalculated: boolean;\n  /**\n   * просчитанное по умолчанию значение disabled у строки\n   */\n  isRowSelectionDisabled: boolean;\n\n  rowKeyGetter: RowKeyGetter<RowType, RowIdType>;\n  row: RowType;\n  /**\n   * Все строки таблицы в плоском виде с информацией об уровне и родительской строке\n   */\n  flattenedRowsMap: Map<\n    RowIdType,\n    RowType & {\n      level?: number;\n      parent?: RowType | null | undefined;\n    }\n  >;\n  /**\n   * стейт всех выбранных строк (Set)\n   */\n  selectedRows: ReadonlySet<RowIdType>;\n  /**\n   * сеттер стейта всех выбранных строк\n   */\n  setSelectedRows: React.Dispatch<React.SetStateAction<ReadonlySet<RowIdType>>>;\n  /**\n   * уровень вложенности текущей строки\n   */\n  level: number;\n  /**\n   * родительская строка для текущей строки\n   */\n  parent: RowType | null;\n  /**\n   * хендлер для получения детальных данных о дочерних строках текущей строки\n   */\n  getRowChildrenInfo: () => ChildrenInfo<RowType, RowIdType>;\n  rowShowCheckbox: RowShowCheckbox<RowType> | undefined;\n  rowCheckboxDisabled: RowCheckboxDisabled<RowType> | undefined;\n};\n```\n\n## RowGetStatesReturnType\n\nВозвращаемое значение `rowGetStates`.\n\n```typescript\ntype RowGetStatesReturnType<RowType, RowIdType> = {\n  /**\n   * состояние checked, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  checked?: boolean | null;\n  /**\n   * состояние indeterminate, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  indeterminate?: boolean | null;\n  /**\n   * состояние showCheckbox, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  showCheckbox?: boolean | null;\n  /**\n   * состояние checkboxDisabled, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  checkboxDisabled?: boolean | null;\n  /**\n   * onChange у чекбокса, который будет окончательным. Если не передан, то будет взят из расчетов по умолчанию\n   */\n  onChange?:\n    | ((p: {\n        allParentsMap: Map<RowIdType, RowType>;\n        isRowInLevels: (row: RowType) => boolean;\n        defaultSetter: () => void;\n        getRowParentsInfo: () => {\n          all: RowType[];\n          getShouldBeSelectedInfo: (\n            actualSelecteds: ReadonlySet<RowIdType>,\n          ) => {\n            shouldBeSelected: RowIdType[];\n            shouldNotBeSelected: RowIdType[];\n          };\n        };\n      }) => void)\n    | null;\n};\n```\n\n## ChildrenInfo\n\nИнформация о дочерних строках, доступная через `getRowChildrenInfo()`.\n\n```typescript\ntype ChildrenInfo<RowType, RowIdType> = {\n  /**\n   * все дочерние строки\n   */\n  all: RowType[];\n  /**\n   * все дочерние строки, которые disabled\n   */\n  disabled: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ disabled\n   */\n  notDisabled: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ disabled и НЕ скрыты через rowShowCheckbox\n   */\n  notDisabledAndNotHidden: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ disabled и НЕ скрыты через rowShowCheckbox все выбраны\n   */\n  notDisabledAndNotHiddenAreSelected: boolean;\n  /**\n   * все дочерние строки, которые скрыты через rowShowCheckbox\n   */\n  hidden: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ скрыты через rowShowCheckbox\n   */\n  notHidden: RowIdType[];\n  /**\n   * все дочерние строки, которые selected (уже выбраны, у которых чекбокс проставлен)\n   */\n  selected: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ selected (не выбраны, у которых чекбокс НЕ проставлен)\n   */\n  notSelected: RowIdType[];\n  /**\n   * есть ли хоть одна дочерная строка, которая выбрана (у которой чекбокс проставлен)\n   */\n  someChildrenIsSelected: boolean;\n};\n```",
+      "summary": "*tableConfig.selecting.summaryCounterMaxCount**",
+      "docs": "# SelectingRow — ограничение счётчика (99+)\n\n**tableConfig.selecting.summaryCounterMaxCount**\n\nОграничивает максимальное отображаемое число в счётчике выбранных строк — и в шапке\nтаблицы, и в панели массовых действий. Если выбрано больше — счётчик показывает «N+».\n\nНе ограничивает само выделение (выбрать можно сколько угодно), влияет только на\nотображение числа.\n\n## Использование\n\n```tsx\n<TableCanvas\n  tableConfig={{\n    selecting: {\n      state: selectingRowState,\n      rowKeyGetter: (r) => r.id,\n      // при > 99 выбранных счётчик покажет «99+»\n      summaryCounterMaxCount: 99,\n    },\n  }}\n  columnConfig={columns}\n  rows={rows}\n/>\n```\n\n## Поведение\n\n- `selectedCount <= summaryCounterMaxCount` — показывается точное число.\n- `selectedCount > summaryCounterMaxCount` — показывается `«summaryCounterMaxCount+»`\n  (например, `99+`).\n- Поле опционально: без него счётчик показывает точное число без ограничения.\n\n> Типы SelectingRow — [SelectingRow API](?path=/docs/локальные-компоненты-tablecanvas-selectingrow-api--docs)\n\n# SelectingRow — ручная настройка выбора строк\n\nТонкая настройка выбора строк через `tableConfig.selecting`: управление тем, у каких\nстрок показывать чекбокс (`rowShowCheckbox`), какие дизейблить (`rowCheckboxDisabled`),\nа также кастомизация summary-чекбокса в шапке через `summaryChecked`.\n\n> Типы SelectingRow — [SelectingRow API](?path=/docs/локальные-компоненты-tablecanvas-selectingrow-api--docs)\n\n# SelectingRow + SubRows + InfinityScroll\n\nВыбор строк в древовидной таблице (`subRows`) с бесконечной подгрузкой.\n\nКомбинация `tableConfig.selecting` с `tableConfig.subRows` и бесконечным скроллом:\nвыбор сохраняется по мере подгрузки новых строк.\n\n> Типы SelectingRow — [SelectingRow API](?path=/docs/локальные-компоненты-tablecanvas-selectingrow-api--docs)\n\n# Selecting Row\n\n**tableConfig.selecting**\n\nВыбор строк таблицы с помощью чекбоксов.\n\n## Ключевые особенности\n\n- Управляемое состояние через `ReadonlySet<string | number>`\n- Кнопка переключения видимости в control block (`showInControl: true`)\n- Контроль на уровне строк: `rowCheckboxDisabled`, `rowShowCheckbox`\n- Поддержка иерархических таблиц через `selectingRules.levels`\n- Кастомизация summary-чекбокса через `summaryChecked`\n- Ограничение числа в счётчике выбранных — `summaryCounterMaxCount` (при превышении показывает «N+», например `99+`). См. [Ограничение счётчика (99+)](?path=/docs/локальные-компоненты-tablecanvas-selectingrow-countermaxcount--docs)\n\n## Особенности\n\n- `rowKeyGetter` должен возвращать уникальный идентификатор строки\n- В иерархических таблицах `selectingRules.levels` определяет, на каких уровнях доступен выбор\n- `rowGetStates` позволяет полностью переопределить логику чекбоксов (checked, indeterminate, disabled)\n- Accent-кнопки в mass action panel всегда видимы при компрессии\n\n> Подробнее о типах и пропсах — [Selecting API](?path=/docs/локальные-компоненты-tablecanvas-selecting-api--docs)\n\n# SelectingRow + RowsGrouping\n\nПример кастомного выбора строк в группированной таблице.\n\nКомбинация `tableConfig.selecting` и `tableConfig.rowsGrouping` с `columnConfig.rowsGrouping`.\n\n> Типы SelectingRow — [SelectingRow API](?path=/docs/локальные-компоненты-tablecanvas-selectingrow-api--docs)\n\n> Типы RowsGrouping — [RowsGrouping API](?path=/docs/локальные-компоненты-tablecanvas-rowsgrouping-api--docs)\n\n# SelectingRow + SubRows\n\nВыбор строк в древовидной таблице с вложенными строками (`tableConfig.subRows`).\n\n`selectingRules.levels` определяет, на каких уровнях вложенности доступен выбор.\n\n> Типы SelectingRow — [SelectingRow API](?path=/docs/локальные-компоненты-tablecanvas-selectingrow-api--docs)",
+      "apiDocs": "# SelectingRow API\n\n## SelectingRowConfig\n\nКонфиг чекбоксного выбора строк (`tableConfig.selecting`).\n\n```typescript\ntype SelectingRowConfig<RowType, RowIdType extends string | number> = {\n  /**\n   * showDefault - состояние, отвечающее за то, видно ли по дефолту чекбоксы.\n   */\n  showDefault?: boolean;\n  /**\n   * showState - состояние, отвечающее за то, видны ли чекбоксы.\n   */\n  showState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * showInControl - состояние, отвечающее за то, добавлять ли выбор строк как фичу, которую можно скрывать и раскрывать в правой части контролблока.\n   */\n  showInControl?: boolean;\n  /**\n   * selectingRules - пропс, отвечающий за кастомизацию логики выбора строк.\n   */\n  selectingRules?: {\n    // TODO доработать логику\n    // changeableOfRowWithoutCheckbox?: boolean;\n    // changeableDisabledRow?: boolean;\n    /**\n     * levels - логика активации чекбоксов у строк с определенным уровнем вложенности.\n     */\n    levels?: number | 'all' | number[] | ((lvl: number) => boolean);\n  };\n  disableSummaryCheckboxInHeader?: boolean;\n  hideSummaryCheckboxInHeader?: boolean;\n  /**\n   * hideSummaryCheckbox - в островке  массовых действий\n   */\n  hideSummaryCheckbox?: boolean;\n  /**\n   * summaryCounterMaxCount - максимальное отображаемое число в счётчике выбранных\n   * строк (в шапке и в панели массовых действий). Если выбрано больше — счётчик\n   * показывает «N+» (например, при значении 99 и 5000 выбранных отобразится «99+»).\n   * Не ограничивает само выделение, влияет только на отображение.\n   */\n  summaryCounterMaxCount?: number;\n  /**\n   * summaryChecked - пропс, отвечающий за логику состояния checked у итогового чекбокса в левой части контролблока.\n   */\n  summaryChecked?: {\n    checked: boolean | SummaryCheckedFunc<RowType, boolean>;\n    indeterminate:\n      | boolean\n      | SummaryCheckedFunc<RowType, boolean, { checkedAll: boolean }>;\n    getCountOfChecked: SummaryCheckedFunc<RowType, number>;\n    onChange: SummaryCheckedFunc<\n      RowType,\n      void,\n      {\n        checkedAll: boolean;\n        clearButtonClicked?: boolean;\n        setSelectedRowsIds: React.Dispatch<\n          React.SetStateAction<ReadonlySet<string | number>>\n        >;\n      }\n    >;\n  };\n\n  /**\n   * summaryCheckedUncontrolled - пропс отвечающий за колбеки в неконтролируемом режиме\n   */\n  summaryCheckedUncontrolled?: {\n    onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  };\n\n  /**\n   * rowShowCheckbox - пропс, отвечающий за то, будет ли у конкретной строки отрендерен чекбокс.\n   */\n  rowShowCheckbox?: RowShowCheckbox<RowType>;\n  /**\n   * rowCheckboxDisabled - пропс, отвечающий за то, будет ли у конкретной строки чекбокс задизейблен.\n   */\n  rowCheckboxDisabled?: RowCheckboxDisabled<RowType>;\n  /**\n   * Функция для переопределения checked, indeterminate для каждой строки.\n   * Что будет возвращено функцией в объекте, то будет переопределено.\n   */\n  rowGetStates?: (\n    p: RowGetStatesProps<RowType, RowIdType>,\n  ) => RowGetStatesReturnType<RowType, RowIdType> | null;\n  groupedRow?: {\n    /**\n     * Функция для переопределения checked, indeterminate, showCheckbox, checkboxDisabled для группированных строк.\n     * Что будет возвращено функцией в объекте, то будет переопределено.\n     */\n    getStates: (p: {\n      checkedCalculated: boolean;\n      indeterminateCalculated: boolean;\n      row: GroupRow<RowType>;\n      selectedRows: ReadonlySet<string | number>;\n      selectedChildCount: number;\n      childCount: number;\n    }) => {\n      checked?: boolean | null;\n      indeterminate?: boolean | null;\n      showCheckbox?: boolean | null;\n      checkboxDisabled?: boolean | null;\n    } | null;\n    onChange?: (p: {\n      row: GroupRow<RowType>;\n\n      setSelectedRows: React.Dispatch<\n        React.SetStateAction<ReadonlySet<string | number>>\n      >;\n      checked: boolean;\n      indeterminate: boolean;\n      checkboxDisabled: boolean;\n      showCheckbox: boolean;\n      defaultSetter: () => void;\n    }) => void;\n  };\n};\n```\n\n## RowGetStatesProps\n\nАргумент функции `rowGetStates` — позволяет полностью переопределить поведение чекбоксов для каждой строки.\n\n```typescript\ntype RowGetStatesProps<RowType, RowIdType> = {\n  /**\n   * просчитанное по умолчанию значение наличия чекбокса у строки\n   */\n  isHaveCheckboxCalculated: boolean;\n  /**\n   * просчитанное по умолчанию значение checked у строки\n   */\n  isRowSelectedCalculated: boolean;\n  /**\n   * просчитанное по умолчанию значение indeterminate у строки\n   */\n  isIndeterminateCalculated: boolean;\n  /**\n   * просчитанное по умолчанию значение disabled у строки\n   */\n  isRowSelectionDisabled: boolean;\n\n  rowKeyGetter: RowKeyGetter<RowType, RowIdType>;\n  row: RowType;\n  /**\n   * Все строки таблицы в плоском виде с информацией об уровне и родительской строке\n   */\n  flattenedRowsMap: Map<\n    RowIdType,\n    RowType & {\n      level?: number;\n      parent?: RowType | null | undefined;\n    }\n  >;\n  /**\n   * стейт всех выбранных строк (Set)\n   */\n  selectedRows: ReadonlySet<RowIdType>;\n  /**\n   * сеттер стейта всех выбранных строк\n   */\n  setSelectedRows: React.Dispatch<React.SetStateAction<ReadonlySet<RowIdType>>>;\n  /**\n   * уровень вложенности текущей строки\n   */\n  level: number;\n  /**\n   * родительская строка для текущей строки\n   */\n  parent: RowType | null;\n  /**\n   * хендлер для получения детальных данных о дочерних строках текущей строки\n   */\n  getRowChildrenInfo: () => ChildrenInfo<RowType, RowIdType>;\n  rowShowCheckbox: RowShowCheckbox<RowType> | undefined;\n  rowCheckboxDisabled: RowCheckboxDisabled<RowType> | undefined;\n};\n```\n\n## RowGetStatesReturnType\n\nВозвращаемое значение `rowGetStates`.\n\n```typescript\ntype RowGetStatesReturnType<RowType, RowIdType> = {\n  /**\n   * состояние checked, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  checked?: boolean | null;\n  /**\n   * состояние indeterminate, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  indeterminate?: boolean | null;\n  /**\n   * состояние showCheckbox, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  showCheckbox?: boolean | null;\n  /**\n   * состояние checkboxDisabled, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  checkboxDisabled?: boolean | null;\n  /**\n   * onChange у чекбокса, который будет окончательным. Если не передан, то будет взят из расчетов по умолчанию\n   */\n  onChange?:\n    | ((p: {\n        allParentsMap: Map<RowIdType, RowType>;\n        isRowInLevels: (row: RowType) => boolean;\n        defaultSetter: () => void;\n        getRowParentsInfo: () => {\n          all: RowType[];\n          getShouldBeSelectedInfo: (\n            actualSelecteds: ReadonlySet<RowIdType>,\n          ) => {\n            shouldBeSelected: RowIdType[];\n            shouldNotBeSelected: RowIdType[];\n          };\n        };\n      }) => void)\n    | null;\n};\n```\n\n## ChildrenInfo\n\nИнформация о дочерних строках, доступная через `getRowChildrenInfo()`.\n\n```typescript\ntype ChildrenInfo<RowType, RowIdType> = {\n  /**\n   * все дочерние строки\n   */\n  all: RowType[];\n  /**\n   * все дочерние строки, которые disabled\n   */\n  disabled: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ disabled\n   */\n  notDisabled: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ disabled и НЕ скрыты через rowShowCheckbox\n   */\n  notDisabledAndNotHidden: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ disabled и НЕ скрыты через rowShowCheckbox все выбраны\n   */\n  notDisabledAndNotHiddenAreSelected: boolean;\n  /**\n   * все дочерние строки, которые скрыты через rowShowCheckbox\n   */\n  hidden: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ скрыты через rowShowCheckbox\n   */\n  notHidden: RowIdType[];\n  /**\n   * все дочерние строки, которые selected (уже выбраны, у которых чекбокс проставлен)\n   */\n  selected: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ selected (не выбраны, у которых чекбокс НЕ проставлен)\n   */\n  notSelected: RowIdType[];\n  /**\n   * есть ли хоть одна дочерная строка, которая выбрана (у которой чекбокс проставлен)\n   */\n  someChildrenIsSelected: boolean;\n};\n```",
       "api": [
         {
           "typeName": "SelectingRowConfig",
-          "source": "type SelectingRowConfig<RowType, RowIdType extends string | number> = {\n  /**\n   * showDefault - состояние, отвечающее за то, видно ли по дефолту чекбоксы.\n   */\n  showDefault?: boolean;\n  /**\n   * showState - состояние, отвечающее за то, видны ли чекбоксы.\n   */\n  showState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * showInControl - состояние, отвечающее за то, добавлять ли выбор строк как фичу, которую можно скрывать и раскрывать в правой части контролблока.\n   */\n  showInControl?: boolean;\n  /**\n   * selectingRules - пропс, отвечающий за кастомизацию логики выбора строк.\n   */\n  selectingRules?: {\n    // TODO доработать логику\n    // changeableOfRowWithoutCheckbox?: boolean;\n    // changeableDisabledRow?: boolean;\n    /**\n     * levels - логика активации чекбоксов у строк с определенным уровнем вложенности.\n     */\n    levels?: number | 'all' | number[] | ((lvl: number) => boolean);\n  };\n  disableSummaryCheckboxInHeader?: boolean;\n  hideSummaryCheckboxInHeader?: boolean;\n  /**\n   * hideSummaryCheckbox - в островке  массовых действий\n   */\n  hideSummaryCheckbox?: boolean;\n  /**\n   * summaryChecked - пропс, отвечающий за логику состояния checked у итогового чекбокса в левой части контролблока.\n   */\n  summaryChecked?: {\n    checked: boolean | SummaryCheckedFunc<RowType, boolean>;\n    indeterminate:\n      | boolean\n      | SummaryCheckedFunc<RowType, boolean, { checkedAll: boolean }>;\n    getCountOfChecked: SummaryCheckedFunc<RowType, number>;\n    onChange: SummaryCheckedFunc<\n      RowType,\n      void,\n      {\n        checkedAll: boolean;\n        clearButtonClicked?: boolean;\n        setSelectedRowsIds: React.Dispatch<\n          React.SetStateAction<ReadonlySet<string | number>>\n        >;\n      }\n    >;\n  };\n\n  /**\n   * summaryCheckedUncontrolled - пропс отвечающий за колбеки в неконтролируемом режиме\n   */\n  summaryCheckedUncontrolled?: {\n    onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  };\n\n  /**\n   * rowShowCheckbox - пропс, отвечающий за то, будет ли у конкретной строки отрендерен чекбокс.\n   */\n  rowShowCheckbox?: RowShowCheckbox<RowType>;\n  /**\n   * rowCheckboxDisabled - пропс, отвечающий за то, будет ли у конкретной строки чекбокс задизейблен.\n   */\n  rowCheckboxDisabled?: RowCheckboxDisabled<RowType>;\n  /**\n   * Функция для переопределения checked, indeterminate для каждой строки.\n   * Что будет возвращено функцией в объекте, то будет переопределено.\n   */\n  rowGetStates?: (\n    p: RowGetStatesProps<RowType, RowIdType>,\n  ) => RowGetStatesReturnType<RowType, RowIdType> | null;\n  groupedRow?: {\n    /**\n     * Функция для переопределения checked, indeterminate, showCheckbox, checkboxDisabled для группированных строк.\n     * Что будет возвращено функцией в объекте, то будет переопределено.\n     */\n    getStates: (p: {\n      checkedCalculated: boolean;\n      indeterminateCalculated: boolean;\n      row: GroupRow<RowType>;\n      selectedRows: ReadonlySet<string | number>;\n      selectedChildCount: number;\n      childCount: number;\n    }) => {\n      checked?: boolean | null;\n      indeterminate?: boolean | null;\n      showCheckbox?: boolean | null;\n      checkboxDisabled?: boolean | null;\n    } | null;\n    onChange?: (p: {\n      row: GroupRow<RowType>;\n\n      setSelectedRows: React.Dispatch<\n        React.SetStateAction<ReadonlySet<string | number>>\n      >;\n      checked: boolean;\n      indeterminate: boolean;\n      checkboxDisabled: boolean;\n      showCheckbox: boolean;\n      defaultSetter: () => void;\n    }) => void;\n  };\n};"
-        },
-        {
-          "typeName": "CellsSelectionConfig",
-          "source": "type CellsSelectionConfig = {\n  /**\n   * Режим фактического выделения ячеек (нативный glide selection). По нему\n   * работают copy/paste, рамка, fill-handle и затемнение шапки/нумерации.\n   * @default \"range-cell\"\n   */\n  mode?: CellsSelectionMode;\n  /**\n   * Выделение колонок по клику на шапку. Ctrl/Cmd — добавить/убрать колонку,\n   * Shift — диапазон колонок. Клик по иконкам сортировки/фильтрации в шапке\n   * выделение НЕ вызывает. Поддерживает copy/paste по выделенным колонкам.\n   * @default true\n   */\n  enableColumnSelection?: boolean;\n  /**\n   * Выделение строк по клику/драгу на колонке нумерации (`rowMarkers`).\n   * Ctrl/Cmd — несмежный выбор отдельных строк, драг — смежный диапазон.\n   * Поддерживает copy/paste по выделенным строкам. Требует включённой колонки\n   * нумерации (`rowMarkers`). При `false` клик по нумерации ничего не выделяет.\n   * @default true\n   */\n  enableRowSelection?: boolean;\n  /**\n   * Выделение всей таблицы кликом по «нулевой» ячейке — шапке колонки нумерации\n   * (левый верхний угол). Выделяет все строки данных по всем колонкам одним\n   * диапазоном; поддерживает copy/paste. Требует включённой колонки нумерации\n   * (`rowMarkers`) и активного `mode` (≠ `disabled`).\n   * @default true\n   */\n  enableSelectAll?: boolean;\n  /**\n   * Внешний (controlled) контроль НАТИВНОГО выделения (ячейки/диапазон/смежные\n   * строки и колонки). `state` — кортеж `[value, setter]` как у `selecting.state`.\n   * Сброс: `setter({ current: undefined, rows: empty, columns: empty })`.\n   * Несмежный Ctrl-выбор колонок/строк (own-state) сюда не входит — он внутренний.\n   */\n  state?: [GridSelection, React.Dispatch<React.SetStateAction<GridSelection>>];\n};"
+          "source": "type SelectingRowConfig<RowType, RowIdType extends string | number> = {\n  /**\n   * showDefault - состояние, отвечающее за то, видно ли по дефолту чекбоксы.\n   */\n  showDefault?: boolean;\n  /**\n   * showState - состояние, отвечающее за то, видны ли чекбоксы.\n   */\n  showState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * showInControl - состояние, отвечающее за то, добавлять ли выбор строк как фичу, которую можно скрывать и раскрывать в правой части контролблока.\n   */\n  showInControl?: boolean;\n  /**\n   * selectingRules - пропс, отвечающий за кастомизацию логики выбора строк.\n   */\n  selectingRules?: {\n    // TODO доработать логику\n    // changeableOfRowWithoutCheckbox?: boolean;\n    // changeableDisabledRow?: boolean;\n    /**\n     * levels - логика активации чекбоксов у строк с определенным уровнем вложенности.\n     */\n    levels?: number | 'all' | number[] | ((lvl: number) => boolean);\n  };\n  disableSummaryCheckboxInHeader?: boolean;\n  hideSummaryCheckboxInHeader?: boolean;\n  /**\n   * hideSummaryCheckbox - в островке  массовых действий\n   */\n  hideSummaryCheckbox?: boolean;\n  /**\n   * summaryCounterMaxCount - максимальное отображаемое число в счётчике выбранных\n   * строк (в шапке и в панели массовых действий). Если выбрано больше — счётчик\n   * показывает «N+» (например, при значении 99 и 5000 выбранных отобразится «99+»).\n   * Не ограничивает само выделение, влияет только на отображение.\n   */\n  summaryCounterMaxCount?: number;\n  /**\n   * summaryChecked - пропс, отвечающий за логику состояния checked у итогового чекбокса в левой части контролблока.\n   */\n  summaryChecked?: {\n    checked: boolean | SummaryCheckedFunc<RowType, boolean>;\n    indeterminate:\n      | boolean\n      | SummaryCheckedFunc<RowType, boolean, { checkedAll: boolean }>;\n    getCountOfChecked: SummaryCheckedFunc<RowType, number>;\n    onChange: SummaryCheckedFunc<\n      RowType,\n      void,\n      {\n        checkedAll: boolean;\n        clearButtonClicked?: boolean;\n        setSelectedRowsIds: React.Dispatch<\n          React.SetStateAction<ReadonlySet<string | number>>\n        >;\n      }\n    >;\n  };\n\n  /**\n   * summaryCheckedUncontrolled - пропс отвечающий за колбеки в неконтролируемом режиме\n   */\n  summaryCheckedUncontrolled?: {\n    onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  };\n\n  /**\n   * rowShowCheckbox - пропс, отвечающий за то, будет ли у конкретной строки отрендерен чекбокс.\n   */\n  rowShowCheckbox?: RowShowCheckbox<RowType>;\n  /**\n   * rowCheckboxDisabled - пропс, отвечающий за то, будет ли у конкретной строки чекбокс задизейблен.\n   */\n  rowCheckboxDisabled?: RowCheckboxDisabled<RowType>;\n  /**\n   * Функция для переопределения checked, indeterminate для каждой строки.\n   * Что будет возвращено функцией в объекте, то будет переопределено.\n   */\n  rowGetStates?: (\n    p: RowGetStatesProps<RowType, RowIdType>,\n  ) => RowGetStatesReturnType<RowType, RowIdType> | null;\n  groupedRow?: {\n    /**\n     * Функция для переопределения checked, indeterminate, showCheckbox, checkboxDisabled для группированных строк.\n     * Что будет возвращено функцией в объекте, то будет переопределено.\n     */\n    getStates: (p: {\n      checkedCalculated: boolean;\n      indeterminateCalculated: boolean;\n      row: GroupRow<RowType>;\n      selectedRows: ReadonlySet<string | number>;\n      selectedChildCount: number;\n      childCount: number;\n    }) => {\n      checked?: boolean | null;\n      indeterminate?: boolean | null;\n      showCheckbox?: boolean | null;\n      checkboxDisabled?: boolean | null;\n    } | null;\n    onChange?: (p: {\n      row: GroupRow<RowType>;\n\n      setSelectedRows: React.Dispatch<\n        React.SetStateAction<ReadonlySet<string | number>>\n      >;\n      checked: boolean;\n      indeterminate: boolean;\n      checkboxDisabled: boolean;\n      showCheckbox: boolean;\n      defaultSetter: () => void;\n    }) => void;\n  };\n};"
         },
         {
           "typeName": "RowGetStatesProps",
@@ -54461,6 +55000,12 @@
         }
       ],
       "stories": [
+        {
+          "exportName": "CounterMaxCount",
+          "displayName": "Ограничение счётчика (99+)",
+          "type": "full-code",
+          "code": "import { ColumnConfig, TableCanvas } from '@daisforge/ui/components/TableCanvas';\n\n() => {\n    const [rows] = useState(() => createRows()); // 200 строк\n\n    const columns = useMemo<readonly ColumnConfig<Row>[]>(\n      () => [\n        { key: 'id', name: 'ID' },\n        { key: 'task', name: 'Задача' },\n        { key: 'priority', name: 'Приоритет' },\n      ],\n      [],\n    );\n\n    // Изначально выбираем все строки, чтобы счётчик сразу показал «99+».\n    const selectingRowStateAndSetter = useState(\n      (): ReadonlySet<string | number> => new Set(rows.map((r) => r.id)),\n    );\n\n    return (\n      <TableCanvas\n        tableConfig={{\n          containerStyle: { height: '700px' },\n          selecting: {\n            state: selectingRowStateAndSetter,\n            rowKeyGetter: (r) => r.id,\n            // 👇 то, ради чего пример: при > 99 выбранных счётчик покажет «99+»\n            summaryCounterMaxCount: 99,\n          },\n          controlBlock: {\n            massActionPanel: {\n              buttons: [\n                {\n                  type: 'button',\n                  text: 'Экспорт',\n                  view: 'secondary',\n                  onClick: () => alert('Экспорт выбранных строк'),\n                },\n              ],\n            },\n          },\n        }}\n        columnConfig={columns}\n        rows={rows}\n      />\n    );\n  }"
+        },
         {
           "exportName": "CustomRowSelection",
           "displayName": "Независимый выбор строк в иерархии",
@@ -55718,11 +56263,11 @@
       "legacy": true,
       "summary": "*tableConfig.selecting**",
       "docs": "# Selecting Row\n\n**tableConfig.selecting**\n\nВыбор строк таблицы с помощью чекбоксов.\n\n## Ключевые особенности\n\n- Управляемое состояние через `ReadonlySet<string | number>`\n- Кнопка переключения видимости в control block (`showInControl: true`)\n- Контроль на уровне строк: `rowCheckboxDisabled`, `rowShowCheckbox`\n- Поддержка иерархических таблиц через `selectingRules.levels`\n- Кастомизация summary-чекбокса через `summaryChecked`\n- Полное переопределение логики через `rowGetStates`\n\n## Особенности\n\n- `rowKeyGetter` должен возвращать уникальный идентификатор строки\n- В иерархических таблицах `selectingRules.levels` определяет, на каких уровнях доступен выбор\n- `summaryChecked` позволяет кастомизировать логику «Выбрать все»\n- `rowGetStates` переопределяет `checked`, `indeterminate`, `showCheckbox`, `checkboxDisabled` для каждой строки\n\n> Подробнее о типах и пропсах — [Selecting Row API](?path=/docs/локальные-компоненты-table-selectingrow-api--docs)\n\n# TableRowsGrouping\n\n## Ключевые особенности\n\n- Выбор строк в группированной таблице\n- Кастомная логика checked/indeterminate для групп\n- Совместная работа selecting и rowsGrouping\n\n**tableConfig.selecting**\n\n**tableConfig.rowsGrouping**\n\n**columnConfig.rowsGrouping**\n\nОписание типов - в разделах [Selecting API](?path=/docs/локальные-компоненты-table-selectingrow-api--docs) и [RowsGrouping API](?path=/docs/локальные-компоненты-table-rowsgrouping-api--docs).",
-      "apiDocs": "# Selecting Row API\n\n## SelectingRowConfig\n\n```typescript\ntype SelectingRowConfig<\n  RowType,\n  RowIdType extends string | number = string | number,\n> = {\n  rowKeyGetter: (row: RowType) => RowIdType;\n  /**\n   * showDefault - состояние, отвечающее за то, видно ли по дефолту чекбоксы.\n   */\n  showDefault?: boolean;\n  /**\n   * showState - состояние, отвечающее за то, видны ли чекбоксы.\n   */\n  showState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * showInControl - состояние, отвечающее за то, добавлять ли выбор строк как фичу, которую можно скрывать и раскрывать в правой части контролблока.\n   */\n  showInControl?: boolean;\n  /**\n   * selectingRules - пропс, отвечающий за кастомизацию логики выбора строк.\n   */\n  selectingRules?: {\n    /**\n     * изменять ли скрытые строки при клике на чекбокс-ы родительских строк\n     * @default true\n     */\n    // changeableOfRowWithoutCheckbox?: boolean;\n    /**\n     * изменять ли задизейбленные строки при клике на чекбокс-ы родительских строк\n     * @default true\n     */\n    // changeableDisabledRow?: boolean;\n    /**\n     * levels - логика активации чекбоксов у строк с определенным уровнем вложенности.\n     */\n    levels?: number | 'all' | number[] | ((lvl: number) => boolean);\n  };\n  disableSummaryCheckboxInHeader?: boolean;\n  hideSummaryCheckboxInHeader?: boolean;\n  /**\n   * hideSummaryCheckbox - в островке  массовых действий\n   */\n  hideSummaryCheckbox?: boolean;\n  /**\n   * summaryChecked - пропс, отвечающий за логику состояния checked у итогового чекбокса в левой части контролблока.\n   */\n  summaryChecked?: {\n    checked: boolean | SummaryCheckedFunc<RowType, boolean>;\n    indeterminate:\n      | boolean\n      | SummaryCheckedFunc<RowType, boolean, { checkedAll: boolean }>;\n    getCountOfChecked: SummaryCheckedFunc<RowType, number>;\n    onChange: SummaryCheckedFunc<\n      RowType,\n      void,\n      {\n        checkedAll: boolean;\n        clearButtonClicked?: boolean;\n        setSelectedRowsIds: React.Dispatch<\n          React.SetStateAction<ReadonlySet<string | number>>\n        >;\n      }\n    >;\n  };\n\n  /**\n   * summaryCheckedUncontrolled - пропс отвечающий за колбеки в неконтролируемом режиме\n   */\n  summaryCheckedUncontrolled?: {\n    onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  };\n\n  /**\n   * rowShowCheckbox - пропс, отвечающий за то, будет ли у конкретной строки отрендерен чекбокс.\n   */\n  rowShowCheckbox?: RowShowCheckbox<RowType>;\n  /**\n   * rowCheckboxDisabled - пропс, отвечающий за то, будет ли у конкретной строки чекбокс задизейблен.\n   */\n  rowCheckboxDisabled?: RowCheckboxDisabled<RowType>;\n\n  /**\n   * Функция для переопределения checked, indeterminate для каждой строки.\n   * Что будет возвращено функцией в объекте, то будет переопределено.\n   */\n  rowGetStates?: (\n    p: RowGetStatesProps<RowType, RowIdType>,\n  ) => RowGetStatesReturnType<RowType, RowIdType> | null;\n\n  groupedRow?: {\n    /**\n     * Функция для переопределения checked, indeterminate, showCheckbox, checkboxDisabled для группированных строк.\n     * Что будет возвращено функцией в объекте, то будет переопределено.\n     */\n    getStates: (p: {\n      checkedCalculated: boolean;\n      indeterminateCalculated: boolean;\n      row: GroupRow<RowType>;\n      selectedRows: ReadonlySet<string | number>;\n      selectedChildCount: number;\n      childCount: number;\n    }) => {\n      checked?: boolean | null;\n      indeterminate?: boolean | null;\n      showCheckbox?: boolean | null;\n      checkboxDisabled?: boolean | null;\n    } | null;\n    onChange?: (p: {\n      row: GroupRow<RowType>;\n\n      setSelectedRows: React.Dispatch<\n        React.SetStateAction<ReadonlySet<string | number>>\n      >;\n      checked: boolean;\n      indeterminate: boolean;\n      checkboxDisabled: boolean;\n      showCheckbox: boolean;\n      defaultSetter: () => void;\n    }) => void;\n  };\n};\n```\n\n## ChildrenInfo\n\n```typescript\ntype ChildrenInfo<RowType, RowIdType> = {\n  /**\n   * все дочерние строки\n   */\n  all: RowType[];\n  /**\n   * все дочерние строки, которые disabled\n   */\n  disabled: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ disabled\n   */\n  notDisabled: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ disabled и НЕ скрыты через rowShowCheckbox\n   */\n  notDisabledAndNotHidden: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ disabled и НЕ скрыты через rowShowCheckbox все выбраны\n   */\n  notDisabledAndNotHiddenAreSelected: boolean;\n  /**\n   * все дочерние строки, которые скрыты через rowShowCheckbox\n   */\n  hidden: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ скрыты через rowShowCheckbox\n   */\n  notHidden: RowIdType[];\n  /**\n   * все дочерние строки, которые selected (уже выбраны, у которых чекбокс проставлен)\n   */\n  selected: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ selected (не выбраны, у которых чекбокс НЕ проставлен)\n   */\n  notSelected: RowIdType[];\n  /**\n   * есть ли хоть одна дочерная строка, которая выбрана (у которой чекбокс проставлен)\n   */\n  someChildrenIsSelected: boolean;\n};\n```\n\n## RowShowCheckbox\n\n```typescript\ntype RowShowCheckbox<RowType> = (\n  row: RowType,\n  lvl?: number,\n  parent?: RowType | null,\n) => boolean;\n```\n\n## RowCheckboxDisabled\n\n```typescript\ntype RowCheckboxDisabled<RowType> = (\n  row: RowType,\n  lvl?: number,\n  parent?: RowType | null,\n) => boolean;\n```\n\n## RowGetStatesProps\n\n```typescript\ntype RowGetStatesProps<RowType, RowIdType> = {\n  /**\n   * просчитанное по умолчанию значение наличия чекбокса у строки\n   */\n  isHaveCheckboxCalculated: boolean;\n  /**\n   * просчитанное по умолчанию значение checked у строки\n   */\n  isRowSelectedCalculated: boolean;\n  /**\n   * просчитанное по умолчанию значение indeterminate у строки\n   */\n  isIndeterminateCalculated: boolean;\n  /**\n   * просчитанное по умолчанию значение disabled у строки\n   */\n  isRowSelectionDisabled: boolean;\n\n  rowKeyGetter: RowKeyGetter<RowType, RowIdType>;\n  row: RowType;\n  /**\n   * Все строки таблицы в плоском виде с информацией об уровне и родительской строке\n   */\n  flattenedRowsMap: Map<\n    RowIdType,\n    RowType & {\n      level?: number;\n      parent?: RowType | null | undefined;\n    }\n  >;\n  /**\n   * стейт всех выбранных строк (Set)\n   */\n  selectedRows: ReadonlySet<RowIdType>;\n  /**\n   * сеттер стейта всех выбранных строк\n   */\n  setSelectedRows: React.Dispatch<React.SetStateAction<ReadonlySet<RowIdType>>>;\n  /**\n   * уровень вложенности текущей строки\n   */\n  level: number;\n  /**\n   * родительская строка для текущей строки\n   */\n  parent: RowType | null;\n  /**\n   * хендлер для получения детальных данных о дочерних строках текущей строки\n   */\n  getRowChildrenInfo: () => ChildrenInfo<RowType, RowIdType>;\n  rowShowCheckbox: RowShowCheckbox<RowType> | undefined;\n  rowCheckboxDisabled: RowCheckboxDisabled<RowType> | undefined;\n};\n```\n\n## RowGetStatesReturnType\n\n```typescript\ntype RowGetStatesReturnType<RowType, RowIdType> = {\n  /**\n   * состояние checked, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  checked?: boolean | null;\n  /**\n   * состояние indeterminate, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  indeterminate?: boolean | null;\n  /**\n   * состояние showCheckbox, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  showCheckbox?: boolean | null;\n  /**\n   * состояние checkboxDisabled, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  checkboxDisabled?: boolean | null;\n  /**\n   * onChange у чекбокса, который будет окончательным. Если не передан, то будет взят из расчетов по умолчанию\n   */\n  onChange?:\n    | ((p: {\n        allParentsMap: Map<RowIdType, RowType>;\n        isRowInLevels: (row: RowType) => boolean;\n        defaultSetter: () => void;\n        getRowParentsInfo: () => {\n          all: RowType[];\n          getShouldBeSelectedInfo: (\n            actualSelecteds: ReadonlySet<RowIdType>,\n          ) => {\n            shouldBeSelected: RowIdType[];\n            shouldNotBeSelected: RowIdType[];\n          };\n        };\n      }) => void)\n    | null;\n};\n```",
+      "apiDocs": "# Selecting Row API\n\n## SelectingRowConfig\n\n```typescript\ntype SelectingRowConfig<\n  RowType,\n  RowIdType extends string | number = string | number,\n> = {\n  rowKeyGetter: (row: RowType) => RowIdType;\n  /**\n   * showDefault - состояние, отвечающее за то, видно ли по дефолту чекбоксы.\n   */\n  showDefault?: boolean;\n  /**\n   * showState - состояние, отвечающее за то, видны ли чекбоксы.\n   */\n  showState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * showInControl - состояние, отвечающее за то, добавлять ли выбор строк как фичу, которую можно скрывать и раскрывать в правой части контролблока.\n   */\n  showInControl?: boolean;\n  /**\n   * selectingRules - пропс, отвечающий за кастомизацию логики выбора строк.\n   */\n  selectingRules?: {\n    /**\n     * изменять ли скрытые строки при клике на чекбокс-ы родительских строк\n     * @default true\n     */\n    // changeableOfRowWithoutCheckbox?: boolean;\n    /**\n     * изменять ли задизейбленные строки при клике на чекбокс-ы родительских строк\n     * @default true\n     */\n    // changeableDisabledRow?: boolean;\n    /**\n     * levels - логика активации чекбоксов у строк с определенным уровнем вложенности.\n     */\n    levels?: number | 'all' | number[] | ((lvl: number) => boolean);\n  };\n  disableSummaryCheckboxInHeader?: boolean;\n  hideSummaryCheckboxInHeader?: boolean;\n  /**\n   * hideSummaryCheckbox - в островке  массовых действий\n   */\n  hideSummaryCheckbox?: boolean;\n  /**\n   * summaryCounterMaxCount - максимальное отображаемое число в счётчике выбранных\n   * строк (в шапке и в панели массовых действий). Если выбрано больше — счётчик\n   * показывает «N+» (например, при значении 99 и 5000 выбранных отобразится «99+»).\n   * Не ограничивает само выделение, влияет только на отображение.\n   */\n  summaryCounterMaxCount?: number;\n  /**\n   * summaryChecked - пропс, отвечающий за логику состояния checked у итогового чекбокса в левой части контролблока.\n   */\n  summaryChecked?: {\n    checked: boolean | SummaryCheckedFunc<RowType, boolean>;\n    indeterminate:\n      | boolean\n      | SummaryCheckedFunc<RowType, boolean, { checkedAll: boolean }>;\n    getCountOfChecked: SummaryCheckedFunc<RowType, number>;\n    onChange: SummaryCheckedFunc<\n      RowType,\n      void,\n      {\n        checkedAll: boolean;\n        clearButtonClicked?: boolean;\n        setSelectedRowsIds: React.Dispatch<\n          React.SetStateAction<ReadonlySet<string | number>>\n        >;\n      }\n    >;\n  };\n\n  /**\n   * summaryCheckedUncontrolled - пропс отвечающий за колбеки в неконтролируемом режиме\n   */\n  summaryCheckedUncontrolled?: {\n    onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  };\n\n  /**\n   * rowShowCheckbox - пропс, отвечающий за то, будет ли у конкретной строки отрендерен чекбокс.\n   */\n  rowShowCheckbox?: RowShowCheckbox<RowType>;\n  /**\n   * rowCheckboxDisabled - пропс, отвечающий за то, будет ли у конкретной строки чекбокс задизейблен.\n   */\n  rowCheckboxDisabled?: RowCheckboxDisabled<RowType>;\n\n  /**\n   * Функция для переопределения checked, indeterminate для каждой строки.\n   * Что будет возвращено функцией в объекте, то будет переопределено.\n   */\n  rowGetStates?: (\n    p: RowGetStatesProps<RowType, RowIdType>,\n  ) => RowGetStatesReturnType<RowType, RowIdType> | null;\n\n  groupedRow?: {\n    /**\n     * Функция для переопределения checked, indeterminate, showCheckbox, checkboxDisabled для группированных строк.\n     * Что будет возвращено функцией в объекте, то будет переопределено.\n     */\n    getStates: (p: {\n      checkedCalculated: boolean;\n      indeterminateCalculated: boolean;\n      row: GroupRow<RowType>;\n      selectedRows: ReadonlySet<string | number>;\n      selectedChildCount: number;\n      childCount: number;\n    }) => {\n      checked?: boolean | null;\n      indeterminate?: boolean | null;\n      showCheckbox?: boolean | null;\n      checkboxDisabled?: boolean | null;\n    } | null;\n    onChange?: (p: {\n      row: GroupRow<RowType>;\n\n      setSelectedRows: React.Dispatch<\n        React.SetStateAction<ReadonlySet<string | number>>\n      >;\n      checked: boolean;\n      indeterminate: boolean;\n      checkboxDisabled: boolean;\n      showCheckbox: boolean;\n      defaultSetter: () => void;\n    }) => void;\n  };\n};\n```\n\n## ChildrenInfo\n\n```typescript\ntype ChildrenInfo<RowType, RowIdType> = {\n  /**\n   * все дочерние строки\n   */\n  all: RowType[];\n  /**\n   * все дочерние строки, которые disabled\n   */\n  disabled: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ disabled\n   */\n  notDisabled: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ disabled и НЕ скрыты через rowShowCheckbox\n   */\n  notDisabledAndNotHidden: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ disabled и НЕ скрыты через rowShowCheckbox все выбраны\n   */\n  notDisabledAndNotHiddenAreSelected: boolean;\n  /**\n   * все дочерние строки, которые скрыты через rowShowCheckbox\n   */\n  hidden: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ скрыты через rowShowCheckbox\n   */\n  notHidden: RowIdType[];\n  /**\n   * все дочерние строки, которые selected (уже выбраны, у которых чекбокс проставлен)\n   */\n  selected: RowIdType[];\n  /**\n   * все дочерние строки, которые НЕ selected (не выбраны, у которых чекбокс НЕ проставлен)\n   */\n  notSelected: RowIdType[];\n  /**\n   * есть ли хоть одна дочерная строка, которая выбрана (у которой чекбокс проставлен)\n   */\n  someChildrenIsSelected: boolean;\n};\n```\n\n## RowShowCheckbox\n\n```typescript\ntype RowShowCheckbox<RowType> = (\n  row: RowType,\n  lvl?: number,\n  parent?: RowType | null,\n) => boolean;\n```\n\n## RowCheckboxDisabled\n\n```typescript\ntype RowCheckboxDisabled<RowType> = (\n  row: RowType,\n  lvl?: number,\n  parent?: RowType | null,\n) => boolean;\n```\n\n## RowGetStatesProps\n\n```typescript\ntype RowGetStatesProps<RowType, RowIdType> = {\n  /**\n   * просчитанное по умолчанию значение наличия чекбокса у строки\n   */\n  isHaveCheckboxCalculated: boolean;\n  /**\n   * просчитанное по умолчанию значение checked у строки\n   */\n  isRowSelectedCalculated: boolean;\n  /**\n   * просчитанное по умолчанию значение indeterminate у строки\n   */\n  isIndeterminateCalculated: boolean;\n  /**\n   * просчитанное по умолчанию значение disabled у строки\n   */\n  isRowSelectionDisabled: boolean;\n\n  rowKeyGetter: RowKeyGetter<RowType, RowIdType>;\n  row: RowType;\n  /**\n   * Все строки таблицы в плоском виде с информацией об уровне и родительской строке\n   */\n  flattenedRowsMap: Map<\n    RowIdType,\n    RowType & {\n      level?: number;\n      parent?: RowType | null | undefined;\n    }\n  >;\n  /**\n   * стейт всех выбранных строк (Set)\n   */\n  selectedRows: ReadonlySet<RowIdType>;\n  /**\n   * сеттер стейта всех выбранных строк\n   */\n  setSelectedRows: React.Dispatch<React.SetStateAction<ReadonlySet<RowIdType>>>;\n  /**\n   * уровень вложенности текущей строки\n   */\n  level: number;\n  /**\n   * родительская строка для текущей строки\n   */\n  parent: RowType | null;\n  /**\n   * хендлер для получения детальных данных о дочерних строках текущей строки\n   */\n  getRowChildrenInfo: () => ChildrenInfo<RowType, RowIdType>;\n  rowShowCheckbox: RowShowCheckbox<RowType> | undefined;\n  rowCheckboxDisabled: RowCheckboxDisabled<RowType> | undefined;\n};\n```\n\n## RowGetStatesReturnType\n\n```typescript\ntype RowGetStatesReturnType<RowType, RowIdType> = {\n  /**\n   * состояние checked, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  checked?: boolean | null;\n  /**\n   * состояние indeterminate, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  indeterminate?: boolean | null;\n  /**\n   * состояние showCheckbox, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  showCheckbox?: boolean | null;\n  /**\n   * состояние checkboxDisabled, которое будет окончательным. Если не передано, то будет взято из расчетов по умолчанию\n   */\n  checkboxDisabled?: boolean | null;\n  /**\n   * onChange у чекбокса, который будет окончательным. Если не передан, то будет взят из расчетов по умолчанию\n   */\n  onChange?:\n    | ((p: {\n        allParentsMap: Map<RowIdType, RowType>;\n        isRowInLevels: (row: RowType) => boolean;\n        defaultSetter: () => void;\n        getRowParentsInfo: () => {\n          all: RowType[];\n          getShouldBeSelectedInfo: (\n            actualSelecteds: ReadonlySet<RowIdType>,\n          ) => {\n            shouldBeSelected: RowIdType[];\n            shouldNotBeSelected: RowIdType[];\n          };\n        };\n      }) => void)\n    | null;\n};\n```",
       "api": [
         {
           "typeName": "SelectingRowConfig",
-          "source": "type SelectingRowConfig<\n  RowType,\n  RowIdType extends string | number = string | number,\n> = {\n  rowKeyGetter: (row: RowType) => RowIdType;\n  /**\n   * showDefault - состояние, отвечающее за то, видно ли по дефолту чекбоксы.\n   */\n  showDefault?: boolean;\n  /**\n   * showState - состояние, отвечающее за то, видны ли чекбоксы.\n   */\n  showState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * showInControl - состояние, отвечающее за то, добавлять ли выбор строк как фичу, которую можно скрывать и раскрывать в правой части контролблока.\n   */\n  showInControl?: boolean;\n  /**\n   * selectingRules - пропс, отвечающий за кастомизацию логики выбора строк.\n   */\n  selectingRules?: {\n    /**\n     * изменять ли скрытые строки при клике на чекбокс-ы родительских строк\n     * @default true\n     */\n    // changeableOfRowWithoutCheckbox?: boolean;\n    /**\n     * изменять ли задизейбленные строки при клике на чекбокс-ы родительских строк\n     * @default true\n     */\n    // changeableDisabledRow?: boolean;\n    /**\n     * levels - логика активации чекбоксов у строк с определенным уровнем вложенности.\n     */\n    levels?: number | 'all' | number[] | ((lvl: number) => boolean);\n  };\n  disableSummaryCheckboxInHeader?: boolean;\n  hideSummaryCheckboxInHeader?: boolean;\n  /**\n   * hideSummaryCheckbox - в островке  массовых действий\n   */\n  hideSummaryCheckbox?: boolean;\n  /**\n   * summaryChecked - пропс, отвечающий за логику состояния checked у итогового чекбокса в левой части контролблока.\n   */\n  summaryChecked?: {\n    checked: boolean | SummaryCheckedFunc<RowType, boolean>;\n    indeterminate:\n      | boolean\n      | SummaryCheckedFunc<RowType, boolean, { checkedAll: boolean }>;\n    getCountOfChecked: SummaryCheckedFunc<RowType, number>;\n    onChange: SummaryCheckedFunc<\n      RowType,\n      void,\n      {\n        checkedAll: boolean;\n        clearButtonClicked?: boolean;\n        setSelectedRowsIds: React.Dispatch<\n          React.SetStateAction<ReadonlySet<string | number>>\n        >;\n      }\n    >;\n  };\n\n  /**\n   * summaryCheckedUncontrolled - пропс отвечающий за колбеки в неконтролируемом режиме\n   */\n  summaryCheckedUncontrolled?: {\n    onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  };\n\n  /**\n   * rowShowCheckbox - пропс, отвечающий за то, будет ли у конкретной строки отрендерен чекбокс.\n   */\n  rowShowCheckbox?: RowShowCheckbox<RowType>;\n  /**\n   * rowCheckboxDisabled - пропс, отвечающий за то, будет ли у конкретной строки чекбокс задизейблен.\n   */\n  rowCheckboxDisabled?: RowCheckboxDisabled<RowType>;\n\n  /**\n   * Функция для переопределения checked, indeterminate для каждой строки.\n   * Что будет возвращено функцией в объекте, то будет переопределено.\n   */\n  rowGetStates?: (\n    p: RowGetStatesProps<RowType, RowIdType>,\n  ) => RowGetStatesReturnType<RowType, RowIdType> | null;\n\n  groupedRow?: {\n    /**\n     * Функция для переопределения checked, indeterminate, showCheckbox, checkboxDisabled для группированных строк.\n     * Что будет возвращено функцией в объекте, то будет переопределено.\n     */\n    getStates: (p: {\n      checkedCalculated: boolean;\n      indeterminateCalculated: boolean;\n      row: GroupRow<RowType>;\n      selectedRows: ReadonlySet<string | number>;\n      selectedChildCount: number;\n      childCount: number;\n    }) => {\n      checked?: boolean | null;\n      indeterminate?: boolean | null;\n      showCheckbox?: boolean | null;\n      checkboxDisabled?: boolean | null;\n    } | null;\n    onChange?: (p: {\n      row: GroupRow<RowType>;\n\n      setSelectedRows: React.Dispatch<\n        React.SetStateAction<ReadonlySet<string | number>>\n      >;\n      checked: boolean;\n      indeterminate: boolean;\n      checkboxDisabled: boolean;\n      showCheckbox: boolean;\n      defaultSetter: () => void;\n    }) => void;\n  };\n};"
+          "source": "type SelectingRowConfig<\n  RowType,\n  RowIdType extends string | number = string | number,\n> = {\n  rowKeyGetter: (row: RowType) => RowIdType;\n  /**\n   * showDefault - состояние, отвечающее за то, видно ли по дефолту чекбоксы.\n   */\n  showDefault?: boolean;\n  /**\n   * showState - состояние, отвечающее за то, видны ли чекбоксы.\n   */\n  showState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * showInControl - состояние, отвечающее за то, добавлять ли выбор строк как фичу, которую можно скрывать и раскрывать в правой части контролблока.\n   */\n  showInControl?: boolean;\n  /**\n   * selectingRules - пропс, отвечающий за кастомизацию логики выбора строк.\n   */\n  selectingRules?: {\n    /**\n     * изменять ли скрытые строки при клике на чекбокс-ы родительских строк\n     * @default true\n     */\n    // changeableOfRowWithoutCheckbox?: boolean;\n    /**\n     * изменять ли задизейбленные строки при клике на чекбокс-ы родительских строк\n     * @default true\n     */\n    // changeableDisabledRow?: boolean;\n    /**\n     * levels - логика активации чекбоксов у строк с определенным уровнем вложенности.\n     */\n    levels?: number | 'all' | number[] | ((lvl: number) => boolean);\n  };\n  disableSummaryCheckboxInHeader?: boolean;\n  hideSummaryCheckboxInHeader?: boolean;\n  /**\n   * hideSummaryCheckbox - в островке  массовых действий\n   */\n  hideSummaryCheckbox?: boolean;\n  /**\n   * summaryCounterMaxCount - максимальное отображаемое число в счётчике выбранных\n   * строк (в шапке и в панели массовых действий). Если выбрано больше — счётчик\n   * показывает «N+» (например, при значении 99 и 5000 выбранных отобразится «99+»).\n   * Не ограничивает само выделение, влияет только на отображение.\n   */\n  summaryCounterMaxCount?: number;\n  /**\n   * summaryChecked - пропс, отвечающий за логику состояния checked у итогового чекбокса в левой части контролблока.\n   */\n  summaryChecked?: {\n    checked: boolean | SummaryCheckedFunc<RowType, boolean>;\n    indeterminate:\n      | boolean\n      | SummaryCheckedFunc<RowType, boolean, { checkedAll: boolean }>;\n    getCountOfChecked: SummaryCheckedFunc<RowType, number>;\n    onChange: SummaryCheckedFunc<\n      RowType,\n      void,\n      {\n        checkedAll: boolean;\n        clearButtonClicked?: boolean;\n        setSelectedRowsIds: React.Dispatch<\n          React.SetStateAction<ReadonlySet<string | number>>\n        >;\n      }\n    >;\n  };\n\n  /**\n   * summaryCheckedUncontrolled - пропс отвечающий за колбеки в неконтролируемом режиме\n   */\n  summaryCheckedUncontrolled?: {\n    onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  };\n\n  /**\n   * rowShowCheckbox - пропс, отвечающий за то, будет ли у конкретной строки отрендерен чекбокс.\n   */\n  rowShowCheckbox?: RowShowCheckbox<RowType>;\n  /**\n   * rowCheckboxDisabled - пропс, отвечающий за то, будет ли у конкретной строки чекбокс задизейблен.\n   */\n  rowCheckboxDisabled?: RowCheckboxDisabled<RowType>;\n\n  /**\n   * Функция для переопределения checked, indeterminate для каждой строки.\n   * Что будет возвращено функцией в объекте, то будет переопределено.\n   */\n  rowGetStates?: (\n    p: RowGetStatesProps<RowType, RowIdType>,\n  ) => RowGetStatesReturnType<RowType, RowIdType> | null;\n\n  groupedRow?: {\n    /**\n     * Функция для переопределения checked, indeterminate, showCheckbox, checkboxDisabled для группированных строк.\n     * Что будет возвращено функцией в объекте, то будет переопределено.\n     */\n    getStates: (p: {\n      checkedCalculated: boolean;\n      indeterminateCalculated: boolean;\n      row: GroupRow<RowType>;\n      selectedRows: ReadonlySet<string | number>;\n      selectedChildCount: number;\n      childCount: number;\n    }) => {\n      checked?: boolean | null;\n      indeterminate?: boolean | null;\n      showCheckbox?: boolean | null;\n      checkboxDisabled?: boolean | null;\n    } | null;\n    onChange?: (p: {\n      row: GroupRow<RowType>;\n\n      setSelectedRows: React.Dispatch<\n        React.SetStateAction<ReadonlySet<string | number>>\n      >;\n      checked: boolean;\n      indeterminate: boolean;\n      checkboxDisabled: boolean;\n      showCheckbox: boolean;\n      defaultSetter: () => void;\n    }) => void;\n  };\n};"
         },
         {
           "typeName": "ChildrenInfo",
@@ -56272,6 +56817,13 @@
       "importNotice": "Тип \"CanvasInteractionOptions\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
       "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/core/canvasInteraction.ts"
     },
+    "CanvasAvatarItem": {
+      "name": "CanvasAvatarItem",
+      "definition": "export interface CanvasAvatarItem extends AvatarContent {\n  /** Стабильный уникальный идентификатор участника внутри группы; используется в ID canvas-ноды. */\n  id: string;\n  /** Подсказка при наведении на этого участника. */\n  tooltip?: CanvasNodeTooltipConfig;\n}",
+      "importPath": "@daisforge/ui/components/TableCanvas",
+      "importStatement": "import { CanvasAvatarItem } from '@daisforge/ui/components/TableCanvas';",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasAvatarGroup.ts"
+    },
     "ButtonIcon": {
       "name": "ButtonIcon",
       "definition": "export type ButtonIcon =\n  | string\n  | HTMLImageElement\n  | ReactElement\n  | null\n  | undefined;",
@@ -57212,7 +57764,7 @@
     },
     "TableCanvas.TableConfig": {
       "name": "TableConfig",
-      "definition": "export type TableConfig<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n  RowIdType extends string | number,\n  FilterStateType extends ObjectForExtending,\n  // SubRowType\n> = {\n  /**\n   * Группировка колонок (многоуровневая шапка через `columnConfig.children`):\n   * объединение пустых ячеек шапки (`squashEmptyCells`, по умолчанию включено) и\n   * дефолт выравнивания в объединённых ячейках (`squashedHeaderAlign`).\n   */\n  columnsGrouping?: ColumnsGroupingConfig;\n  /**\n   * Подсветка активной сущности в canvas-таблице.\n   * @deprecated Значения `'cell'`/`'range-cell'` устарели — используйте\n   * `cellsSelection.mode`. Актуальны `'row'` (подсветка строки) и `'disabled'`.\n   */\n  highlightActiveType?: HighlightActiveType;\n  /**\n   * Единый конфиг выделения ячеек: режим (`mode`), оси\n   * (`enableColumnSelection`/`enableRowSelection`/`enableSelectAll`) и controlled\n   * (`state`). См. {@link CellsSelectionConfig}.\n   */\n  cellsSelection?: CellsSelectionConfig;\n  /**\n   * Подсвеченная строка (`highlightActiveType='row'`).\n   * `state` (опционально) — controlled-кортеж `[value, setter]`: задан — значением\n   * владеешь снаружи (сброс `setter(undefined)`); не задан — таблица крутит\n   * подсветку внутренним стейтом, а `onChange` всё равно срабатывает (подписка\n   * без владения значением).\n   */\n  highlightActiveRow?: {\n    state?: [\n      number | undefined,\n      React.Dispatch<React.SetStateAction<number | undefined>>,\n    ];\n    /**\n     * Колбэк смены подсвеченной строки: отдаёт её флэт-индекс и сам объект\n     * строки (`rows[index]`). Позволяет открывать данные подсвеченной строки\n     * (например, в SplitView) без `onCellClicked`.\n     */\n    onChange?: (params: {\n      index: number | undefined;\n      row: RowType | undefined;\n    }) => void;\n  };\n  /**\n   * Эффекты при наведении (hover)\n   * `row` — подсветка строки под курсором.\n   * Независимая визуальная ось: селектинг (`cellsSelection`) и `highlightActiveType='row'`\n   * рисуются ПОВЕРХ hover-подсветки и визуально перекрывают её (hover\n   * «остаётся под ними» и снова виден после сброса выделения).\n   *\n   * `{ row: true }` — включить с цветами из темы;\n   * `{ row: { color: '#F7F9FB' } }` — переопределить цвет data-ячеек.\n   * @default undefined (выключено)\n   */\n  hoverEffects?: HoverEffectsConfig;\n  /**\n   * Включает компенсацию тонких canvas-линий при browser zoom ниже 100%, когда devicePixelRatio меньше 1.\n   * Влияет только на grid/header/sticky hairline borders.\n   * @default false\n   */\n  enableLowDprHairline?: boolean;\n  /**\n   * Управление рамками (линиями) таблицы: включение и выключение.\n   *\n   * Уровни, от слабого к сильному: общие настройки (vertical, horizontal),\n   * затем колонка (getVerticalBorder) и строка (getHorizontalBorder), затем\n   * ячейка (getCellBorder).\n   *\n   * `vertical: false` и `horizontal: false` убирают все вертикальные или\n   * горизонтальные линии тела. `getCellBorder` включает и выключает стороны\n   * рамки конкретной ячейки; при его использовании линии рисуются с разбивкой\n   * по ячейкам.\n   */\n  borders?: BordersConfig<RowType>;\n  /**\n   * rowSize - размеры строк таблицы\n   */\n  rowSize?: Prettify<RowSize>;\n  /**\n   * rowHeight - размер высоты строк таблицы\n   */\n  rowHeight?: Maybe<number | RowHeightFunc<RowType>>;\n  /**\n   * sorting - активация сортировки. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={sorting: {sortingState}}\n   *\n   * columnConfig=[{sortingType: 'numberSort'}]\n   */\n  sorting?: {\n    state: [\n      readonly SortColumn[],\n      React.Dispatch<React.SetStateAction<readonly SortColumn[]>>,\n    ];\n    /**\n     * manualSorting - пропс, активирующий ручную-кастомную (или на стороне бэкенда) сортировку\n     */\n    manualSorting?: boolean;\n  };\n  /** @deprecated Свойство view не используется и будет удалено в следующей мажорной версии. */\n  view?: View;\n  /**\n   * filtering - активация фильтрации. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={filtering: {stateAndSetter, ...}}\n   *\n   * columnConfig=[{filtering: {...}}]\n   */\n  filtering?: FilteringConfig<FilterStateType>;\n  /**\n   * Сворачивание / разворачивание таблицы\n   */\n  collapsing?: TableCollapseConfig;\n  /**\n   * selecting - активация выбора строк. Условие активации - это наличие данного свойства.\n   * Есть поддержка выбора строк с многоуровневой вложенностью.\n   *\n   * Пример:\n   *\n   *```jsx\n   * import { Table } from '@daisforge/ui';\n   *\n   * <Table\n   * tableConfig={{selecting: {stateAndSetter, rowKeyGetter}}}\n   * {...rest}\n   * />\n   * ```\n   */\n  selecting?: {\n    state: [\n      ReadonlySet<RowIdType>,\n      React.Dispatch<React.SetStateAction<ReadonlySet<RowIdType>>>,\n    ];\n    rowKeyGetter: (row: RowType) => RowIdType;\n  } & Prettify<SelectingRowConfig<RowType, RowIdType>> & {\n      /**\n       * Метки для автоматизированного тестирования и аналитики\n       * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n       */\n      controlBlock?: {\n        domMetadata?: DomMetadata;\n      };\n      /**\n       * Метки для автоматизированного тестирования и аналитики\n       * Добавляет data-атрибуты и CSS-классы к элементам RightSidebar\n       */\n      sidebar?: {\n        domMetadata?: DomMetadata;\n      };\n    };\n  /**\n   * editing - активация редактирования. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={editing: {onRowsChange, rowKeyGetter}}\n   *\n   * columnConfig=[{editingCell: {...}}]\n   */\n  editing?: EditingConfig<RowType, RowIdType, SummaryRowType>;\n\n  /**\n   * cellTransfer — конфигурация копирования, вставки и fill handle.\n   * По умолчанию копирование (Ctrl+C) работает в режиме редактирования.\n   * Данные копируются в формате TSV (tab-separated values), совместимом с Excel.\n   *\n   * Пример:\n   *\n   * tableConfig={{ cellTransfer: { enabled: true,…",
+      "definition": "export type TableConfig<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n  RowIdType extends string | number,\n  FilterStateType extends ObjectForExtending,\n  // SubRowType\n> = {\n  /**\n   * Группировка колонок (многоуровневая шапка через `columnConfig.children`):\n   * объединение пустых ячеек шапки (`squashEmptyCells`, по умолчанию включено) и\n   * дефолт выравнивания в объединённых ячейках (`squashedHeaderAlign`).\n   */\n  columnsGrouping?: ColumnsGroupingConfig;\n  /**\n   * Подсветка активной сущности в canvas-таблице.\n   * @deprecated Значения `'cell'`/`'range-cell'` устарели — используйте\n   * `cellsSelection.mode`. Актуальны `'row'` (подсветка строки) и `'disabled'`.\n   */\n  highlightActiveType?: HighlightActiveType;\n  /**\n   * Единый конфиг выделения ячеек: режим (`mode`), оси\n   * (`enableColumnSelection`/`enableRowSelection`/`enableSelectAll`) и controlled\n   * (`state`). См. {@link CellsSelectionConfig}.\n   */\n  cellsSelection?: CellsSelectionConfig;\n  /**\n   * Подсвеченная строка (`highlightActiveType='row'`).\n   * `state` (опционально) — controlled-кортеж `[value, setter]`: задан — значением\n   * владеешь снаружи (сброс `setter(undefined)`); не задан — таблица крутит\n   * подсветку внутренним стейтом, а `onChange` всё равно срабатывает (подписка\n   * без владения значением).\n   */\n  highlightActiveRow?: {\n    state?: [\n      number | undefined,\n      React.Dispatch<React.SetStateAction<number | undefined>>,\n    ];\n    /**\n     * Колбэк смены подсвеченной строки: отдаёт её флэт-индекс и сам объект\n     * строки (`rows[index]`). Позволяет открывать данные подсвеченной строки\n     * (например, в SplitView) без `onCellClicked`.\n     */\n    onChange?: (params: {\n      index: number | undefined;\n      row: RowType | undefined;\n    }) => void;\n  };\n  /**\n   * Эффекты при наведении (hover)\n   * `row` — подсветка строки под курсором.\n   * Независимая визуальная ось: селектинг (`cellsSelection`) и `highlightActiveType='row'`\n   * рисуются ПОВЕРХ hover-подсветки и визуально перекрывают её (hover\n   * «остаётся под ними» и снова виден после сброса выделения).\n   *\n   * `{ row: true }` — включить с цветами из темы;\n   * `{ row: { color: '#F7F9FB' } }` — переопределить цвет data-ячеек.\n   * @default undefined (выключено)\n   */\n  hoverEffects?: HoverEffectsConfig;\n  /**\n   * Включает компенсацию тонких canvas-линий при browser zoom ниже 100%, когда devicePixelRatio меньше 1.\n   * Влияет только на grid/header/sticky hairline borders.\n   * @default false\n   */\n  enableLowDprHairline?: boolean;\n  /**\n   * Управление рамками (линиями) таблицы: включение и выключение.\n   *\n   * Уровни, от слабого к сильному: общие настройки (vertical, horizontal),\n   * затем колонка (getVerticalBorder) и строка (getHorizontalBorder), затем\n   * ячейка (getCellBorder).\n   *\n   * `vertical: false` и `horizontal: false` убирают все вертикальные или\n   * горизонтальные линии тела. `getCellBorder` включает и выключает стороны\n   * рамки конкретной ячейки; при его использовании линии рисуются с разбивкой\n   * по ячейкам.\n   */\n  borders?: BordersConfig<RowType>;\n  /**\n   * rowSize - размеры строк таблицы\n   */\n  rowSize?: Prettify<RowSize>;\n  /**\n   * rowHeight - размер высоты строк таблицы\n   */\n  rowHeight?: Maybe<number | RowHeightFunc<RowType>>;\n  /**\n   * headerRowHeight - высота одного ряда шапки (в px). По умолчанию 33.\n   *\n   * Значение применяется к КАЖДОМУ уровню шапки: как к листовому (нижнему) ряду\n   * колонок, так и к каждому уровню объединённых (групповых) заголовков. Поэтому\n   * при N уровнях группировки итоговая высота шапки = headerRowHeight * (1 + N).\n   * Например, headerRowHeight={50} при 2 уровнях групп даст шапку 50 + 50 + 50 = 150px.\n   */\n  headerRowHeight?: Maybe<number>;\n  /**\n   * sorting - активация сортировки. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={sorting: {sortingState}}\n   *\n   * columnConfig=[{sortingType: 'numberSort'}]\n   */\n  sorting?: {\n    state: [\n      readonly SortColumn[],\n      React.Dispatch<React.SetStateAction<readonly SortColumn[]>>,\n    ];\n    /**\n     * manualSorting - пропс, активирующий ручную-кастомную (или на стороне бэкенда) сортировку\n     */\n    manualSorting?: boolean;\n  };\n  /** @deprecated Свойство view не используется и будет удалено в следующей мажорной версии. */\n  view?: View;\n  /**\n   * filtering - активация фильтрации. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={filtering: {stateAndSetter, ...}}\n   *\n   * columnConfig=[{filtering: {...}}]\n   */\n  filtering?: FilteringConfig<FilterStateType>;\n  /**\n   * Сворачивание / разворачивание таблицы\n   */\n  collapsing?: TableCollapseConfig;\n  /**\n   * selecting - активация выбора строк. Условие активации - это наличие данного свойства.\n   * Есть поддержка выбора строк с многоуровневой вложенностью.\n   *\n   * Пример:\n   *\n   *```jsx\n   * import { Table } from '@daisforge/ui';\n   *\n   * <Table\n   * tableConfig={{selecting: {stateAndSetter, rowKeyGetter}}}\n   * {...rest}\n   * />\n   * ```\n   */\n  selecting?: {\n    state: [\n      ReadonlySet<RowIdType>,\n      React.Dispatch<React.SetStateAction<ReadonlySet<RowIdType>>>,\n    ];\n    rowKeyGetter: (row: RowType) => RowIdType;\n  } & Prettify<SelectingRowConfig<RowType, RowIdType>> & {\n      /**\n       * Метки для автоматизированного тестирования и аналитики\n       * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n       */\n      controlBlock?: {\n        domMetadata?: DomMetadata;\n      };\n      /**\n       * Метки для автоматизированного тестирования и аналитики\n       * Добавляет data-атрибуты и CSS-классы к элементам RightSidebar\n       */\n      sidebar?: {\n        domMetadata?: DomMetadata;\n      };\n    };\n  /**\n   * editing - активация редактирования. Условие активации - это наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig=…",
       "importPath": "@daisforge/ui/components/TableCanvas",
       "importStatement": "import { TableConfig } from '@daisforge/ui/components/TableCanvas';",
       "sourceFile": "packages/ui-kit/src/components/TableCanvas/types/table-config.type.ts"
@@ -57240,7 +57792,7 @@
     },
     "CustomCellStyleNumberFormatProps": {
       "name": "CustomCellStyleNumberFormatProps",
-      "definition": "export type CustomCellStyleNumberFormatProps = {\n  align?: 'left' | 'center' | 'right';\n  autoFocusType: 'autoFocus' | 'autoFocusAndSelect' | 'none';\n} & CustomCellStyleProps;",
+      "definition": "export type CustomCellStyleNumberFormatProps = {\n  align?: 'left' | 'center' | 'right';\n  /**\n   * Поведение фокуса/каретки при открытии редактора:\n   * - `autoFocus` — фокус, каретка в конец значения;\n   * - `autoFocusAndSelect` — фокус и выделение всего значения (вход через\n   *   Enter/двойной клик — набор заменяет значение целиком);\n   * - `autoFocusBeforeDecimals` — фокус, каретка в конец целой части (перед\n   *   дробной). Для входа «перезаписью»: после набранной цифры можно сразу\n   *   продолжать ввод, не попадая в нули дробной части. Длина дробной части\n   *   берётся из `decimalScale`/`fixedDecimalScale` и не зависит от символа\n   *   разделителя;\n   * - `none` — фокусом/кареткой компонент не управляет.\n   */\n  autoFocusType:\n    | 'autoFocus'\n    | 'autoFocusAndSelect'\n    | 'autoFocusBeforeDecimals'\n    | 'none';\n} & CustomCellStyleProps;",
       "internal": true,
       "importNotice": "Тип \"CustomCellStyleNumberFormatProps\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
       "sourceFile": "packages/ui-kit/src/components/TableCanvas/feature-edit/types.ts"
@@ -57378,6 +57930,20 @@
       "importStatement": "import { CanvasEvent } from '@daisforge/ui/components/TableCanvas';",
       "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/core/CanvasNode.type.ts"
     },
+    "CanvasAvatarOptions": {
+      "name": "CanvasAvatarOptions",
+      "definition": "export interface CanvasAvatarOptions extends AvatarContent {\n  /** Размер аватара: s — 24, m — 36, l — 48, xxl — 88 px. По умолчанию s. */\n  size?: AvatarSize;\n  /** Тема таблицы с цветами и шрифтом; в JSX передаётся автоматически. */\n  theme?: GlideThemeForRender;\n}",
+      "internal": true,
+      "importNotice": "Тип \"CanvasAvatarOptions\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasAvatar.ts"
+    },
+    "CanvasAvatarGroupOptions": {
+      "name": "CanvasAvatarGroupOptions",
+      "definition": "export interface CanvasAvatarGroupOptions\n  extends Pick<CanvasAvatarOptions, 'size' | 'theme'> {\n  /** Известные участники в порядке отображения; id должны быть уникальны внутри группы. */\n  items: readonly CanvasAvatarItem[];\n  /** Максимум видимых участников без учёта +N. По умолчанию 3, но не больше длины items. */\n  visibleCount?: number;\n  /** Общее число участников, включая ещё не загруженных. По умолчанию длина items; меньшие значения игнорируются. */\n  totalCount?: number;\n  /** Обработчик клика по видимому участнику. */\n  onItemClick?: (args: AvatarGroupItemClick) => void;\n  /** Обработчик клика по счётчику скрытых участников +N. */\n  onOverflowClick?: (args: AvatarGroupOverflowClick) => void;\n  /** Подсказка счётчика; по умолчанию текст +N. */\n  overflowTooltip?: CanvasNodeTooltipConfig;\n}",
+      "internal": true,
+      "importNotice": "Тип \"CanvasAvatarGroupOptions\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasAvatarGroup.ts"
+    },
     "BadgeView": {
       "name": "BadgeView",
       "definition": "export type BadgeView =\n  | 'default'\n  | 'accent'\n  | 'positive'\n  | 'warning'\n  | 'negative'\n  | 'dark'\n  | 'light';",
@@ -58185,14 +58751,14 @@
     },
     "Table.SelectingRowConfig": {
       "name": "SelectingRowConfig",
-      "definition": "export type SelectingRowConfig<\n  RowType,\n  RowIdType extends string | number = string | number,\n> = {\n  rowKeyGetter: (row: RowType) => RowIdType;\n  /**\n   * showDefault - состояние, отвечающее за то, видно ли по дефолту чекбоксы.\n   */\n  showDefault?: boolean;\n  /**\n   * showState - состояние, отвечающее за то, видны ли чекбоксы.\n   */\n  showState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * showInControl - состояние, отвечающее за то, добавлять ли выбор строк как фичу, которую можно скрывать и раскрывать в правой части контролблока.\n   */\n  showInControl?: boolean;\n  /**\n   * selectingRules - пропс, отвечающий за кастомизацию логики выбора строк.\n   */\n  selectingRules?: {\n    /**\n     * изменять ли скрытые строки при клике на чекбокс-ы родительских строк\n     * @default true\n     */\n    // changeableOfRowWithoutCheckbox?: boolean;\n    /**\n     * изменять ли задизейбленные строки при клике на чекбокс-ы родительских строк\n     * @default true\n     */\n    // changeableDisabledRow?: boolean;\n    /**\n     * levels - логика активации чекбоксов у строк с определенным уровнем вложенности.\n     */\n    levels?: number | 'all' | number[] | ((lvl: number) => boolean);\n  };\n  disableSummaryCheckboxInHeader?: boolean;\n  hideSummaryCheckboxInHeader?: boolean;\n  /**\n   * hideSummaryCheckbox - в островке  массовых действий\n   */\n  hideSummaryCheckbox?: boolean;\n  /**\n   * summaryChecked - пропс, отвечающий за логику состояния checked у итогового чекбокса в левой части контролблока.\n   */\n  summaryChecked?: {\n    checked: boolean | SummaryCheckedFunc<RowType, boolean>;\n    indeterminate:\n      | boolean\n      | SummaryCheckedFunc<RowType, boolean, { checkedAll: boolean }>;\n    getCountOfChecked: SummaryCheckedFunc<RowType, number>;\n    onChange: SummaryCheckedFunc<\n      RowType,\n      void,\n      {\n        checkedAll: boolean;\n        clearButtonClicked?: boolean;\n        setSelectedRowsIds: React.Dispatch<\n          React.SetStateAction<ReadonlySet<string | number>>\n        >;\n      }\n    >;\n  };\n\n  /**\n   * summaryCheckedUncontrolled - пропс отвечающий за колбеки в неконтролируемом режиме\n   */\n  summaryCheckedUncontrolled?: {\n    onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  };\n\n  /**\n   * rowShowCheckbox - пропс, отвечающий за то, будет ли у конкретной строки отрендерен чекбокс.\n   */\n  rowShowCheckbox?: RowShowCheckbox<RowType>;\n  /**\n   * rowCheckboxDisabled - пропс, отвечающий за то, будет ли у конкретной строки чекбокс задизейблен.\n   */\n  rowCheckboxDisabled?: RowCheckboxDisabled<RowType>;\n\n  /**\n   * Функция для переопределения checked, indeterminate для каждой строки.\n   * Что будет возвращено функцией в объекте, то будет переопределено.\n   */\n  rowGetStates?: (\n    p: RowGetStatesProps<RowType, RowIdType>,\n  ) => RowGetStatesReturnType<RowType, RowIdType> | null;\n\n  groupedRow?: {\n    /**\n     * Функция для переопределения checked, indeterminate, showCheckbox, checkboxDisabled для группированных строк.\n     * Что будет возвращено функцией в объекте, то будет переопределено.\n     */\n    getStates: (p: {\n      checkedCalculated: boolean;\n      indeterminateCalculated: boolean;\n      row: GroupRow<RowType>;\n      selectedRows: ReadonlySet<string | number>;\n      selectedChildCount: number;\n      childCount: number;\n    }) => {\n      checked?: boolean | null;\n      indeterminate?: boolean | null;\n      showCheckbox?: boolean | null;\n      checkboxDisabled?: boolean | null;\n    } | null;\n    onChange?: (p: {\n      row: GroupRow<RowType>;\n\n      setSelectedRows: React.Dispatch<\n        React.SetStateAction<ReadonlySet<string | number>>\n      >;\n      checked: boolean;\n      indeterminate: boolean;\n      checkboxDisabled: boolean;\n      showCheckbox: boolean;\n      defaultSetter: () => void;\n    }) => void;\n  };\n};",
+      "definition": "export type SelectingRowConfig<\n  RowType,\n  RowIdType extends string | number = string | number,\n> = {\n  rowKeyGetter: (row: RowType) => RowIdType;\n  /**\n   * showDefault - состояние, отвечающее за то, видно ли по дефолту чекбоксы.\n   */\n  showDefault?: boolean;\n  /**\n   * showState - состояние, отвечающее за то, видны ли чекбоксы.\n   */\n  showState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * showInControl - состояние, отвечающее за то, добавлять ли выбор строк как фичу, которую можно скрывать и раскрывать в правой части контролблока.\n   */\n  showInControl?: boolean;\n  /**\n   * selectingRules - пропс, отвечающий за кастомизацию логики выбора строк.\n   */\n  selectingRules?: {\n    /**\n     * изменять ли скрытые строки при клике на чекбокс-ы родительских строк\n     * @default true\n     */\n    // changeableOfRowWithoutCheckbox?: boolean;\n    /**\n     * изменять ли задизейбленные строки при клике на чекбокс-ы родительских строк\n     * @default true\n     */\n    // changeableDisabledRow?: boolean;\n    /**\n     * levels - логика активации чекбоксов у строк с определенным уровнем вложенности.\n     */\n    levels?: number | 'all' | number[] | ((lvl: number) => boolean);\n  };\n  disableSummaryCheckboxInHeader?: boolean;\n  hideSummaryCheckboxInHeader?: boolean;\n  /**\n   * hideSummaryCheckbox - в островке  массовых действий\n   */\n  hideSummaryCheckbox?: boolean;\n  /**\n   * summaryCounterMaxCount - максимальное отображаемое число в счётчике выбранных\n   * строк (в шапке и в панели массовых действий). Если выбрано больше — счётчик\n   * показывает «N+» (например, при значении 99 и 5000 выбранных отобразится «99+»).\n   * Не ограничивает само выделение, влияет только на отображение.\n   */\n  summaryCounterMaxCount?: number;\n  /**\n   * summaryChecked - пропс, отвечающий за логику состояния checked у итогового чекбокса в левой части контролблока.\n   */\n  summaryChecked?: {\n    checked: boolean | SummaryCheckedFunc<RowType, boolean>;\n    indeterminate:\n      | boolean\n      | SummaryCheckedFunc<RowType, boolean, { checkedAll: boolean }>;\n    getCountOfChecked: SummaryCheckedFunc<RowType, number>;\n    onChange: SummaryCheckedFunc<\n      RowType,\n      void,\n      {\n        checkedAll: boolean;\n        clearButtonClicked?: boolean;\n        setSelectedRowsIds: React.Dispatch<\n          React.SetStateAction<ReadonlySet<string | number>>\n        >;\n      }\n    >;\n  };\n\n  /**\n   * summaryCheckedUncontrolled - пропс отвечающий за колбеки в неконтролируемом режиме\n   */\n  summaryCheckedUncontrolled?: {\n    onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  };\n\n  /**\n   * rowShowCheckbox - пропс, отвечающий за то, будет ли у конкретной строки отрендерен чекбокс.\n   */\n  rowShowCheckbox?: RowShowCheckbox<RowType>;\n  /**\n   * rowCheckboxDisabled - пропс, отвечающий за то, будет ли у конкретной строки чекбокс задизейблен.\n   */\n  rowCheckboxDisabled?: RowCheckboxDisabled<RowType>;\n\n  /**\n   * Функция для переопределения checked, indeterminate для каждой строки.\n   * Что будет возвращено функцией в объекте, то будет переопределено.\n   */\n  rowGetStates?: (\n    p: RowGetStatesProps<RowType, RowIdType>,\n  ) => RowGetStatesReturnType<RowType, RowIdType> | null;\n\n  groupedRow?: {\n    /**\n     * Функция для переопределения checked, indeterminate, showCheckbox, checkboxDisabled для группированных строк.\n     * Что будет возвращено функцией в объекте, то будет переопределено.\n     */\n    getStates: (p: {\n      checkedCalculated: boolean;\n      indeterminateCalculated: boolean;\n      row: GroupRow<RowType>;\n      selectedRows: ReadonlySet<string | number>;\n      selectedChildCount: number;\n      childCount: number;\n    }) => {\n      checked?: boolean | null;\n      indeterminate?: boolean | null;\n      showCheckbox?: boolean | null;\n      checkboxDisabled?: boolean | null;\n    } | null;\n    onChange?: (p: {\n      row: GroupRow<RowType>;\n\n      setSelectedRows: React.Dispatch<\n        React.SetStateAction<ReadonlySet<string | number>>\n      >;\n      checked: boolean;\n      indeterminate: boolean;\n      checkboxDisabled: boolean;\n      showCheckbox: boolean;\n      defaultSetter: () => void;\n    }) => void;\n  };\n};",
       "importPath": "@daisforge/ui",
       "importStatement": "import { SelectingRowConfig } from '@daisforge/ui';",
       "sourceFile": "packages/ui-kit/src/components/Table/types/table-config.type.ts"
     },
     "TableCanvas.SelectingRowConfig": {
       "name": "SelectingRowConfig",
-      "definition": "export type SelectingRowConfig<RowType, RowIdType extends string | number> = {\n  /**\n   * showDefault - состояние, отвечающее за то, видно ли по дефолту чекбоксы.\n   */\n  showDefault?: boolean;\n  /**\n   * showState - состояние, отвечающее за то, видны ли чекбоксы.\n   */\n  showState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * showInControl - состояние, отвечающее за то, добавлять ли выбор строк как фичу, которую можно скрывать и раскрывать в правой части контролблока.\n   */\n  showInControl?: boolean;\n  /**\n   * selectingRules - пропс, отвечающий за кастомизацию логики выбора строк.\n   */\n  selectingRules?: {\n    // TODO доработать логику\n    // changeableOfRowWithoutCheckbox?: boolean;\n    // changeableDisabledRow?: boolean;\n    /**\n     * levels - логика активации чекбоксов у строк с определенным уровнем вложенности.\n     */\n    levels?: number | 'all' | number[] | ((lvl: number) => boolean);\n  };\n  disableSummaryCheckboxInHeader?: boolean;\n  hideSummaryCheckboxInHeader?: boolean;\n  /**\n   * hideSummaryCheckbox - в островке  массовых действий\n   */\n  hideSummaryCheckbox?: boolean;\n  /**\n   * summaryChecked - пропс, отвечающий за логику состояния checked у итогового чекбокса в левой части контролблока.\n   */\n  summaryChecked?: {\n    checked: boolean | SummaryCheckedFunc<RowType, boolean>;\n    indeterminate:\n      | boolean\n      | SummaryCheckedFunc<RowType, boolean, { checkedAll: boolean }>;\n    getCountOfChecked: SummaryCheckedFunc<RowType, number>;\n    onChange: SummaryCheckedFunc<\n      RowType,\n      void,\n      {\n        checkedAll: boolean;\n        clearButtonClicked?: boolean;\n        setSelectedRowsIds: React.Dispatch<\n          React.SetStateAction<ReadonlySet<string | number>>\n        >;\n      }\n    >;\n  };\n\n  /**\n   * summaryCheckedUncontrolled - пропс отвечающий за колбеки в неконтролируемом режиме\n   */\n  summaryCheckedUncontrolled?: {\n    onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  };\n\n  /**\n   * rowShowCheckbox - пропс, отвечающий за то, будет ли у конкретной строки отрендерен чекбокс.\n   */\n  rowShowCheckbox?: RowShowCheckbox<RowType>;\n  /**\n   * rowCheckboxDisabled - пропс, отвечающий за то, будет ли у конкретной строки чекбокс задизейблен.\n   */\n  rowCheckboxDisabled?: RowCheckboxDisabled<RowType>;\n  /**\n   * Функция для переопределения checked, indeterminate для каждой строки.\n   * Что будет возвращено функцией в объекте, то будет переопределено.\n   */\n  rowGetStates?: (\n    p: RowGetStatesProps<RowType, RowIdType>,\n  ) => RowGetStatesReturnType<RowType, RowIdType> | null;\n  groupedRow?: {\n    /**\n     * Функция для переопределения checked, indeterminate, showCheckbox, checkboxDisabled для группированных строк.\n     * Что будет возвращено функцией в объекте, то будет переопределено.\n     */\n    getStates: (p: {\n      checkedCalculated: boolean;\n      indeterminateCalculated: boolean;\n      row: GroupRow<RowType>;\n      selectedRows: ReadonlySet<string | number>;\n      selectedChildCount: number;\n      childCount: number;\n    }) => {\n      checked?: boolean | null;\n      indeterminate?: boolean | null;\n      showCheckbox?: boolean | null;\n      checkboxDisabled?: boolean | null;\n    } | null;\n    onChange?: (p: {\n      row: GroupRow<RowType>;\n\n      setSelectedRows: React.Dispatch<\n        React.SetStateAction<ReadonlySet<string | number>>\n      >;\n      checked: boolean;\n      indeterminate: boolean;\n      checkboxDisabled: boolean;\n      showCheckbox: boolean;\n      defaultSetter: () => void;\n    }) => void;\n  };\n};",
+      "definition": "export type SelectingRowConfig<RowType, RowIdType extends string | number> = {\n  /**\n   * showDefault - состояние, отвечающее за то, видно ли по дефолту чекбоксы.\n   */\n  showDefault?: boolean;\n  /**\n   * showState - состояние, отвечающее за то, видны ли чекбоксы.\n   */\n  showState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n  /**\n   * showInControl - состояние, отвечающее за то, добавлять ли выбор строк как фичу, которую можно скрывать и раскрывать в правой части контролблока.\n   */\n  showInControl?: boolean;\n  /**\n   * selectingRules - пропс, отвечающий за кастомизацию логики выбора строк.\n   */\n  selectingRules?: {\n    // TODO доработать логику\n    // changeableOfRowWithoutCheckbox?: boolean;\n    // changeableDisabledRow?: boolean;\n    /**\n     * levels - логика активации чекбоксов у строк с определенным уровнем вложенности.\n     */\n    levels?: number | 'all' | number[] | ((lvl: number) => boolean);\n  };\n  disableSummaryCheckboxInHeader?: boolean;\n  hideSummaryCheckboxInHeader?: boolean;\n  /**\n   * hideSummaryCheckbox - в островке  массовых действий\n   */\n  hideSummaryCheckbox?: boolean;\n  /**\n   * summaryCounterMaxCount - максимальное отображаемое число в счётчике выбранных\n   * строк (в шапке и в панели массовых действий). Если выбрано больше — счётчик\n   * показывает «N+» (например, при значении 99 и 5000 выбранных отобразится «99+»).\n   * Не ограничивает само выделение, влияет только на отображение.\n   */\n  summaryCounterMaxCount?: number;\n  /**\n   * summaryChecked - пропс, отвечающий за логику состояния checked у итогового чекбокса в левой части контролблока.\n   */\n  summaryChecked?: {\n    checked: boolean | SummaryCheckedFunc<RowType, boolean>;\n    indeterminate:\n      | boolean\n      | SummaryCheckedFunc<RowType, boolean, { checkedAll: boolean }>;\n    getCountOfChecked: SummaryCheckedFunc<RowType, number>;\n    onChange: SummaryCheckedFunc<\n      RowType,\n      void,\n      {\n        checkedAll: boolean;\n        clearButtonClicked?: boolean;\n        setSelectedRowsIds: React.Dispatch<\n          React.SetStateAction<ReadonlySet<string | number>>\n        >;\n      }\n    >;\n  };\n\n  /**\n   * summaryCheckedUncontrolled - пропс отвечающий за колбеки в неконтролируемом режиме\n   */\n  summaryCheckedUncontrolled?: {\n    onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  };\n\n  /**\n   * rowShowCheckbox - пропс, отвечающий за то, будет ли у конкретной строки отрендерен чекбокс.\n   */\n  rowShowCheckbox?: RowShowCheckbox<RowType>;\n  /**\n   * rowCheckboxDisabled - пропс, отвечающий за то, будет ли у конкретной строки чекбокс задизейблен.\n   */\n  rowCheckboxDisabled?: RowCheckboxDisabled<RowType>;\n  /**\n   * Функция для переопределения checked, indeterminate для каждой строки.\n   * Что будет возвращено функцией в объекте, то будет переопределено.\n   */\n  rowGetStates?: (\n    p: RowGetStatesProps<RowType, RowIdType>,\n  ) => RowGetStatesReturnType<RowType, RowIdType> | null;\n  groupedRow?: {\n    /**\n     * Функция для переопределения checked, indeterminate, showCheckbox, checkboxDisabled для группированных строк.\n     * Что будет возвращено функцией в объекте, то будет переопределено.\n     */\n    getStates: (p: {\n      checkedCalculated: boolean;\n      indeterminateCalculated: boolean;\n      row: GroupRow<RowType>;\n      selectedRows: ReadonlySet<string | number>;\n      selectedChildCount: number;\n      childCount: number;\n    }) => {\n      checked?: boolean | null;\n      indeterminate?: boolean | null;\n      showCheckbox?: boolean | null;\n      checkboxDisabled?: boolean | null;\n    } | null;\n    onChange?: (p: {\n      row: GroupRow<RowType>;\n\n      setSelectedRows: React.Dispatch<\n        React.SetStateAction<ReadonlySet<string | number>>\n      >;\n      checked: boolean;\n      indeterminate: boolean;\n      checkboxDisabled: boolean;\n      showCheckbox: boolean;\n      defaultSetter: () => void;\n    }) => void;\n  };\n};",
       "internal": true,
       "importNotice": "Тип \"SelectingRowConfig\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
       "sourceFile": "packages/ui-kit/src/components/TableCanvas/feature-select-row/types.ts"
@@ -58498,6 +59064,34 @@
       "importNotice": "Тип \"Rect\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
       "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/core/CanvasNode.type.ts"
     },
+    "AvatarSize": {
+      "name": "AvatarSize",
+      "definition": "export type AvatarSize = 's' | 'm' | 'l' | 'xxl';",
+      "importPath": "@daisforge/ui/components/TableCanvas",
+      "importStatement": "import { AvatarSize } from '@daisforge/ui/components/TableCanvas';",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasAvatar.ts"
+    },
+    "GlideThemeForRender": {
+      "name": "GlideThemeForRender",
+      "definition": "export interface GlideThemeForRender extends GlideThemePartial {\n  accentColor: string;\n  accentLight?: string;\n  accentFg?: string;\n  bgCell: string;\n  bgHeader?: string;\n  borderColor: string;\n  textLight: string;\n  textDark: string;\n  textMedium?: string;\n  baseFontFull: string;\n  cellHorizontalPadding?: number;\n}",
+      "internal": true,
+      "importNotice": "Тип \"GlideThemeForRender\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/theming/types.ts"
+    },
+    "AvatarGroupItemClick": {
+      "name": "AvatarGroupItemClick",
+      "definition": "export interface AvatarGroupItemClick {\n  /** Участник, по аватару которого нажали. */\n  item: CanvasAvatarItem;\n  /** Индекс участника в исходном массиве items, начиная с нуля. */\n  index: number;\n  /** Canvas-событие клика по аватару с координатами и управлением всплытием. */\n  event: CanvasEvent<CanvasAvatar>;\n}",
+      "importPath": "@daisforge/ui/components/TableCanvas",
+      "importStatement": "import { AvatarGroupItemClick } from '@daisforge/ui/components/TableCanvas';",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasAvatarGroup.ts"
+    },
+    "AvatarGroupOverflowClick": {
+      "name": "AvatarGroupOverflowClick",
+      "definition": "export interface AvatarGroupOverflowClick {\n  /** Число участников за счётчиком +N, включая отсутствующих в items. */\n  hiddenCount: number;\n  /** Известные скрытые участники: часть items после видимых аватаров. */\n  hiddenItems: readonly CanvasAvatarItem[];\n  /** Общее число участников после нормализации; не меньше длины items. */\n  totalCount: number;\n  /** Canvas-событие клика по счётчику +N. */\n  event: CanvasEvent<CanvasAvatar>;\n}",
+      "importPath": "@daisforge/ui/components/TableCanvas",
+      "importStatement": "import { AvatarGroupOverflowClick } from '@daisforge/ui/components/TableCanvas';",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/lib/canvas/primitives/CanvasAvatarGroup.ts"
+    },
     "CanvasTextOverflowMode": {
       "name": "CanvasTextOverflowMode",
       "definition": "export type CanvasTextOverflowMode = 'visible' | 'hidden';",