@daisforge/ui 1.19.0 → 1.20.0

package/mcp-data/component-index.json

@@ -1,6 +1,6 @@
 {
-  "generatedAt": "2026-09-15T09:09:39.134Z",
-  "libVersion": "1.19.0",
+  "generatedAt": "2026-09-21T13:53:31.646Z",
+  "libVersion": "1.20.0",
   "components": {
     "Accordion": {
       "name": "Accordion",
@@ -881,7 +881,7 @@
               "type": "\"default\" | \"secondary\" | \"accent\" | \"positive\" | \"warning\" | \"negative\" | \"gradient\" | \"info\" | undefined",
               "required": false,
               "description": "",
-              "default": "'secondary'"
+              "default": "'default'"
             }
           ]
         },
@@ -2922,6 +2922,12 @@
           "description": "Размер заголовка",
           "default": "'H2'"
         },
+        {
+          "name": "titleTooltipProps",
+          "type": "Omit<TooltipProps, \"text\" | \"target\" | \"trigger\" | \"opened\"> | undefined",
+          "required": false,
+          "description": "Пропсы тултипа, которым оборачивается обрезанный `title`."
+        },
         {
           "name": "topSlot",
           "type": "BlockTitleAdaptiveSlot",
@@ -2946,8 +2952,8 @@
         "page heading",
         "шапка блока"
       ],
-      "docs": "# BlockTitle\n\nКомпонент заголовка блока с поддержкой слотов для дополнительных элементов и кнопки «назад».\n\n## Ключевые особенности\n\n- Настраиваемый размер заголовка через вариант типографики (`titleSize`)\n- Описание под заголовком (`description`)\n- Слоты: `titleLeftSlot`, `titleRightSlot`, `topSlot`, `rightSlot`\n- Кнопка «назад» через `onBackButtonClick`\n- Кастомизация контейнера через `containerProps` (Box с `$css`)\n\n## Особенности\n\n- Компонент можно стилизовать: обернув в `styled`, используя `$css` в `containerProps`, или используя объект `blockTitleClassNames` для обращения к подэлементам\n- Слоты `titleLeftSlot`, `titleRightSlot`, `topSlot`, `rightSlot` принимают `ReactNode` или callback с размерами для адаптива\n- По умолчанию адаптив на viewport `<= 1280px` включен; временно отключить его можно через deprecated-проп `disableMediaAdaptive`\n\n## Использование адаптивных слотов\n\nЕсли слот не должен менять размеры, передавайте обычный `ReactNode`:\n\n```tsx\n<BlockTitle title=\"Title\" titleRightSlot={<IconPlasma size=\"s\" />} />\n```\n\nЕсли в слоте есть иконка, Badge или кнопки, передавайте callback и используйте размеры из аргумента:\n\n```tsx\n<BlockTitle\n  title=\"Страница\"\n  titleSize=\"H4\"\n  titleRightSlot={({ titleBadgeSize }) => (\n    <Badge size={titleBadgeSize} view=\"default\" text=\"Label\" />\n  )}\n  rightSlot={({ buttonSize, actionIconSize }) => (\n    <div style={{ display: 'flex', gap: s.x4 }}>\n      <IconButton size={buttonSize} view=\"secondary\">\n        <IconDotsVerticalCenteredOutline\n          size={actionIconSize}\n          color=\"inherit\"\n        />\n      </IconButton>\n      <Button size={buttonSize} view=\"secondary\">\n        Label\n      </Button>\n      <Button size={buttonSize} view=\"accent\">\n        Label\n      </Button>\n    </div>\n  )}\n/>\n```\n\nРазмеры, которые приходят в callback (в зависимости от viewport):\n\n```\n| Поле                                         | <= 1280px | > 1280px |\n| -------------------------------------------- | --------- | -------- |\n| buttonSize                                   | xs        | s        |\n| actionIconSize                               | xs        | s        |\n| titleIconSize (для H4/H5)                    | xs        | s        |\n| titleBadgeSize (для H4/H5)                   | s         | m        |\n| titleIconSize (для остальных)                | s         | s        |\n| titleBadgeSize (для остальных)               | m         | m        |\n```\n\n> Подробнее о типах и пропсах — [BlockTitle API](?path=/docs/композиции-blocktitle-api--docs)",
-      "apiDocs": "# BlockTitle API\n\n## BlockTitleProps\n\n```typescript\ntype BlockTitleProps = {\n  /**\n   * Текст заголовка\n   */\n  title?: string;\n  /**\n   * Размер заголовка\n   */\n  titleSize?: ComponentProps<typeof Typography>['variant'];\n  /**\n   * Иконка слева от заголовка (обычно используется иконка)\n   */\n  titleLeftSlot?: BlockTitleAdaptiveSlot;\n  /**\n   * Иконка справа от заголовка (обычно используется иконка)\n   */\n  titleRightSlot?: BlockTitleAdaptiveSlot;\n  /**\n   * Текст Заголовка\n   */\n  description?: string;\n  /**\n   * Слот для верхней части\n   */\n  topSlot?: BlockTitleAdaptiveSlot;\n  /**\n   * Слот для правой части\n   */\n  rightSlot?: BlockTitleAdaptiveSlot;\n  /**\n   * Отключает принудительный адаптив компонента на viewport <= 1280px.\n   *\n   * @deprecated Используйте только в крайних случаях, когда команда временно не готова адаптировать вёрстку под 1280px.\n   *\n   * @remarks\n   * При `true` компонент использует desktop-размеры для слотов и кнопки назад даже на viewport <= 1280px.\n   * Это временный escape hatch, не основной сценарий использования.\n   *\n   * @default false\n   */\n  disableMediaAdaptive?: boolean;\n  /**\n   * Передача props в контейнер\n   */\n  containerProps?: ComponentProps<typeof Box>;\n  /**\n   * Callback при клике на кнопку со стрелкой назад слева от заголовка\n   */\n  onBackButtonClick?: () => void;\n};\n```\n\n## BlockTitleSlotSizesProps\n\n```typescript\ntype BlockTitleSlotSizesProps = {\n  /**\n   * Размер иконки рядом с заголовком\n   */\n  titleIconSize: 's' | 'xs';\n  /**\n   * Размер Badge рядом с заголовком\n   */\n  titleBadgeSize: 'm' | 's';\n  /**\n   * Размер кнопок в правом слоте\n   */\n  buttonSize: 's' | 'xs';\n  /**\n   * Размер иконок внутри кнопок в правом слоте\n   */\n  actionIconSize: 's' | 'xs';\n};\n```\n\n## BlockTitleAdaptiveSlot\n\n```typescript\ntype BlockTitleAdaptiveSlot =\n  | ReactNode\n  | ((props: BlockTitleSlotSizesProps) => ReactNode);\n```",
+      "docs": "# BlockTitle\n\nКомпонент заголовка блока с поддержкой слотов для дополнительных элементов и кнопки «назад».\n\n## Ключевые особенности\n\n- Настраиваемый размер заголовка через вариант типографики (`titleSize`)\n- Описание под заголовком (`description`)\n- Слоты: `titleLeftSlot`, `titleRightSlot`, `topSlot`, `rightSlot`\n- Настройка тултипа обрезанного заголовка (ширина, позиция) через `titleTooltipProps`\n- Кнопка «назад» через `onBackButtonClick`\n- Кастомизация контейнера через `containerProps` (Box с `$css`)\n\n## Особенности\n\n- Компонент можно стилизовать: обернув в `styled`, используя `$css` в `containerProps`, или используя объект `blockTitleClassNames` для обращения к подэлементам\n- Слоты `titleLeftSlot`, `titleRightSlot`, `topSlot`, `rightSlot` принимают `ReactNode` или callback с размерами для адаптива\n- По умолчанию адаптив на viewport `<= 1280px` включен; временно отключить его можно через deprecated-проп `disableMediaAdaptive`\n\n## Тултип заголовка\n\n`title` оборачивается в `TypographyWithAutoTooltip`: если текст не помещается в две строки, при наведении показывается тултип с полным заголовком. По умолчанию ширина тултипа не ограничена, поэтому длинный заголовок вытягивается в одну строку. Ограничить ширину и задать позицию можно через `titleTooltipProps`:\n\n```tsx\n<BlockTitle\n  title=\"Очень длинный заголовок страницы\"\n  titleTooltipProps={{ maxWidth: '300px', placement: 'bottom-start' }}\n/>\n```\n\n`titleTooltipProps` принимает пропсы `Tooltip` (кроме `text`, `target`, `trigger`, `opened`, которыми управляет сам компонент): `maxWidth`, `minWidth`, `placement`, `view`, `offset`, `mouseEnterDelay` и другие.\n\n## Использование адаптивных слотов\n\nЕсли слот не должен менять размеры, передавайте обычный `ReactNode`:\n\n```tsx\n<BlockTitle title=\"Title\" titleRightSlot={<IconPlasma size=\"s\" />} />\n```\n\nЕсли в слоте есть иконка, Badge или кнопки, передавайте callback и используйте размеры из аргумента:\n\n```tsx\n<BlockTitle\n  title=\"Страница\"\n  titleSize=\"H4\"\n  titleRightSlot={({ titleBadgeSize }) => (\n    <Badge size={titleBadgeSize} view=\"default\" text=\"Label\" />\n  )}\n  rightSlot={({ buttonSize, actionIconSize }) => (\n    <div style={{ display: 'flex', gap: s.x4 }}>\n      <IconButton size={buttonSize} view=\"secondary\">\n        <IconDotsVerticalCenteredOutline\n          size={actionIconSize}\n          color=\"inherit\"\n        />\n      </IconButton>\n      <Button size={buttonSize} view=\"secondary\">\n        Label\n      </Button>\n      <Button size={buttonSize} view=\"accent\">\n        Label\n      </Button>\n    </div>\n  )}\n/>\n```\n\nРазмеры, которые приходят в callback (в зависимости от viewport):\n\n```\n| Поле                                         | <= 1280px | > 1280px |\n| -------------------------------------------- | --------- | -------- |\n| buttonSize                                   | xs        | s        |\n| actionIconSize                               | xs        | s        |\n| titleIconSize (для H4/H5)                    | xs        | s        |\n| titleBadgeSize (для H4/H5)                   | s         | m        |\n| titleIconSize (для остальных)                | s         | s        |\n| titleBadgeSize (для остальных)               | m         | m        |\n```\n\n> Подробнее о типах и пропсах — [BlockTitle API](?path=/docs/композиции-blocktitle-api--docs)",
+      "apiDocs": "# BlockTitle API\n\n## BlockTitleProps\n\n```typescript\ntype BlockTitleProps = {\n  /**\n   * Текст заголовка\n   */\n  title?: string;\n  /**\n   * Размер заголовка\n   */\n  titleSize?: ComponentProps<typeof Typography>['variant'];\n  /**\n   * Пропсы тултипа, которым оборачивается обрезанный `title`.\n   *\n   * @remarks\n   * Тултип показывается автоматически, когда `title` не помещается в две строки.\n   * По умолчанию ширина тултипа не ограничена, из-за чего длинный заголовок\n   * растягивается в одну строку — ограничьте её через `maxWidth`.\n   *\n   * @example\n   * ```tsx\n   * <BlockTitle\n   *   title=\"Очень длинный заголовок\"\n   *   titleTooltipProps={{ maxWidth: '300px', placement: 'auto-start' }}\n   * />\n   * ```\n   */\n  titleTooltipProps?: TypographyWithAutoTooltipProps<'H2'>['tooltipProps'];\n  /**\n   * Иконка слева от заголовка (обычно используется иконка)\n   */\n  titleLeftSlot?: BlockTitleAdaptiveSlot;\n  /**\n   * Иконка справа от заголовка (обычно используется иконка)\n   */\n  titleRightSlot?: BlockTitleAdaptiveSlot;\n  /**\n   * Текст Заголовка\n   */\n  description?: string;\n  /**\n   * Слот для верхней части\n   */\n  topSlot?: BlockTitleAdaptiveSlot;\n  /**\n   * Слот для правой части\n   */\n  rightSlot?: BlockTitleAdaptiveSlot;\n  /**\n   * Отключает принудительный адаптив компонента на viewport <= 1280px.\n   *\n   * @deprecated Используйте только в крайних случаях, когда команда временно не готова адаптировать вёрстку под 1280px.\n   *\n   * @remarks\n   * При `true` компонент использует desktop-размеры для слотов и кнопки назад даже на viewport <= 1280px.\n   * Это временный escape hatch, не основной сценарий использования.\n   *\n   * @default false\n   */\n  disableMediaAdaptive?: boolean;\n  /**\n   * Передача props в контейнер\n   */\n  containerProps?: ComponentProps<typeof Box>;\n  /**\n   * Callback при клике на кнопку со стрелкой назад слева от заголовка\n   */\n  onBackButtonClick?: () => void;\n};\n```\n\n## BlockTitleSlotSizesProps\n\n```typescript\ntype BlockTitleSlotSizesProps = {\n  /**\n   * Размер иконки рядом с заголовком\n   */\n  titleIconSize: 's' | 'xs';\n  /**\n   * Размер Badge рядом с заголовком\n   */\n  titleBadgeSize: 'm' | 's';\n  /**\n   * Размер кнопок в правом слоте\n   */\n  buttonSize: 's' | 'xs';\n  /**\n   * Размер иконок внутри кнопок в правом слоте\n   */\n  actionIconSize: 's' | 'xs';\n};\n```\n\n## BlockTitleAdaptiveSlot\n\n```typescript\ntype BlockTitleAdaptiveSlot =\n  | ReactNode\n  | ((props: BlockTitleSlotSizesProps) => ReactNode);\n```",
       "curatedStories": [
         {
           "exportName": "BlockTitleSlots",
@@ -2978,6 +2984,12 @@
           "displayName": "BlockTitle с кнопкой назад и иконкой",
           "type": "full-code",
           "code": "import { useState } from 'react';\n    import {\n        Box,\n        Button,\n        IconButton,\n        BlockTitle,\n        type BlockTitleSlotSizesProps\n    } from '@daisforge/ui';\n     import { br, s } from '@daisforge/ui/constants';\n\n() => (\n    <div\n      style={{\n        height: '100vh',\n        padding: '20px',\n        display: 'flex',\n        backgroundColor: lightBackgroundPrimary,\n      }}\n    >\n      <LeftPanelBlock />\n      <div\n        style={{\n          flex: 1,\n          padding: s.x8,\n          boxShadow: shadowDownSoftS,\n          backgroundColor: surfaceSolidCard,\n          borderRadius: s.x8,\n        }}\n      >\n        <BlockTitle\n          title=\"Title\"\n          description=\"Description\"\n          // eslint-disable-next-line no-alert\n          onBackButtonClick={() => alert('onBackClick')}\n          titleRightSlot={({ titleIconSize }: BlockTitleSlotSizesProps) => (\n            <IconPlasma size={titleIconSize} />\n          )}\n          rightSlot={renderRightActionsSlot}\n        />\n      </div>\n    </div>\n  )"
+        },
+        {
+          "exportName": "BlockTitleWithTooltipProps",
+          "displayName": "BlockTitle с настройкой тултипа заголовка",
+          "type": "full-code",
+          "code": "import { useState } from 'react';\n    import {\n        Box,\n        Button,\n        IconButton,\n        BlockTitle,\n        type BlockTitleSlotSizesProps\n    } from '@daisforge/ui';\n     import { br, s } from '@daisforge/ui/constants';\n\n() => (\n    <div\n      style={{\n        height: '100vh',\n        padding: '20px',\n        display: 'flex',\n        backgroundColor: lightBackgroundPrimary,\n      }}\n    >\n      <LeftPanelBlock />\n      <div\n        style={{\n          flex: 1,\n          padding: s.x8,\n          boxShadow: shadowDownSoftS,\n          backgroundColor: surfaceSolidCard,\n          borderRadius: s.x8,\n        }}\n      >\n        <BlockTitle\n          title={longTitle}\n          description=\"Наведите на заголовок — тултип ограничен по ширине и раскрывается вниз\"\n          /* Ограничиваем ширину тултипа и задаём его позицию */\n          titleTooltipProps={{ maxWidth: '300px', placement: 'bottom-start' }}\n          rightSlot={renderRightActionsSlot}\n        />\n      </div>\n    </div>\n  )"
         }
       ],
       "hasCuratedMeta": true,
@@ -5856,6 +5868,12 @@
       "role": "primary",
       "description": "Поле ввода одноразового OTP-кода с подписью и обработкой ошибок",
       "props": [
+        {
+          "name": "enableWebOTP",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": ""
+        },
         {
           "name": "autoComplete",
           "type": "React.HTMLInputAutoCompleteAttribute | undefined",
@@ -6946,10 +6964,10 @@
         },
         {
           "exportName": "Usage2",
-          "displayName": "Использование в TooltipList.stories.tsx",
+          "displayName": "Использование в TableCanvas.filtering.stories.tsx",
           "type": "usage",
-          "code": "<Combobox\n            size=\"s\"\n            multiple\n            value={selectedValues}\n            onChange={setSelectedValues}\n            items={mockOptions}\n            placeholder=\"Выберите блоки\"\n            style={{ width: '100%' }}\n          />",
-          "sourceFile": "packages/storybook/src/stories/TooltipList/TooltipList.stories.tsx"
+          "code": "<Combobox\n                        multiple\n                        size=\"s\"\n                        items={sidebarIssueTypeOptions}\n                        value={draftValue}\n                        onChange={(next: string[]) => setDraftValue(next)}\n                        closeAfterSelect={false}\n                        placeholder=\"Выберите Issue Type\"\n                        afterList={\n                          <Box $css=\"display: grid; gap: 4px; margin-top: 4px;\">\n                            <Divider />\n                            <Button\n                              size=\"xs\"\n                              view=\"accent\"\n                              style={{ marginLeft: 'auto' }}\n                              onClick={() =>\n                                setFilters((prev) => ({\n                                  ...prev,\n                                  issueTypeCustom: draftValue,\n                                }))\n                              }\n                            >\n                              Применить\n                            </Button>\n                          </Box>\n                        }\n                      />",
+          "sourceFile": "packages/storybook/src/stories/TableCanvas/TableCanvas.Filtering/TableCanvas.filtering.stories.tsx"
         },
         {
           "exportName": "Vendor1",
@@ -8349,6 +8367,12 @@
           "required": false,
           "description": "Обработчик изменения отображаемых месяца или года при навигации по календарю."
         },
+        {
+          "name": "hasTimeFormat",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": ""
+        },
         {
           "name": "enterKeyHint",
           "type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\" | undefined",
@@ -28532,6 +28556,133 @@
         }
       ]
     },
+    "TableFilterSelect": {
+      "name": "TableFilterSelect",
+      "group": "components",
+      "folderName": "TableCanvas",
+      "role": "primary",
+      "description": "",
+      "props": [
+        {
+          "name": "onChange",
+          "type": "((v: string) => void) | ((v: string[]) => void)",
+          "required": true,
+          "description": ""
+        },
+        {
+          "name": "options",
+          "type": "{ text: string; value: string; }[]",
+          "required": true,
+          "description": ""
+        },
+        {
+          "name": "value",
+          "type": "string | string[]",
+          "required": true,
+          "description": ""
+        },
+        {
+          "name": "afterList",
+          "type": "React.ReactNode",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "beforeList",
+          "type": "React.ReactNode",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "listMaxHeight",
+          "type": "string | undefined",
+          "required": false,
+          "description": "",
+          "default": "'360px'"
+        },
+        {
+          "name": "mode",
+          "type": "\"multiple\" | \"single\" | undefined",
+          "required": false,
+          "description": "",
+          "default": "'single'"
+        },
+        {
+          "name": "size",
+          "type": "\"big\" | \"small\" | \"medium\" | undefined",
+          "required": false,
+          "description": "",
+          "default": "'medium'"
+        },
+        {
+          "name": "width",
+          "type": "string | undefined",
+          "required": false,
+          "description": ""
+        }
+      ],
+      "propsTypeName": "TableFilterSelectProps",
+      "sourceFile": "packages/ui-kit/src/components/TableCanvas/feature-filtering/combobox/combobox.tsx",
+      "type": "composition",
+      "relatedExports": [
+        "SplitIconButton",
+        "CellEditorCombobox",
+        "CellEditorNumberFormat",
+        "CellEditorTextArea",
+        "TableFilterSelectListItem",
+        "ContainerStyled",
+        "TextCellEntry",
+        "Canvas",
+        "TextCellEntryType"
+      ],
+      "atomicMcpVersion": "0.355.0",
+      "importPath": "@daisforge/ui/components/TableCanvas",
+      "importStatement": "import { TableFilterSelect } from '@daisforge/ui/components/TableCanvas';",
+      "minimalUsage": "<TableFilterSelect onChange={() => {}} options={[]} value={[]} />",
+      "examples": [
+        {
+          "exportName": "Usage",
+          "displayName": "Использование в TableCanvas.filtering.stories.tsx",
+          "type": "usage",
+          "code": "<TableFilterSelect\n                  mode=\"multiple\"\n                  value={draftValue}\n                  onChange={setDraftValue}\n                  options={issueTypeOptions}\n                  size={rowSize}\n                  width=\"232px\"\n                  beforeList={\n                    <TableFilterSelectListItem $size={rowSize}>\n                      Произвольный вспомогательный элемент заголовка списка с\n                      подсказкой\n                    </TableFilterSelectListItem>\n                  }\n                  afterList={\n                    <Box\n                      $css={`position: sticky; bottom: 0; background-color: white; display: grid; gap: ${\n                        rowSize === 'big' ? '4px' : '4px'\n                      }; margin-top: 4px;`}\n                    >\n                      <Divider />\n                      <Button\n                        size={rowSize === 'small' ? 'xxs' : 's'}\n                        style={{ marginLeft: 'auto ' }}\n                        view=\"accent\"\n                        onClick={apply}\n                      >\n                        Применить\n                      </Button>\n                    </Box>\n                  }\n                />",
+          "sourceFile": "packages/storybook/src/stories/TableCanvas/TableCanvas.Filtering/TableCanvas.filtering.stories.tsx"
+        }
+      ]
+    },
+    "TableFilterSelectList": {
+      "name": "TableFilterSelectList",
+      "group": "components",
+      "folderName": "TableCanvas",
+      "role": "primary",
+      "description": "",
+      "props": [
+        {
+          "name": "as",
+          "type": "string | React.ComponentType<any> | undefined",
+          "required": false,
+          "description": ""
+        }
+      ],
+      "propsTypeName": "ComponentProps<typeof TableFilterSelectList>",
+      "sourceFile": "packages/ui-kit/src/components/TableCanvas/feature-filtering/combobox/styled.ts",
+      "type": "composition",
+      "relatedExports": [
+        "SplitIconButton",
+        "CellEditorCombobox",
+        "CellEditorNumberFormat",
+        "CellEditorTextArea",
+        "TableFilterSelectListItem",
+        "ContainerStyled",
+        "TextCellEntry",
+        "Canvas",
+        "TextCellEntryType"
+      ],
+      "atomicMcpVersion": "0.355.0",
+      "importPath": "@daisforge/ui/components/TableCanvas",
+      "importStatement": "import { TableFilterSelectList } from '@daisforge/ui/components/TableCanvas';",
+      "minimalUsage": "<TableFilterSelectList />",
+      "examples": []
+    },
     "TableFilterSelectListItem": {
       "name": "TableFilterSelectListItem",
       "group": "components",
@@ -28563,14 +28714,89 @@
       "minimalUsage": "<TableFilterSelectListItem />",
       "examples": [
         {
-          "exportName": "Usage",
+          "exportName": "Usage1",
           "displayName": "Использование в TableCanvas.multipleFeatures.stories.tsx",
           "type": "usage",
           "code": "<TableFilterSelectListItem\n                  $size={props.headerContextState.rowSize}\n                >\n                  custom beforeList\n                </TableFilterSelectListItem>",
           "sourceFile": "packages/storybook/src/stories/TableCanvas/TableCanvas.MultipleFeatures/TableCanvas.multipleFeatures.stories.tsx"
+        },
+        {
+          "exportName": "Usage2",
+          "displayName": "Использование в TableCanvas.filtering.stories.tsx",
+          "type": "usage",
+          "code": "<TableFilterSelectListItem $size={rowSize}>\n                      Произвольный вспомогательный элемент заголовка списка с\n                      подсказкой\n                    </TableFilterSelectListItem>",
+          "sourceFile": "packages/storybook/src/stories/TableCanvas/TableCanvas.Filtering/TableCanvas.filtering.stories.tsx"
         }
       ]
     },
+    "TableFilterSelectSearchTextfield": {
+      "name": "TableFilterSelectSearchTextfield",
+      "group": "components",
+      "folderName": "TableCanvas",
+      "role": "primary",
+      "description": "",
+      "props": [
+        {
+          "name": "as",
+          "type": "string | React.ComponentType<any> | undefined",
+          "required": false,
+          "description": ""
+        }
+      ],
+      "propsTypeName": "ComponentProps<typeof TableFilterSelectSearchTextfield>",
+      "sourceFile": "packages/ui-kit/src/components/TableCanvas/feature-filtering/combobox/styled.ts",
+      "type": "composition",
+      "relatedExports": [
+        "SplitIconButton",
+        "CellEditorCombobox",
+        "CellEditorNumberFormat",
+        "CellEditorTextArea",
+        "TableFilterSelectListItem",
+        "ContainerStyled",
+        "TextCellEntry",
+        "Canvas",
+        "TextCellEntryType"
+      ],
+      "atomicMcpVersion": "0.355.0",
+      "importPath": "@daisforge/ui/components/TableCanvas",
+      "importStatement": "import { TableFilterSelectSearchTextfield } from '@daisforge/ui/components/TableCanvas';",
+      "minimalUsage": "<TableFilterSelectSearchTextfield />",
+      "examples": []
+    },
+    "TableFilterSelectTotalListItemContainer": {
+      "name": "TableFilterSelectTotalListItemContainer",
+      "group": "components",
+      "folderName": "TableCanvas",
+      "role": "primary",
+      "description": "",
+      "props": [
+        {
+          "name": "as",
+          "type": "string | React.ComponentType<any> | undefined",
+          "required": false,
+          "description": ""
+        }
+      ],
+      "propsTypeName": "ComponentProps<typeof TableFilterSelectTotalListItemContainer>",
+      "sourceFile": "packages/ui-kit/src/components/TableCanvas/feature-filtering/combobox/styled.ts",
+      "type": "composition",
+      "relatedExports": [
+        "SplitIconButton",
+        "CellEditorCombobox",
+        "CellEditorNumberFormat",
+        "CellEditorTextArea",
+        "TableFilterSelectListItem",
+        "ContainerStyled",
+        "TextCellEntry",
+        "Canvas",
+        "TextCellEntryType"
+      ],
+      "atomicMcpVersion": "0.355.0",
+      "importPath": "@daisforge/ui/components/TableCanvas",
+      "importStatement": "import { TableFilterSelectTotalListItemContainer } from '@daisforge/ui/components/TableCanvas';",
+      "minimalUsage": "<TableFilterSelectTotalListItemContainer />",
+      "examples": []
+    },
     "Table": {
       "name": "Table",
       "group": "components",
@@ -28647,7 +28873,7 @@
         "react-data-grid"
       ],
       "docs": "# Table\n\n`Table` - legacy HTML-таблица на базе `react-data-grid` и `react-table`-подходов, которая поддерживается для существующих продуктов. Для новых таблиц по умолчанию используйте `TableCanvas`.\n\n## Ключевые особенности\n\n- Отображение строк и колонок через `rows`, `columnConfig` и `tableConfig`\n- Сортировка, фильтрация, поиск, пагинация и infinity scroll\n- Выбор строк, вложенные строки, группировка строк и группировка колонок\n- Настройка колонок, изменение ширины, кастомный render ячеек и итоговые строки\n- ControlBlock, sidebar, context menu, row instruments и состояния загрузки/пустых данных\n\n## Legacy-статус\n\n`Table` оставлен для поддержки проектов, которые уже используют HTML-таблицу. Если задача не требует совместимости с legacy API, выбирайте `TableCanvas`: он является основной таблицей библиотеки и лучше подходит для больших данных, canvas-render и новых сценариев.\n\n## Основные сущности\n\n- `TableProps` - публичные props компонента\n- `TableConfig` - конфигурация фич таблицы\n- `ColumnConfig` - конфигурация колонок, render-ов, сортировки, фильтрации и редактирования\n\nОписание типов - в разделе [API](?path=/docs/локальные-компоненты-table-api--docs).",
-      "apiDocs": "# Table API\n\n## TableProps\n\n```typescript\ntype TableProps<\n  FilterStateType extends ObjectForExtending,\n  RowIdType extends string | number,\n  HeaderContextValueType extends ObjectForExtending,\n  RowContextValueType extends ObjectForExtending,\n  RowType extends ObjectForExtending,\n  SummaryRowType = unknown,\n> = {\n  /**\n   * columnConfig - Конфигурация колонок.\n   *\n   * (рекомендуется минимальное количество зависимостей для данной сущности - в идеале, чтобы не пересоздавался)\n   */\n  columnConfig: readonly ColumnConfig<RowType, SummaryRowType>[];\n  /**\n   * rows - данные для таблицы. ```RowType extends Record<string | number, any>```\n   */\n  rows: RowType[];\n  /**\n   * topSummaryRows - данные для итоговой строки в верхней части таблицы. ```SummaryRowType[]```\n   */\n  topSummaryRows?: SummaryRowType[];\n  /**\n   * rows - данные для итоговой строки в нижней части таблицы. ```SummaryRowType[]```\n   */\n  bottomSummaryRows?: SummaryRowType[];\n  /**\n   * tableConfig - Конфигурация фичей таблицы (их активация и отключение)\n   */\n  tableConfig?: Prettify<\n    TableConfig<RowType, SummaryRowType, RowIdType, FilterStateType>\n  >;\n  /**\n   * headerContextValue:  любые стейты, которые нужны в headerCell - кладем в headerContextValue. И получаем доступ с помощью useHeaderContext.\n   */\n  headerContextValue?: HeaderContextValueType;\n  /**\n   * rowContextValue:  любые стейты, которые нужны в cell - кладем в rowContextValue.  И получаем доступ с помощью useRowContext.\n   */\n  rowContextValue?: RowContextValueType;\n  refTable?: Ref<DataGridHandle>;\n  refTableContainer?: React.Ref<HTMLDivElement>;\n};\n```\n\n## TableConfig\n\n```typescript\ntype TableConfig<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n  RowIdType extends string | number,\n  FilterStateType extends ObjectForExtending,\n  // SubRowType\n> = {\n  /**\n   * Тип выделения активной (кликнутой) сущности `'cell' | 'row'`\n   * @default 'cell'\n   */\n  highlightActiveType?: HighlightActiveType;\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  } & 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   * subRows - активация иерархии, отображения вложенных строк. Условие активации - наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={subRows: {getSubRows, rowKeyGetter}}\n   *\n   * columnConfig=[{subRow: {...}}]\n   */\n  subRows?: SubRows<RowType, RowIdType>;\n  rowsGrouping?: RowsGrouping<RowType>;\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   * infinityScroll - бесконечная подгрузка данных при скролле.\n   *\n   *  Условие активации - наличие самого пропса infinityScroll.\n   *\n   * При активации infinityScroll отключается дефолтная сортировка и фильтрация.\n   * (Предполагается, что если есть infinityScroll,\n   * то в таблице представлен не весь объем данных,\n   * по этой причине дефолтная сортировка и фильтрация не подходят и будут отображать некорректные данные)\n   *\n   */\n  infinityScroll?: {\n    onTrigger: (rows: RowType[]) => Promise<void> | void;\n    isLoading: boolean;\n    /**\n     * @default true\n     */\n    hasMore?: boolean;\n    /**\n     * @default 100   (px)\n     */\n    scrollThreshold?: number;\n  };\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  noRowsFallback?: boolean | { custom: ReactNode };\n  columnsControl?: ColumnsControlConfig;\n  rowDetailPanel?: RowDetailConfig<RowType>;\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  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 - пропс для активации открытия контекстного меню.\n   *\n   */\n  onHeaderContextMenu?: HeaderContextMenuProps;\n  onHeaderContextMenuDropDown?: HeaderContextMenuDropDownProps;\n  onCellContextMenuDropDown?: CellContextMenuDropDownProps<\n    RowType,\n    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## ColumnConfig\n\n```typescript\ntype ColumnConfig<\n  Row extends ObjectForExtending,\n  SummRow = unknown,\n> = ColumnDefaultOmitted<Row, SummRow> & {\n  /**\n   * Если в поле name был передан jsx, то нужно заполнить nameAsString для указания label в разделе Настройки столбцов, либо для отображения label в фильтрах в правом сайдбаре (но приоритет для фильтро будет ниже, чем то, что указали в filtering.sidebarConfig.items, там отдельно можно перезаписать label для фильтров сайдабара)\n   */\n  nameAsString?: string;\n  sortingType?: 'stringSort' | 'numberSort' | Comparator<Row>;\n  searching?: {\n    valueInRow: (row: Row) => string | number;\n  };\n  filtering?: {\n    keyInFilterState: string;\n    /**\n     * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n     */\n    valueInRow?: (row: Row) => string | number;\n    /**\n     * ```FilterCb - (filterValue: string, rowValue: string) => boolean```\n     */\n  } & (\n    | {\n        component: 'input';\n        filter: 'includes' | 'startWith' | 'equal' | FilterCb<'single'>;\n      }\n    | {\n        component: 'select';\n        beforeList?: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter:\n          | {\n              typeOfValue: 'single';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'single'>;\n            }\n          | {\n              typeOfValue: 'multiple';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'multiple'>;\n            };\n        selectOptions:\n          | {\n              type: 'constant';\n              options: SelectOptions[];\n            }\n          | {\n              type: 'stateInHeaderContext';\n              /**\n               * тип optionsState, который будет в HeaderContext:\n               * ```ts\n               * {\n               * value: string | number;\n               * text: string | number;\n               * }[];\n               * ```\n               */\n              optionsKeyInHeaderContext: string;\n            };\n        /**\n         * Максимальна высота выпадающего списка в фильтрах колонок / правом сайдбаре.\n         * @default \"360px\"\n         */\n        listMaxHeight?: string;\n      }\n    | {\n        component: 'custom';\n        customRender: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter?: (filterValue: unknown, rowValue: unknown) => boolean;\n        compareWithClearedValue?: (\n          clearedValue: unknown,\n          currV: unknown,\n        ) => boolean;\n      }\n  );\n\n  contentFormat?: ContentFormat;\n\n  editingCell?: Editing<Row>;\n\n  subRow?: {\n    /**\n     * @default false\n     */\n    isColumnWithArrow?: boolean | ((props: { keyText: KeyText }) => boolean);\n    /**\n     * @default false\n     */\n    hideHeaderExpandAllArrow?: boolean;\n    /**\n     * @default false\n     */\n    parentKeyAsDefault?: boolean;\n    /**\n     * @default undefined\n     */\n    contentFormat?: ContentFormat;\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    renderSubRowCell?: RenderSubRowCell<any>;\n  } & (\n    | {\n        keyOfColumnInSubRow:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        editingCell: Editing<any>;\n      }\n    | {\n        editingCell?: undefined;\n        keyOfColumnInSubRow?:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n      }\n  );\n  rowsGrouping?: ColumnRowsGrouping<Row, SummRow>;\n  keyText?: KeyTextColumnConfig<Row, SummRow>;\n};\n```",
+      "apiDocs": "# Table API\n\n## TableProps\n\n```typescript\ntype TableProps<\n  FilterStateType extends ObjectForExtending,\n  RowIdType extends string | number,\n  HeaderContextValueType extends ObjectForExtending,\n  RowContextValueType extends ObjectForExtending,\n  RowType extends ObjectForExtending,\n  SummaryRowType = unknown,\n> = {\n  /**\n   * columnConfig - Конфигурация колонок.\n   *\n   * (рекомендуется минимальное количество зависимостей для данной сущности - в идеале, чтобы не пересоздавался)\n   */\n  columnConfig: readonly ColumnConfig<RowType, SummaryRowType>[];\n  /**\n   * rows - данные для таблицы. ```RowType extends Record<string | number, any>```\n   */\n  rows: RowType[];\n  /**\n   * topSummaryRows - данные для итоговой строки в верхней части таблицы. ```SummaryRowType[]```\n   */\n  topSummaryRows?: SummaryRowType[];\n  /**\n   * rows - данные для итоговой строки в нижней части таблицы. ```SummaryRowType[]```\n   */\n  bottomSummaryRows?: SummaryRowType[];\n  /**\n   * tableConfig - Конфигурация фичей таблицы (их активация и отключение)\n   */\n  tableConfig?: Prettify<\n    TableConfig<RowType, SummaryRowType, RowIdType, FilterStateType>\n  >;\n  /**\n   * headerContextValue:  любые стейты, которые нужны в headerCell - кладем в headerContextValue. И получаем доступ с помощью useHeaderContext.\n   */\n  headerContextValue?: HeaderContextValueType;\n  /**\n   * rowContextValue:  любые стейты, которые нужны в cell - кладем в rowContextValue.  И получаем доступ с помощью useRowContext.\n   */\n  rowContextValue?: RowContextValueType;\n  refTable?: Ref<DataGridHandle>;\n  refTableContainer?: React.Ref<HTMLDivElement>;\n};\n```\n\n## TableConfig\n\n```typescript\ntype TableConfig<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n  RowIdType extends string | number,\n  FilterStateType extends ObjectForExtending,\n  // SubRowType\n> = {\n  /**\n   * Тип выделения активной (кликнутой) сущности `'cell' | 'row'`\n   * @default 'cell'\n   */\n  highlightActiveType?: HighlightActiveType;\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  } & 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   * subRows - активация иерархии, отображения вложенных строк. Условие активации - наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={subRows: {getSubRows, rowKeyGetter}}\n   *\n   * columnConfig=[{subRow: {...}}]\n   */\n  subRows?: SubRows<RowType, RowIdType>;\n  rowsGrouping?: RowsGrouping<RowType>;\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   * infinityScroll - бесконечная подгрузка данных при скролле.\n   *\n   *  Условие активации - наличие самого пропса infinityScroll.\n   *\n   * При активации infinityScroll отключается дефолтная сортировка и фильтрация.\n   * (Предполагается, что если есть infinityScroll,\n   * то в таблице представлен не весь объем данных,\n   * по этой причине дефолтная сортировка и фильтрация не подходят и будут отображать некорректные данные)\n   *\n   */\n  infinityScroll?: {\n    onTrigger: (rows: RowType[]) => Promise<void> | void;\n    isLoading: boolean;\n    /**\n     * @default true\n     */\n    hasMore?: boolean;\n    /**\n     * @default 100   (px)\n     */\n    scrollThreshold?: number;\n  };\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  noRowsFallback?: boolean | { custom: ReactNode };\n  columnsControl?: ColumnsControlConfig;\n  rowDetailPanel?: RowDetailConfig<RowType>;\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  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 - пропс для активации открытия контекстного меню.\n   *\n   */\n  onHeaderContextMenu?: HeaderContextMenuProps;\n  onHeaderContextMenuDropDown?: HeaderContextMenuDropDownProps;\n  onCellContextMenuDropDown?: CellContextMenuDropDownProps<\n    RowType,\n    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## ColumnConfig\n\n```typescript\ntype ColumnConfig<\n  Row extends ObjectForExtending,\n  SummRow = unknown,\n> = ColumnDefaultOmitted<Row, SummRow> & {\n  /**\n   * Если в поле name был передан jsx, то нужно заполнить nameAsString для указания label в разделе Настройки столбцов, либо для отображения label в фильтрах в правом сайдбаре (но приоритет для фильтро будет ниже, чем то, что указали в filtering.sidebarConfig.items, там отдельно можно перезаписать label для фильтров сайдабара)\n   */\n  nameAsString?: string;\n  sortingType?: 'stringSort' | 'numberSort' | Comparator<Row>;\n  searching?: {\n    valueInRow: (row: Row) => string | number;\n  };\n  filtering?: {\n    keyInFilterState: string;\n    /**\n     * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n     */\n    valueInRow?: (row: Row) => string | number;\n    /**\n     * ```FilterCb - (filterValue: string, rowValue: string) => boolean```\n     */\n  } & (\n    | {\n        component: 'input';\n        filter: 'includes' | 'startWith' | 'equal' | FilterCb<'single'>;\n      }\n    | {\n        component: 'select';\n        /**\n         * Произвольное содержимое над списком опций фильтра.\n         *\n         * Рендерится и в поповере фильтра в шапке колонки, и в сайдбаре\n         * фильтров. Рендерится как компонент, поэтому внутри можно\n         * использовать хуки и локальное состояние.\n         *\n         * @example\n         * beforeList: ({ headerContextState }) => (\n         *   <TableFilterSelectListItem $size={headerContextState.rowSize}>\n         *     Подсказка над списком\n         *   </TableFilterSelectListItem>\n         * )\n         */\n        beforeList?: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        /**\n         * Произвольное содержимое под списком опций фильтра.\n         *\n         * Рендерится и в поповере фильтра в шапке колонки, и в сайдбаре\n         * фильтров. Рендерится как компонент, поэтому внутри можно\n         * использовать хуки и локальное состояние — например, чтобы держать\n         * черновик выбора и применять его по кнопке.\n         *\n         * @example\n         * afterList: ({ headerContextState, setPopoverIsOpen }) => (\n         *   <TableFilterSelectListItem $size={headerContextState.rowSize}>\n         *     Подсказка под списком\n         *   </TableFilterSelectListItem>\n         * )\n         */\n        afterList?: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter:\n          | {\n              typeOfValue: 'single';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'single'>;\n            }\n          | {\n              typeOfValue: 'multiple';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'multiple'>;\n            };\n        selectOptions:\n          | {\n              type: 'constant';\n              options: SelectOptions[];\n            }\n          | {\n              type: 'stateInHeaderContext';\n              /**\n               * тип optionsState, который будет в HeaderContext:\n               * ```ts\n               * {\n               * value: string | number;\n               * text: string | number;\n               * }[];\n               * ```\n               */\n              optionsKeyInHeaderContext: string;\n            };\n        /**\n         * Максимальна высота выпадающего списка в фильтрах колонок / правом сайдбаре.\n         * @default \"360px\"\n         */\n        listMaxHeight?: string;\n      }\n    | {\n        component: 'custom';\n        customRender: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter?: (filterValue: unknown, rowValue: unknown) => boolean;\n        compareWithClearedValue?: (\n          clearedValue: unknown,\n          currV: unknown,\n        ) => boolean;\n      }\n  );\n\n  contentFormat?: ContentFormat;\n\n  editingCell?: Editing<Row>;\n\n  subRow?: {\n    /**\n     * @default false\n     */\n    isColumnWithArrow?: boolean | ((props: { keyText: KeyText }) => boolean);\n    /**\n     * @default false\n     */\n    hideHeaderExpandAllArrow?: boolean;\n    /**\n     * @default false\n     */\n    parentKeyAsDefault?: boolean;\n    /**\n     * @default undefined\n     */\n    contentFormat?: ContentFormat;\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    renderSubRowCell?: RenderSubRowCell<any>;\n  } & (\n    | {\n        keyOfColumnInSubRow:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        editingCell: Editing<any>;\n      }\n    | {\n        editingCell?: undefined;\n        keyOfColumnInSubRow?:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n      }\n  );\n  rowsGrouping?: ColumnRowsGrouping<Row, SummRow>;\n  keyText?: KeyTextColumnConfig<Row, SummRow>;\n};\n```",
       "curatedStories": [
         {
           "exportName": "Docs",
@@ -30512,6 +30738,12 @@
           "required": false,
           "description": "Флаг fullscreen - пересканирование DOM при переключении"
         },
+        {
+          "name": "getCellBorder",
+          "type": "CellBorderResolver | undefined",
+          "required": false,
+          "description": "Настройка рамок отдельных ячеек: стороны top, right, bottom, left,\nвкл/выкл и цвет. Перекрывает `verticalBorder`, `horizontalBorder` и тему.\nЕсли не задано, линии рисуются сплошными без разбивки по ячейкам.\nrow и col приходят в пользовательских индексах, без служебных колонок."
+        },
         {
           "name": "getCellsForSelection",
           "type": "true | ((selection: Rectangle, abortSignal: AbortSignal) => GetCellsThunk | CellArray) | undefined",
@@ -30591,6 +30823,12 @@
           "required": false,
           "description": "Highlight regions provide hints to users about relations between cells and selections."
         },
+        {
+          "name": "horizontalBorder",
+          "type": "boolean | ((row: number) => boolean) | undefined",
+          "required": false,
+          "description": "Управление горизонтальной линией сверху строки. Функция `(row) => boolean` — точечно\nпо строкам, boolean — сразу для всех строк тела. Не задано — линии рисуются (как раньше)."
+        },
         {
           "name": "hoverEffects",
           "type": "HoverEffectsConfig | undefined",
@@ -31913,6 +32151,12 @@
           "required": false,
           "description": "The number of columns which should remain in place when scrolling horizontally. The row marker column, if\nenabled is always frozen and is not included in this count."
         },
+        {
+          "name": "getCellBorder",
+          "type": "CellBorderResolver | undefined",
+          "required": false,
+          "description": "Настройка рамок отдельных ячеек: стороны top, right, bottom, left,\nвкл/выкл и цвет. Перекрывает `verticalBorder`, `horizontalBorder` и тему.\nЕсли не задано, линии рисуются сплошными без разбивки по ячейкам.\nrow и col приходят в пользовательских индексах, без служебных колонок."
+        },
         {
           "name": "getCellsForSelection",
           "type": "true | ((selection: Rectangle, abortSignal: AbortSignal) => GetCellsThunk | CellArray) | undefined",
@@ -31961,6 +32205,12 @@
           "required": false,
           "description": "Highlight regions provide hints to users about relations between cells and selections."
         },
+        {
+          "name": "horizontalBorder",
+          "type": "boolean | ((row: number) => boolean) | undefined",
+          "required": false,
+          "description": "Управление горизонтальной линией сверху строки. Функция `(row) => boolean` — точечно\nпо строкам, boolean — сразу для всех строк тела. Не задано — линии рисуются (как раньше)."
+        },
         {
           "name": "imageEditorOverride",
           "type": "ImageEditorType | undefined",
@@ -34185,6 +34435,12 @@
           "required": false,
           "description": "The number of columns which should remain in place when scrolling horizontally. The row marker column, if\nenabled is always frozen and is not included in this count."
         },
+        {
+          "name": "getCellBorder",
+          "type": "CellBorderResolver | undefined",
+          "required": false,
+          "description": "Настройка рамок отдельных ячеек: стороны top, right, bottom, left,\nвкл/выкл и цвет. Перекрывает `verticalBorder`, `horizontalBorder` и тему.\nЕсли не задано, линии рисуются сплошными без разбивки по ячейкам.\nrow и col приходят в пользовательских индексах, без служебных колонок."
+        },
         {
           "name": "getCellsForSelection",
           "type": "true | ((selection: Rectangle, abortSignal: AbortSignal) => GetCellsThunk | CellArray) | undefined",
@@ -34239,6 +34495,12 @@
           "required": false,
           "description": "Highlight regions provide hints to users about relations between cells and selections."
         },
+        {
+          "name": "horizontalBorder",
+          "type": "boolean | ((row: number) => boolean) | undefined",
+          "required": false,
+          "description": "Управление горизонтальной линией сверху строки. Функция `(row) => boolean` — точечно\nпо строкам, boolean — сразу для всех строк тела. Не задано — линии рисуются (как раньше)."
+        },
         {
           "name": "imageEditorOverride",
           "type": "ImageEditorType | undefined",
@@ -37185,7 +37447,14 @@
       "folderName": "TimePicker",
       "role": "primary",
       "description": "Поле ввода времени с масками часов/минут/секунд и ограничением диапазона.",
-      "props": [],
+      "props": [
+        {
+          "name": "hasTimeFormat",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": ""
+        }
+      ],
       "propsTypeName": "TimePickerProps",
       "sourceFile": "node_modules/@salutejs/sdds-finai/types/components/TimePicker/TimePicker.d.ts",
       "type": "wrapper",
@@ -52672,6 +52941,18 @@
           "type": "full-code",
           "code": "import { ColumnConfig, TableCanvas } from '@daisforge/ui/components/TableCanvas';\n\n() => {\n    const [rows] = useState(createRows);\n\n    const columnConfig = useMemo<readonly ColumnConfig<Row>[]>(\n      () => [\n        {\n          key: 'id',\n          name: 'ID',\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          renderCell(cellInfo) {\n            return (\n              <Canvas.Button\n                id=\"header-tooltip-drag\"\n                portalHoverEnabled\n                onClick={() => {}}\n              >\n                123\n              </Canvas.Button>\n            );\n          },\n        },\n        {\n          key: 'task',\n          name: 'Title',\n        },\n        {\n          key: 'priority',\n          name: 'Priority',\n        },\n        {\n          key: 'issueType',\n          name: 'Issue Type',\n        },\n        {\n          key: 'developer',\n          name: 'Developer',\n        },\n        {\n          key: 'tr1',\n          name: 'TR',\n        },\n        {\n          key: 'complete',\n          name: '% Complete',\n        },\n      ],\n      [],\n    );\n\n    return (\n      <TableCanvas\n        tableConfig={{\n          containerStyle: { height: 700 },\n          columnsControl: {\n            enable: true,\n            hiding: true,\n            disableHiding: ['id'],\n            pinning: true,\n            disablePinning: ['developer'],\n            reorderingAside: true,\n            reorderingHeader: true,\n            columnsLabel: {\n              task: 'Задачи',\n            },\n            orderDefault: ['id', 'issueType', 'task'],\n            hiddenDefault: ['tr1'],\n            pinnedDefault: ['complete'],\n            onConfirm: ({ order, hidden, pinned }, _setters) => {\n              // eslint-disable-next-line no-alert\n              alert(`\n                                    order: ${order.join(', ')}\n                                    pinned: ${pinned.join(', ')}\n                                    hidden: ${hidden.join(', ')}\n                                `);\n            },\n          },\n        }}\n        columnConfig={columnConfig}\n        rows={rows}\n      />\n    );\n  }"
         },
+        {
+          "exportName": "ColumnsControlDynamicColumn",
+          "displayName": "ColumnsControl: динамическое добавление колонки",
+          "type": "full-code",
+          "code": "import { ColumnConfig, TableCanvas } from '@daisforge/ui/components/TableCanvas';\n\n() => {\n    const [rows] = useState(createRows);\n    const [developerIsShown, setDeveloperIsShown] = useState(false);\n\n    const filteringStateAndSetter = useState({\n      id: '',\n      task: '',\n      priority: 'All',\n      issueType: [],\n      complete: '',\n      date: '',\n      globalFilter: '',\n    });\n    const sortingStateAndSetter = useState<readonly SortColumn[]>([]);\n\n    const themeOverride = useCallback<\n      NonNullable<ColumnConfig<Row>['themeOverride']>\n    >((cellInfo) => {\n      if (cellInfo.hovered.rowHover) {\n        return { bgCell: cellInfo.theme.bgHeader };\n      }\n      return {};\n    }, []);\n\n    const columnConfig = useMemo<readonly ColumnConfig<Row>[]>(\n      () => [\n        {\n          key: 'id',\n          name: 'ID',\n          themeOverride,\n        },\n        {\n          key: 'task',\n          name: 'Title',\n          themeOverride,\n          minWidth: 200,\n          width: 250,\n        },\n        ...(developerIsShown\n          ? [\n              {\n                key: 'developer',\n                name: 'Developer',\n                themeOverride,\n              } satisfies ColumnConfig<Row>,\n            ]\n          : []),\n        {\n          key: 'priority',\n          name: 'Priority',\n          sortingType: 'stringSort',\n          themeOverride,\n          filtering: {\n            component: 'select',\n            selectOptions: {\n              type: 'constant',\n              options: [\n                { value: 'All', text: 'All' },\n                { value: 'High', text: 'High' },\n                { value: 'Critical', text: 'Critical' },\n                { value: 'Medium', text: 'Medium' },\n                { value: 'Low', text: 'Low' },\n              ],\n            },\n            keyInFilterState: 'priority',\n            valueInRow: (r) => r.priority,\n            filter: {\n              typeOfValue: 'single',\n              filteringType: (fv, rv) => (fv !== 'All' ? rv === fv : true),\n            },\n          },\n        },\n        {\n          key: 'issueType',\n          name: 'Issue Type',\n          themeOverride,\n          filtering: {\n            component: 'input',\n            filter: 'includes',\n            valueInRow: (r) => `${r.task} ${r.id}`,\n            keyInFilterState: 'task',\n          },\n        },\n        {\n          key: 'complete',\n          name: '% Complete',\n          themeOverride,\n        },\n      ],\n      [developerIsShown, themeOverride],\n    );\n\n    return (\n      <Box $css={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n        <Box>\n          <Button\n            size=\"s\"\n            view=\"secondary\"\n            onClick={() => setDeveloperIsShown((prev) => !prev)}\n          >\n            {developerIsShown\n              ? 'Удалить колонку Developer'\n              : 'Добавить колонку Developer'}\n          </Button>\n        </Box>\n        <TableCanvas\n          tableConfig={{\n            containerStyle: { height: '60vh' },\n            highlightActiveType: 'row',\n            columnsControl: {\n              enable: true,\n              hiding: true,\n              pinning: true,\n              reorderingAside: true,\n              reorderingHeader: true,\n            },\n            filtering: {\n              state: filteringStateAndSetter,\n              filtersInfo: {\n                id: { label: 'id', clearedValue: '' },\n                task: { label: 'task', clearedValue: '' },\n                priority: { label: 'Some Label', clearedValue: 'All' },\n                issueType: { label: 'issueType', clearedValue: [] },\n                complete: { label: 'complete', clearedValue: '' },\n                date: { label: 'Дата', clearedValue: '' },\n                globalFilter: { label: 'Global filter', clearedValue: '' },\n              },\n            },\n            sorting: {\n              state: sortingStateAndSetter,\n            },\n          }}\n          columnConfig={columnConfig}\n          rows={rows}\n        />\n      </Box>\n    );\n  }"
+        },
+        {
+          "exportName": "SimpleTableDynamicColumn",
+          "displayName": "SimpleTable: динамическое добавление колонки",
+          "type": "full-code",
+          "code": "import { ColumnConfig, TableCanvas } from '@daisforge/ui/components/TableCanvas';\n\n() => {\n    const [rows] = useState(createRows);\n    const [isFavorite, setIsFavorite] = useState(true);\n    const [developerIsShown, setDeveloperIsShown] = useState(false);\n\n    const filteringStateAndSetter = useState({\n      id: '',\n      task: '',\n      priority: 'All',\n      issueType: [],\n      complete: '',\n      date: '',\n      globalFilter: '',\n    });\n    const themeOverride = useCallback<\n      NonNullable<ColumnConfig<Row>['themeOverride']>\n    >((cellInfo) => {\n      if (cellInfo.hovered.rowHover) {\n        return { bgCell: cellInfo.theme.bgHeader };\n      }\n      return {};\n    }, []);\n\n    const columnConfig = useMemo<readonly ColumnConfig<Row>[]>(\n      () => [\n        {\n          key: 'id',\n          name: 'id',\n          themeOverride,\n          renderHeaderCell: ({ theme }) => (\n            <Canvas.Container\n              direction=\"row\"\n              alignItems=\"center\"\n              gap={8}\n              padding={{\n                left: theme.cellHorizontalPadding,\n                right: theme.cellHorizontalPadding,\n              }}\n            >\n              <Canvas.Container position=\"relative\">\n                <Canvas.Icon icon={<IconChevronCircleDownFill />} />\n                <Canvas.Icon\n                  position=\"absolute\"\n                  top={-5}\n                  right={-5}\n                  icon={<IconBrightness0Fill color=\"#d70101\" size=\"xs\" />}\n                />\n              </Canvas.Container>\n              <Canvas.Container position=\"relative\">\n                <Canvas.Icon icon={<IconAddOutline />} />\n                <Canvas.Icon\n                  position=\"absolute\"\n                  top={-5}\n                  right={-5}\n                  icon={<IconBrightness0Fill color=\"#d70101\" size=\"xs\" />}\n                />\n              </Canvas.Container>\n            </Canvas.Container>\n          ),\n          renderCell: ({ theme }) => (\n            <Canvas.Container\n              direction=\"row\"\n              alignItems=\"center\"\n              justifyContent=\"space-between\"\n              gap={8}\n              padding={{\n                left: theme.cellHorizontalPadding,\n                right: theme.cellHorizontalPadding,\n              }}\n            >\n              <Canvas.Container position=\"relative\">\n                <Canvas.Icon icon={<IconChevronCircleDownFill />} />\n                <Canvas.Icon\n                  position=\"absolute\"\n                  top={-5}\n                  right={-5}\n                  icon={<IconBrightness0Fill color=\"#d70101\" size=\"xs\" />}\n                />\n              </Canvas.Container>\n              <Canvas.Container position=\"relative\">\n                <Canvas.Icon icon={<IconAddOutline />} />\n                <Canvas.Icon\n                  position=\"absolute\"\n                  top={-5}\n                  right={-5}\n                  icon={<IconBrightness0Fill color=\"#d70101\" size=\"xs\" />}\n                />\n              </Canvas.Container>\n            </Canvas.Container>\n          ),\n        },\n        {\n          key: 'task',\n          name: 'Title',\n          themeOverride,\n          minWidth: 200,\n          width: 250,\n          renderCell: ({ row, theme }) => (\n            <Canvas.Container\n              direction=\"row\"\n              alignItems=\"center\"\n              justifyContent=\"space-between\"\n              gap={8}\n              wrap=\"wrap\"\n              padding={{\n                left: theme.cellHorizontalPadding,\n                right: theme.cellHorizontalPadding,\n              }}\n              style={{ width: '100%' }}\n            >\n              <Canvas.Container direction=\"column\" gap={2}>\n                <Canvas.Text\n                  font={theme.baseFontStyle}\n                  color={theme.accentFg}\n                  style={{ flexGrow: 1 }}\n                >\n                  {row.task ?? '—'}\n                </Canvas.Text>\n                <Canvas.Text\n                  font={theme.baseFontStyle}\n                  color={theme.textHeader}\n                  style={{ flexGrow: 1 }}\n                >\n                  {row.priority ?? '—'}\n                </Canvas.Text>\n              </Canvas.Container>\n              <Canvas.Button\n                portalHoverEnabled\n                variant=\"secondary\"\n                onClick={() =>\n                  // eslint-disable-next-line no-console\n                  console.log('Подробнее по сотруднику', row.complete)\n                }\n              >\n                Подробнее\n              </Canvas.Button>\n            </Canvas.Container>\n          ),\n        },\n        ...(developerIsShown\n          ? [\n              {\n                key: 'developer',\n                name: 'Developer',\n                themeOverride,\n              } satisfies ColumnConfig<Row>,\n            ]\n          : []),\n        {\n          key: 'priority',\n          name: 'Priority',\n          sortingType: 'stringSort',\n          themeOverride,\n          filtering: {\n            component: 'select',\n            selectOptions: {\n              type: 'constant',\n              options: [\n                { value: 'All', text: 'All' },\n                { value: 'High', text: 'High' },\n                { value: 'Critical', text: 'Critical' },\n                { value: 'Medium', text: 'Medium' },\n                { value: 'Low', text: 'Low' },\n              ],\n            },\n\n            keyInFilterState: 'priority',\n            valueInRow: (r) => r.priority,\n            filter: {\n              typeOfValue: 'single',\n              filteringType: (fv, rv) => (fv !== 'All' ? rv === fv : true),\n            },\n          },\n        },\n        {\n          key: 'issueType',\n          name: 'Issue Type',\n          themeOverride,\n          filtering: {\n            component: 'input',\n            filter: 'includes',\n\n            valueInRow: (r) => `${r.task} ${r.id}`,\n\n            keyInFilterState: 'task',\n          },\n        },\n        {\n          key: 'complete',\n          name: '% Complete',\n          themeOverride,\n        },\n      ],\n      [developerIsShown, themeOverride],\n    );\n\n    const sortingStateAndSetter = useState<readonly SortColumn[]>([]);\n\n    return (\n      <Box $css={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n        <Box>\n          <Button\n            size=\"s\"\n            view=\"secondary\"\n            onClick={() => setDeveloperIsShown((prev) => !prev)}\n          >\n            {developerIsShown\n              ? 'Удалить колонку Developer'\n              : 'Добавить колонку Developer'}\n          </Button>\n        </Box>\n        <TableCanvas\n          tableConfig={{\n            containerStyle: { height: '60vh' },\n            rowSize: {\n              default: 'big',\n              showInControl: true,\n            },\n            highlightActiveType: 'row',\n\n            fullScreenEnabled: true,\n            controlBlock: {\n              customFeatures: [\n                // Обязательная кастомная фича\n                {\n                  value: 'favorite',\n                  label: 'Удалить из избранного',\n                  Icon: IconStar,\n                  onClick: () => {},\n                  mandatory: true,\n                  details: {\n                    type: 'switch',\n                    label: 'В избранном',\n                    checked: isFavorite,\n                    onChange: (e) => setIsFavorite(e.target.checked),\n                  },\n                },\n              ],\n            },\n            filtering: {\n              state: filteringStateAndSetter,\n              filtersInfo: {\n                id: {\n                  label: 'id',\n                  clearedValue: '',\n                },\n                task: {\n                  label: 'task',\n                  clearedValue: '',\n                },\n                priority: {\n                  label: 'Some Label',\n                  clearedValue: 'All',\n                },\n                issueType: {\n                  label: 'issueType',\n                  clearedValue: [],\n                },\n                complete: {\n                  label: 'complete',\n                  clearedValue: '',\n                },\n                date: {\n                  label: 'Дата',\n                  clearedValue: '',\n                },\n                globalFilter: {\n                  label: 'Global filter',\n                  clearedValue: '',\n                },\n              },\n            },\n            sorting: {\n              state: sortingStateAndSetter,\n            },\n          }}\n          columnConfig={columnConfig}\n          rows={rows}\n        />\n      </Box>\n    );\n  }"
+        },
         {
           "exportName": "ColumnsControlPinningMenu",
           "displayName": "ColumnsControl: доп. пункты меню закрепления",
@@ -53353,11 +53634,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  /**\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\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   * 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  /**\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```",
       "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  /**\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\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   * 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  /**\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   *"
         },
         {
           "typeName": "FilterComponentInPopoverProps",
@@ -53369,7 +53650,7 @@
           "exportName": "FilteringTable",
           "displayName": "Filtering Table",
           "type": "full-code",
-          "code": "import { ColumnConfig, TableCanvas } from '@daisforge/ui';\n\n() => {\n    const [isFavorite, setIsFavorite] = useState(true);\n    const [rows] = useState(() => {\n      const seededRandom = createSeededRandom(42);\n      return createRows().map((el) => ({\n        ...el,\n        id: Math.floor(seededRandom() * 1000),\n        date: (() => {\n          const date = new Date(\n            FIXED_DATE_TIMESTAMP +\n              (Math.floor(seededRandom() * 61) - 30) * 86400000,\n          );\n          return `${String(date.getDate()).padStart(2, '0')}.${String(\n            date.getMonth() + 1,\n          ).padStart(2, '0')}.${date.getFullYear()}`;\n        })(),\n      }));\n    });\n\n    const filteringStateAndSetter = useState({\n      id: '',\n      task: '',\n      priority: 'All',\n      issueType: [],\n      complete: '',\n      globalFilter: '',\n      date: undefined as string | undefined,\n    });\n\n    const columnConfig = useMemo<readonly ColumnConfig<Row>[]>(\n      () => [\n        {\n          key: 'id',\n          name: 'id',\n        },\n        {\n          key: 'task',\n          name: 'Title',\n        },\n        {\n          key: 'date',\n          name: 'Date',\n          filtering: {\n            component: 'custom',\n            customRender: (props) => {\n              const {\n                headerContextState: { filters, setFilters },\n              } = props;\n              return (\n                <Calendar\n                  value={filters?.['date']}\n                  onChangeValue={(v) => {\n                    if (setFilters)\n                      setFilters((prev) => ({\n                        ...prev,\n                        date: v,\n                      }));\n                  }}\n                />\n              );\n            },\n            filter: (filterValue, rowValue) =>\n              filterValue ? rowValue === filterValue : true,\n            valueInRow: (r) => (r as Row & { date: string })?.date,\n            compareWithClearedValue: (clearedValue, currV) =>\n              clearedValue === currV,\n            keyInFilterState: 'date',\n          },\n        },\n\n        {\n          key: 'priority',\n          name: 'Priority',\n          filtering: {\n            component: 'select',\n            selectOptions: {\n              type: 'constant',\n              options: [\n                { value: 'All', text: 'All' },\n                { value: 'High', text: 'High' },\n                { value: 'Critical', text: 'Critical' },\n                { value: 'Medium', text: 'Medium' },\n                { value: 'Low', text: 'Low' },\n              ],\n            },\n\n            keyInFilterState: 'priority',\n            valueInRow: (r) => r.priority,\n            filter: {\n              typeOfValue: 'single',\n              filteringType: (fv, rv) => (fv !== 'All' ? rv === fv : true),\n            },\n          },\n        },\n        {\n          key: 'issueType',\n          name: 'Issue Type',\n          filtering: {\n            beforeList(props) {\n              return (\n                <TableFilterSelectListItem\n                  $size={props.headerContextState.rowSize}\n                >\n                  custom beforeList\n                </TableFilterSelectListItem>\n              );\n            },\n            component: 'select',\n            selectOptions: {\n              type: 'stateInHeaderContext',\n              optionsKeyInHeaderContext: 'issueTypeOptions',\n            },\n            keyInFilterState: 'issueType',\n            valueInRow: (r) => r.issueType,\n            filter: {\n              typeOfValue: 'multiple',\n              filteringType: (fv, rv) =>\n                !fv.length || fv.some((fvCurr) => fvCurr === rv),\n            },\n          },\n        },\n        {\n          key: 'complete',\n          name: '% Complete',\n        },\n      ],\n      [],\n    );\n\n    const headerContextValue = useMemo(\n      () => ({\n        issueTypeOptions: [\n          { text: 'Bug', value: 'Bug' },\n          { text: 'Improvement', value: 'Improvement' },\n          { text: 'Epic', value: 'Epic' },\n          { text: 'Story', value: 'Story' },\n        ],\n      }),\n      [],\n    );\n\n    return (\n      <TableCanvas\n        tableConfig={{\n          containerStyle: { height: '60vh' },\n          rowSize: {\n            default: 'big',\n            showInControl: true,\n          },\n          fullScreenEnabled: true,\n          controlBlock: {\n            customFeatures: [\n              // Обязательная кастомная фича\n              {\n                value: 'favorite',\n                label: 'Удалить из избранного',\n                Icon: IconStar,\n                onClick: () => {},\n                mandatory: true,\n                details: {\n                  type: 'switch',\n                  label: 'В избранном',\n                  checked: isFavorite,\n                  onChange: (e) => setIsFavorite(e.target.checked),\n                },\n              },\n            ],\n          },\n          filtering: {\n            state: filteringStateAndSetter,\n            filtersInfo: {\n              id: {\n                label: 'id',\n                clearedValue: '',\n              },\n              task: {\n                label: 'task',\n                clearedValue: '',\n              },\n              priority: {\n                label: 'Some Label',\n                clearedValue: 'All',\n              },\n              issueType: {\n                label: 'issueType',\n                clearedValue: [],\n              },\n              complete: {\n                label: 'complete',\n                clearedValue: '',\n              },\n              date: {\n                label: 'Дата',\n                clearedValue: undefined,\n              },\n              globalFilter: {\n                label: 'Global filter',\n                clearedValue: '',\n              },\n            },\n          },\n        }}\n        columnConfig={columnConfig}\n        rows={rows}\n        headerContextValue={headerContextValue}\n      />\n    );\n  }"
+          "code": "import React, { useMemo, useState } from 'react';\nimport {\n  Box,\n  Button,\n  Calendar,\n  Combobox,\n  ComboboxItemOption,\n  Divider,\n} from '@daisforge/ui';\nimport { IconStar } from '@daisforge/ui/icons';\nimport {\n  ColumnConfig,\n  TableCanvas,\n  TableFilterSelect,\n  TableFilterSelectListItem,\n} from '@daisforge/ui/components/TableCanvas';\n\nimport { createRows, type Row } from './data/tableData';\n\n() => {\n    const [isFavorite, setIsFavorite] = useState(true);\n    const [rows] = useState(() => {\n      const seededRandom = createSeededRandom(42);\n      return createRows().map((el) => ({\n        ...el,\n        id: Math.floor(seededRandom() * 1000),\n        date: (() => {\n          const date = new Date(\n            FIXED_DATE_TIMESTAMP +\n              (Math.floor(seededRandom() * 61) - 30) * 86400000,\n          );\n          return `${String(date.getDate()).padStart(2, '0')}.${String(\n            date.getMonth() + 1,\n          ).padStart(2, '0')}.${date.getFullYear()}`;\n        })(),\n      }));\n    });\n\n    const filteringStateAndSetter = useState({\n      id: '',\n      task: '',\n      priority: 'All',\n      issueType: [],\n      issueTypeCustom: [] as string[],\n      complete: '',\n      globalFilter: '',\n      date: undefined as string | undefined,\n    });\n\n    const columnConfig = useMemo<readonly ColumnConfig<Row>[]>(\n      () => [\n        {\n          key: 'id',\n          name: 'id',\n        },\n        {\n          key: 'task',\n          name: 'Title',\n        },\n        {\n          key: 'date',\n          name: 'Date',\n          filtering: {\n            component: 'custom',\n            customRender: (props) => {\n              const {\n                headerContextState: { filters, setFilters },\n              } = props;\n              return (\n                <Calendar\n                  value={filters?.['date']}\n                  onChangeValue={(v) => {\n                    if (setFilters)\n                      setFilters((prev) => ({\n                        ...prev,\n                        date: v,\n                      }));\n                  }}\n                />\n              );\n            },\n            filter: (filterValue, rowValue) =>\n              filterValue ? rowValue === filterValue : true,\n            valueInRow: (r) => (r as Row & { date: string })?.date,\n            compareWithClearedValue: (clearedValue, currV) =>\n              clearedValue === currV,\n            keyInFilterState: 'date',\n          },\n        },\n\n        {\n          key: 'priority',\n          name: 'Priority',\n          filtering: {\n            component: 'select',\n            selectOptions: {\n              type: 'constant',\n              options: [\n                {\n                  value: 'All',\n                  text: 'Все инциденты и запросы на доработку без ограничения по срочности',\n                },\n                {\n                  value: 'High',\n                  text: 'Высокий приоритет критически важного инцидента',\n                },\n                {\n                  value: 'Critical',\n                  text: 'Критическая ошибка блокирующая работу сервиса',\n                },\n                {\n                  value: 'Medium',\n                  text: 'Средний приоритет плановой доработки функциональности',\n                },\n                {\n                  value: 'Low',\n                  text: 'Низкий приоритет косметического усовершенствования интерфейса',\n                },\n              ],\n            },\n\n            keyInFilterState: 'priority',\n            valueInRow: (r) => r.priority,\n            filter: {\n              typeOfValue: 'single',\n              filteringType: (fv, rv) => (fv !== 'All' ? rv === fv : true),\n            },\n          },\n        },\n        {\n          key: 'issueType',\n          name: 'Issue Type',\n          filtering: {\n            beforeList(props) {\n              return (\n                <TableFilterSelectListItem\n                  $size={props.headerContextState.rowSize}\n                >\n                  Произвольный вспомогательный элемент заголовка списка с\n                  подсказкой сверху списка\n                </TableFilterSelectListItem>\n              );\n            },\n            afterList(props) {\n              return (\n                <TableFilterSelectListItem\n                  $size={props.headerContextState.rowSize}\n                >\n                  Произвольный вспомогательный элемент заголовка списка с\n                  подсказкой внизу списка\n                </TableFilterSelectListItem>\n              );\n            },\n            component: 'select',\n            selectOptions: {\n              type: 'stateInHeaderContext',\n              optionsKeyInHeaderContext: 'issueTypeOptions',\n            },\n            keyInFilterState: 'issueType',\n            valueInRow: (r) => r.issueType,\n            filter: {\n              typeOfValue: 'multiple',\n              filteringType: (fv, rv) =>\n                !fv.length || fv.some((fvCurr) => fvCurr === rv),\n            },\n          },\n        },\n        {\n          key: 'issueTypeCustom',\n          name: 'Issue Type (custom render)       ',\n          renderCell({ row }) {\n            return row.issueType;\n          },\n          filtering: {\n            component: 'custom',\n            customRender: (props) => {\n              const {\n                headerContextState: { filters, setFilters, rowSize },\n                setPopoverIsOpen,\n              } = props;\n              // Опции для выпадашки берутся из headerContextValue (см. headerContextValue ниже)\n              const headerContextState = props.headerContextState as Record<\n                string,\n                unknown\n              >;\n              const issueTypeOptions = (headerContextState.issueTypeOptions ??\n                []) as { text: string; value: string }[];\n\n              // Локальный черновик выбранных значений: меняется при кликах по айтемам,\n              // а в реальный стейт фильтров попадает по кнопке «Применить» (afterList).\n              const [draftValue, setDraftValue] = useState<string[]>(\n                (filters?.['issueTypeCustom'] as string[] | undefined) ?? [],\n              );\n\n              const apply = () => {\n                if (setFilters) {\n                  setFilters((prev) => ({\n                    ...prev,\n                    issueTypeCustom: draftValue,\n                  }));\n                  setPopoverIsOpen(false);\n                }\n              };\n\n              return (\n                <TableFilterSelect\n                  mode=\"multiple\"\n                  value={draftValue}\n                  onChange={setDraftValue}\n                  options={issueTypeOptions}\n                  size={rowSize}\n                  width=\"232px\"\n                  beforeList={\n                    <TableFilterSelectListItem $size={rowSize}>\n                      Произвольный вспомогательный элемент заголовка списка с\n                      подсказкой\n                    </TableFilterSelectListItem>\n                  }\n                  afterList={\n                    <Box\n                      $css={`position: sticky; bottom: 0; background-color: white; display: grid; gap: ${\n                        rowSize === 'big' ? '4px' : '4px'\n                      }; margin-top: 4px;`}\n                    >\n                      <Divider />\n                      <Button\n                        size={rowSize === 'small' ? 'xxs' : 's'}\n                        style={{ marginLeft: 'auto ' }}\n                        view=\"accent\"\n                        onClick={apply}\n                      >\n                        Применить\n                      </Button>\n                    </Box>\n                  }\n                />\n              );\n            },\n            filter: (filterValue, rowValue) =>\n              !Array.isArray(filterValue) ||\n              !(filterValue as string[]).length ||\n              (filterValue as string[]).some((fvCurr) => fvCurr === rowValue),\n            valueInRow: (r) => r.issueType,\n            compareWithClearedValue: (clearedValue, currV) =>\n              JSON.stringify(clearedValue) === JSON.stringify(currV),\n            keyInFilterState: 'issueTypeCustom',\n          },\n        },\n        {\n          key: 'complete',\n          name: '% Complete',\n        },\n      ],\n      [],\n    );\n\n    const headerContextValue = useMemo(\n      () => ({\n        issueTypeOptions: [\n          {\n            // Ошибка-1212---3232-3---4343434 - для визуальной проверки длинных текстов без пробелов\n            text: 'Ошибка-1212---3232-3---4343434 при формировании выписки по счету',\n            value: 'Bug',\n          },\n          {\n            text: 'Улучшение производительности загрузки списка документов',\n            value: 'Improvement',\n          },\n          {\n            text: 'Эпик крупной функциональности платежного модуля',\n            value: 'Epic',\n          },\n          {\n            text: 'История пользовательского сценария оформления кредита',\n            value: 'Story',\n          },\n        ],\n      }),\n      [],\n    );\n\n    // Combobox из sdds-finai ожидает items в формате { value, label }.\n    const sidebarIssueTypeOptions = useMemo<ComboboxItemOption[]>(\n      () =>\n        headerContextValue.issueTypeOptions.map((option) => ({\n          value: option.value,\n          label: option.text,\n        })),\n      [headerContextValue],\n    );\n\n    return (\n      <TableCanvas\n        tableConfig={{\n          containerStyle: { height: '60vh' },\n          rowSize: {\n            default: 'big',\n            showInControl: true,\n          },\n          fullScreenEnabled: true,\n          controlBlock: {\n            customFeatures: [\n              // Обязательная кастомная фича\n              {\n                value: 'favorite',\n                label: 'Удалить из избранного',\n                Icon: IconStar,\n                onClick: () => {},\n                mandatory: true,\n                details: {\n                  type: 'switch',\n                  label: 'В избранном',\n                  checked: isFavorite,\n                  onChange: (e) => setIsFavorite(e.target.checked),\n                },\n              },\n            ],\n          },\n          filtering: {\n            state: filteringStateAndSetter,\n            sidebarConfig: {\n              items: {\n                // Переопределяем рендер колоночного фильтра именно для сайдбара:\n                // колоночный customRender остаётся в поповере шапки.\n                issueTypeCustom: {\n                  label: 'Issue Type (custom render)',\n                  customRenderFn: (filters, setFilters) => {\n                    // Хуки здесь допустимы: customRenderFn рендерится как\n                    // компонент (см. RenderSlot в feature-filtering).\n                    // Черновик выбора уезжает в фильтры сайдбара по кнопке\n                    // «Применить» внутри выпадающего списка (afterList).\n                    const [draftValue, setDraftValue] = useState<string[]>(\n                      filters.issueTypeCustom,\n                    );\n\n                    return (\n                      <Combobox\n                        multiple\n                        size=\"s\"\n                        items={sidebarIssueTypeOptions}\n                        value={draftValue}\n                        onChange={(next: string[]) => setDraftValue(next)}\n                        closeAfterSelect={false}\n                        placeholder=\"Выберите Issue Type\"\n                        afterList={\n                          <Box $css=\"display: grid; gap: 4px; margin-top: 4px;\">\n                            <Divider />\n                            <Button\n                              size=\"xs\"\n                              view=\"accent\"\n                              style={{ marginLeft: 'auto' }}\n                              onClick={() =>\n                                setFilters((prev) => ({\n                                  ...prev,\n                                  issueTypeCustom: draftValue,\n                                }))\n                              }\n                            >\n                              Применить\n                            </Button>\n                          </Box>\n                        }\n                      />\n                    );\n                  },\n                },\n              },\n            },\n            filtersInfo: {\n              id: {\n                label: 'id',\n                clearedValue: '',\n              },\n              task: {\n                label: 'task',\n                clearedValue: '',\n              },\n              priority: {\n                label: 'Some Label',\n                clearedValue: 'All',\n              },\n              issueType: {\n                label: 'issueType',\n                clearedValue: [],\n              },\n              issueTypeCustom: {\n                label: 'issueTypeCustom',\n                clearedValue: [],\n              },\n              complete: {\n                label: 'complete',\n                clearedValue: '',\n              },\n              date: {\n                label: 'Дата',\n                clearedValue: undefined,\n              },\n              globalFilter: {\n                label: 'Global filter',\n                clearedValue: '',\n              },\n            },\n          },\n        }}\n        columnConfig={columnConfig}\n        rows={rows}\n        headerContextValue={headerContextValue}\n      />\n    );\n  }"
         },
         {
           "exportName": "ManualFiltering",
@@ -53401,6 +53682,74 @@
         }
       ]
     },
+    {
+      "component": "TableCanvas",
+      "feature": "Borders",
+      "legacy": false,
+      "summary": "*tableConfig.borders**",
+      "docs": "# Borders (TableCanvas)\n\n**tableConfig.borders**\n\nУправление линиями сетки таблицы: их включение и выключение.\n\nНастраивается на четырёх уровнях, от общего к точечному. Каждый следующий уровень\nсильнее предыдущего: настройка ячейки важнее настройки колонки и строки, а те\nважнее общих настроек.\n\n## Уровни\n\n- **вся таблица** — `borders.vertical` и `borders.horizontal`: убрать все\n  вертикальные или все горизонтальные линии тела (по умолчанию линии есть);\n- **колонка** — `borders.getVerticalBorder`: вернуть для колонки `true` или\n  `false`, чтобы переопределить общую настройку вертикалей, или `undefined`,\n  чтобы оставить её (например, убрать разделитель справа от одной колонки);\n- **строка** — `borders.getHorizontalBorder`: вернуть для строки `true` или\n  `false`, чтобы переопределить общую настройку горизонталей, или `undefined`,\n  чтобы оставить её;\n- **ячейка** — `borders.getCellBorder`: включить или выключить каждую из\n  четырёх сторон рамки ячейки; для ячеек без переопределений вернуть `undefined`.\n\n## Точечные колбэки\n\n`getHorizontalBorder` и `getCellBorder` получают саму строку (`row`), её индекс\n(`rowIndex`) и уровень вложенности subRows (`treeLvl`, где `0` это корень). При\nраскрытии дерева индексы строк сдвигаются, поэтому настройку удобно привязывать к\nстроке или к уровню, а не к номеру. Для summary-строк колбэки не вызываются.\n\nТипичные сценарии:\n\n- выключить все линии и точечно дорисовать нужные (например, только контур\n  объединённого блока);\n- оставить горизонтали, но не рисовать их внутри раскрытых subRows\n  (`treeLvl > 0` вернуть `false`), чтобы родитель с детьми выглядел цельным.\n\n## Объединённые ячейки\n\nВнутрь объединённого блока линии не рисуются никогда: остаётся только внешний\nконтур. Чтобы оформить рамку блока, задавайте стороны у его крайних ячеек через\n`getCellBorder` — внутренние рамки всё равно отсекаются.\n\n## Итоговые (summary) строки\n\nНастройки вертикали действуют и на итоговую строку: разделители колонок проходят\nчерез неё насквозь, а `getVerticalBorder` убирает разделитель у выбранной колонки\nи в теле, и в итоге.\n\nТочечные горизонтали (`getHorizontalBorder`) и рамки отдельных ячеек\n(`getCellBorder`) в итоговых строках пока не поддержаны: на их линии влияют только\nпо-колоночная вертикаль и общие настройки. Полное управление линиями внутри\nитоговых строк появится позже.\n\n> Подробнее о типах — [Borders API](?path=/docs/локальные-компоненты-tablecanvas-borders-api--docs)",
+      "apiDocs": "# Borders API\n\n## tableConfig.borders\n\n```typescript\ntype 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```\n\n## CellBorderVisibility\n\nСтороны рамки одной ячейки, которые возвращает `getCellBorder`. Для каждой\nстороны:\n\n- `true` — рисовать линию;\n- `false` — не рисовать линию;\n- поле не задано — сторона берётся с уровня ниже (настройка колонки, строки или\n  общая).\n\n```typescript\ntype CellBorderVisibility = {\n  top?: boolean;\n  right?: boolean;\n  bottom?: boolean;\n  left?: boolean;\n};\n```\n\n## borders.getVerticalBorder\n\nТочечная вертикальная линия справа от колонки. Колбэк получает `columnKey` и\n`columnIndex` (в порядке отрисовки, закреплённые в начале) и возвращает `true`\nили `false`, чтобы переопределить общую настройку `borders.vertical`, или\n`undefined`, чтобы оставить её.\n\nКолбэк зовётся на каждую видимую колонку при каждой перерисовке, поэтому должен\nбыть быстрым. Если условие зависит от набора колонок, держите этот набор в `Set`\nзаранее (вне колбэка) и проверяйте через `has` — так проверка остаётся дешёвой\nи не растёт с числом колонок:\n\n```tsx\nconst COLUMNS_WITHOUT_RIGHT_BORDER = new Set(['priority', 'issueType']);\n\nborders={{\n  getVerticalBorder: ({ columnKey }) =>\n    COLUMNS_WITHOUT_RIGHT_BORDER.has(columnKey) ? false : undefined,\n}}\n```\n\nТот же приём подходит и для `getHorizontalBorder` и `getCellBorder`: тяжёлые\nвычисления и наборы данных готовьте заранее, а в колбэке оставляйте только\nбыструю проверку.",
+      "api": [
+        {
+          "typeName": "BordersConfig",
+          "source": "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};"
+        },
+        {
+          "typeName": "CellBorderVisibility",
+          "source": "type CellBorderVisibility = {\n  top?: boolean;\n  right?: boolean;\n  bottom?: boolean;\n  left?: boolean;\n};"
+        }
+      ],
+      "stories": [
+        {
+          "exportName": "NoVerticalLines",
+          "displayName": "NoVerticalLines",
+          "type": "full-code",
+          "code": "import { ColumnConfig, TableCanvas } from '@daisforge/ui/components/TableCanvas';\n\nconst COLS: ColumnConfig<Row>[] = [\n  { key: 'id', name: 'ID', width: 120 },\n  { key: 'task', name: 'Title', width: 160 },\n  { key: 'priority', name: 'Priority', width: 140 },\n  { key: 'issueType', name: 'Issue Type', width: 140 },\n  { key: 'complete', name: '% Complete', width: 140 },\n];\n\n<TableCanvas\n  tableConfig={{ borders: { vertical: false } }}\n  columnConfig={COLS}\n  rows={rows}\n/>"
+        },
+        {
+          "exportName": "HideColumnBorder",
+          "displayName": "HideColumnBorder",
+          "type": "full-code",
+          "code": "import { useMemo } from 'react';\nimport { ColumnConfig, TableCanvas } from '@daisforge/ui/components/TableCanvas';\n\nconst COLS: ColumnConfig<Row>[] = [\n  { key: 'id', name: 'ID', width: 120 },\n  { key: 'task', name: 'Title', width: 160 },\n  { key: 'priority', name: 'Priority', width: 140 },\n  { key: 'issueType', name: 'Issue Type', width: 140 },\n  { key: 'complete', name: '% Complete', width: 140 },\n];\n\nconst columnsWithoutRightBorder = useMemo(\n  () => new Set(['priority', 'issueType']),\n  [],\n);\n\n<TableCanvas\n  tableConfig={{\n    borders: {\n      getVerticalBorder: ({ columnKey }) =>\n        columnsWithoutRightBorder.has(columnKey) ? false : undefined,\n    },\n  }}\n  columnConfig={COLS}\n  rows={rows}\n/>"
+        },
+        {
+          "exportName": "NoHorizontalLines",
+          "displayName": "NoHorizontalLines",
+          "type": "full-code",
+          "code": "import { ColumnConfig, TableCanvas } from '@daisforge/ui/components/TableCanvas';\n\nconst COLS: ColumnConfig<Row>[] = [\n  { key: 'id', name: 'ID', width: 120 },\n  { key: 'task', name: 'Title', width: 160 },\n  { key: 'priority', name: 'Priority', width: 140 },\n  { key: 'issueType', name: 'Issue Type', width: 140 },\n  { key: 'complete', name: '% Complete', width: 140 },\n];\n\n<TableCanvas\n  tableConfig={{ borders: { horizontal: false } }}\n  columnConfig={COLS}\n  rows={rows}\n/>"
+        },
+        {
+          "exportName": "PerCellBorders",
+          "displayName": "PerCellBorders",
+          "type": "full-code",
+          "code": "import { ColumnConfig, TableCanvas } from '@daisforge/ui/components/TableCanvas';\n\nconst COLS: ColumnConfig<Row>[] = [\n  { key: 'id', name: 'ID', width: 120 },\n  { key: 'task', name: 'Title', width: 160 },\n  { key: 'priority', name: 'Priority', width: 140 },\n  { key: 'issueType', name: 'Issue Type', width: 140 },\n  { key: 'complete', name: '% Complete', width: 140 },\n];\n\nconst BOTTOM_ON = { bottom: true } as const;\n\n<TableCanvas\n  tableConfig={{\n    borders: {\n      horizontal: false,\n      getCellBorder: ({ columnKey, row }) =>\n        columnKey === 'complete' && row.complete >= 50 ? BOTTOM_ON : undefined,\n    },\n  }}\n  columnConfig={COLS}\n  rows={rows}\n/>"
+        },
+        {
+          "exportName": "SubRowsWithoutInnerLines",
+          "displayName": "Title",
+          "type": "full-code",
+          "code": "() => {\n    const [rows] = useState(createRows);\n    const cols: readonly ColumnConfig<Row>[] = [\n      {\n        key: 'task',\n        name: 'Title',\n        width: 220,\n        subRow: { keyOfColumnInSubRow: 'task', isColumnWithArrow: true },\n      },\n      { key: 'priority', name: 'Priority', width: 140 },\n      { key: 'issueType', name: 'Issue Type', width: 140 },\n      { key: 'complete', name: '% Complete', width: 140 },\n    ];\n    return (\n      <TableCanvas\n        tableConfig={{\n          containerStyle: { height: 420 },\n          rowMarkers: { startIndex: 1 },\n          subRows: {\n            getSubRows: (row) => row.subRows,\n            rowKeyGetter: (row) => row.id,\n          },\n          borders: {\n            vertical: false,\n            getHorizontalBorder: ({ treeLvl }) =>\n              treeLvl > 0 ? false : undefined,\n          },\n        }}\n        columnConfig={cols}\n        rows={rows}\n      />\n    );\n  }"
+        },
+        {
+          "exportName": "MillionRows",
+          "displayName": "Строк",
+          "type": "full-code",
+          "code": "({\n    rowsCount,\n    colsCount,\n    perCell,\n  }: {\n    rowsCount: number;\n    colsCount: number;\n    perCell: boolean;\n  }) => {\n    const rows = useMemo(() => makeLeanRows(rowsCount), [rowsCount]);\n    const columnConfig = useMemo(() => makeManyCols(colsCount), [colsCount]);\n    return (\n      <TableCanvas\n        tableConfig={{\n          containerStyle: { height: 480 },\n          rowMarkers: { startIndex: 1 },\n          borders: perCell\n            ? {\n                horizontal: false,\n                getCellBorder: ({ columnKey, row, rowIndex }) => {\n                  if (rowIndex % 10 === 9) return BOTTOM_ON;\n                  if (columnKey !== 'complete') return undefined;\n                  return row.complete >= 50 ? BOTTOM_ON : undefined;\n                },\n              }\n            : { vertical: false },\n        }}\n        columnConfig={columnConfig}\n        rows={rows}\n      />\n    );\n  }"
+        },
+        {
+          "exportName": "WithMergedCells",
+          "displayName": "Регион",
+          "type": "full-code",
+          "code": "() => {\n    const [rows] = useState(makeMergeRows);\n    return (\n      <TableCanvas\n        tableConfig={{\n          containerStyle: { height: 420 },\n          rowMarkers: { startIndex: 1 },\n          mergeCells: { mergeByCellValues: ['region', 'dept'] },\n          hoverEffects: { row: true },\n          cellsSelection: { mode: 'range-cell' },\n          borders: {\n            vertical: false,\n            horizontal: false,\n            getCellBorder: ({ columnKey, row }) => {\n              if (columnKey === 'region' || columnKey === 'dept') {\n                return FRAME_ON;\n              }\n              if (columnKey === 'metric') {\n                return row.metric >= 50 ? SIDES_WITH_BOTTOM : SIDES_ON;\n              }\n              if (columnKey === 'status') {\n                return SIDES_ON;\n              }\n              return undefined;\n            },\n          },\n        }}\n        columnConfig={MERGE_COLS}\n        rows={rows}\n      />\n    );\n  }"
+        },
+        {
+          "exportName": "SummaryVerticalBorders",
+          "displayName": "ID",
+          "type": "full-code",
+          "code": "() => {\n    const [rows] = useState(createRows);\n    const avgComplete = useMemo(\n      () =>\n        Math.round(rows.reduce((sum, r) => sum + r.complete, 0) / rows.length),\n      [rows],\n    );\n    return (\n      <TableCanvas\n        tableConfig={{\n          containerStyle: { height: 420 },\n          rowMarkers: { startIndex: 1 },\n          summaryRows: { showDefault: true, showInControl: false },\n          borders: {\n            getVerticalBorder: ({ columnKey }) =>\n              columnKey === 'priority' ? false : undefined,\n          },\n        }}\n        columnConfig={SUMMARY_COLS}\n        rows={rows}\n        bottomSummaryRows={[avgComplete]}\n      />\n    );\n  }"
+        }
+      ]
+    },
     {
       "component": "TableCanvas",
       "feature": "FullScreenMode",
@@ -53468,6 +53817,34 @@
         }
       ]
     },
+    {
+      "component": "TableCanvas",
+      "feature": "HoverEffects",
+      "legacy": false,
+      "summary": "Эффекты при наведении — единый расширяемый конфиг `tableConfig.hoverEffects`.",
+      "docs": "# Hover Effects\n\nЭффекты при наведении — единый расширяемый конфиг `tableConfig.hoverEffects`.\nСейчас поддерживается **подсветка строки под курсором** (`row`). Чисто визуальная фича, по умолчанию\n**выключена**. В будущем в этом же объекте появятся hover по ячейке и т.д.\n\n## Как включить\n\n```tsx\ntableConfig={{ hoverEffects: { row: true } }} // цвета из темы\n```\n\n## Цвета (уровень темы)\n\n- **data-ячейки** hovered-строки — серый `bgRowHovered`;\n- **служебные колонки** (нумерация / чекбокс / инструменты строк) hovered-строки\n  не сереют — темнеют голубым `bgServiceRowHovered`, тем же цветом, что\n  сервис-зона при селектинге;\n- строка, **отмеченная чекбоксом** (`selecting`), под курсором темнеет целиком —\n  `bgSelectedRowHovered` (как hover шапки), вместо серого.\n\n## Приоритеты слоёв (важно)\n\nHover — **самый нижний визуальный слой**, он не конкурирует с выделением:\n\n- выделение ячеек/строк/колонок (`cellsSelection`) и «залипшая» активная строка\n  (`highlightActiveType='row'`) рисуются **поверх** и перекрывают hover;\n- после сброса выделения hover под курсором снова виден;\n- summary-строки hover не получают.\n\n## Особенности\n\n- Работает по всей строке: hover срабатывает над любой ячейкой строки,\n  включая нумерацию и чекбокс.\n- Уход мыши с таблицы (или на шапку/групп-хедер) сбрасывает подсветку.\n- Не требует `themeOverride` и не влияет на copy/paste и прочую логику\n  выделения — ось полностью независимая. Не путать с `highlightActiveType` —\n  тот подсвечивает строку по **клику** («залипает»), hover — по наведению.\n\n> Подробнее о типах — [HoverEffects API](?path=/docs/локальные-компоненты-tablecanvas-hovereffects-api--docs)\n\n> Внутреннее устройство и почему такие приоритеты — в доке\n> `packages/ui-kit/src/components/TableCanvas/docs/SelectionAndHighlighting.md`,\n> раздел 7.",
+      "apiDocs": "# HoverEffects API\n\n## HoverEffectsConfig\n\n`tableConfig.hoverEffects` — единый конфиг эффектов при наведении. Значения,\nцвета по зонам строки и приоритет слоёв описаны в комментариях к типу.\n\n```typescript\ntype HoverEffectsConfig = {\n  /**\n   * Подсветка строки под курсором. По умолчанию выключена.\n   * - не задано или `false` — выключена;\n   * - `true` — включена, цвета из темы.\n   *\n   * Цвета по зонам строки берутся из темы:\n   * - data-ячейки — `bgRowHovered`;\n   * - служебные колонки (нумерация, чекбокс) — `bgServiceRowHovered`, тот же\n   *   цвет, что у сервис-зоны при выделении;\n   * - строка, отмеченная чекбоксом, темнеет целиком `bgSelectedRowHovered`.\n   *\n   * Hover — самый нижний слой: выделение ячеек, строк, колонок и залипшая\n   * активная строка (`highlightActiveType: 'row'`) рисуются поверх и\n   * перекрывают его; после сброса выделения он снова виден. Summary-строки\n   * hover не получают.\n   */\n  row?: boolean;\n};\n```",
+      "api": [
+        {
+          "typeName": "HoverEffectsConfig",
+          "source": "type HoverEffectsConfig = {\n  /**\n   * Подсветка строки под курсором. По умолчанию выключена.\n   * - не задано или `false` — выключена;\n   * - `true` — включена, цвета из темы.\n   *\n   * Цвета по зонам строки берутся из темы:\n   * - data-ячейки — `bgRowHovered`;\n   * - служебные колонки (нумерация, чекбокс) — `bgServiceRowHovered`, тот же\n   *   цвет, что у сервис-зоны при выделении;\n   * - строка, отмеченная чекбоксом, темнеет целиком `bgSelectedRowHovered`.\n   *\n   * Hover — самый нижний слой: выделение ячеек, строк, колонок и залипшая\n   * активная строка (`highlightActiveType: 'row'`) рисуются поверх и\n   * перекрывают его; после сброса выделения он снова виден. Summary-строки\n   * hover не получают.\n   */\n  row?: boolean;\n};"
+        }
+      ],
+      "stories": [
+        {
+          "exportName": "HoverEffectsPlayground",
+          "displayName": "HoverEffectsPlayground",
+          "type": "full-code",
+          "code": "import { useMemo, useState } from 'react';\nimport { Select } from '@daisforge/ui/components/Select';\nimport {\n  type CellsSelectionMode,\n  type ColumnConfig,\n  type HighlightActiveType,\n  type HoverEffectsConfig,\n  TableCanvas,\n} from '@daisforge/ui/components/TableCanvas';\n\n// Варианты значения tableConfig.hoverEffects для селекта.\ntype HoverEffectsOption = 'disabled' | 'row';\n\nconst HOVER_EFFECTS_OPTIONS: readonly HoverEffectsOption[] = ['row', 'disabled'];\n\n// Каждый вариант это готовое значение tableConfig.hoverEffects.\nconst HOVER_EFFECTS_BY_OPTION: Record<HoverEffectsOption, HoverEffectsConfig> = {\n  disabled: {},\n  row: { row: true },\n};\n\nconst HIGHLIGHT_ACTIVE_TYPE_OPTIONS: readonly HighlightActiveType[] = [\n  'row',\n  'disabled',\n];\n\nconst SELECTION_MODE_OPTIONS: readonly CellsSelectionMode[] = [\n  'range-cell',\n  'multi-range-cell',\n  'cell',\n  'disabled',\n];\n\nconst COLUMN_CONFIG: readonly ColumnConfig<Row>[] = [\n  { key: 'id', name: 'ID', width: 90 },\n  { key: 'task', name: 'Title', width: 260 },\n  { key: 'priority', name: 'Priority', width: 180 },\n  { key: 'issueType', name: 'Issue Type', width: 180 },\n  { key: 'complete', name: '% Complete', width: 160 },\n];\nconst getRowSelectionKey = (row: Row) => row.id + row.issueType;\n\n() => {\n    const [hoverOption, setHoverOption] = useState<HoverEffectsOption>('row');\n    const [highlightActiveType, setHighlightActiveType] =\n      useState<HighlightActiveType>('row');\n    const [selectionMode, setSelectionMode] =\n      useState<CellsSelectionMode>('range-cell');\n    const [rows] = useState(createRows);\n\n    const selectingStateAndSetter = useState<ReadonlySet<string | number>>(\n      () =>\n        new Set(\n          rows\n            .filter((row) => [3, 5].includes(Number(row.id)))\n            .map(getRowSelectionKey),\n        ),\n    );\n\n    const columnConfig = useMemo<readonly ColumnConfig<TableRow>[]>(\n      () => COLUMN_CONFIG,\n      [],\n    );\n\n    return (\n      <>\n        <div\n          style={{ display: 'grid', gap: 12, maxWidth: 420, marginBottom: 16 }}\n        >\n          <div>\n            hoverEffects (эффекты при наведении)\n            <Select\n              value={hoverOption}\n              onChange={(value) => setHoverOption(value as HoverEffectsOption)}\n              items={HOVER_EFFECTS_OPTIONS.map((item) => ({\n                label: item,\n                value: item,\n              }))}\n            />\n          </div>\n\n          <div>\n            highlightActiveType (залипшая активная строка)\n            <Select\n              value={highlightActiveType}\n              onChange={(value) =>\n                setHighlightActiveType(value as HighlightActiveType)\n              }\n              items={HIGHLIGHT_ACTIVE_TYPE_OPTIONS.map((item) => ({\n                label: item,\n                value: item,\n              }))}\n            />\n          </div>\n\n          <div>\n            cellsSelection.mode (режим выделения)\n            <Select\n              value={selectionMode}\n              onChange={(value) =>\n                setSelectionMode(value as CellsSelectionMode)\n              }\n              items={SELECTION_MODE_OPTIONS.map((item) => ({\n                label: item,\n                value: item,\n              }))}\n            />\n          </div>\n        </div>\n\n        <StoryHint>\n          Водите мышью по строкам — data-ячейки подсвечиваются серым, служебные\n          колонки (нумерация/чекбокс) — голубым, как при селектинге.\n          Checkbox-строки (3 и 5) под курсором темнеют целиком. Клик по строке\n          (активная строка / выделение) рисуется <b>поверх</b> hover-подсветки и\n          перекрывает её; после сброса выделения hover снова виден.\n        </StoryHint>\n\n        <TableCanvas\n          key={[hoverOption, highlightActiveType, selectionMode].join('-')}\n          tableConfig={{\n            containerStyle: { height: '700px', maxWidth: 980 },\n            hoverEffects: HOVER_EFFECTS_BY_OPTION[hoverOption],\n            highlightActiveType,\n            cellsSelection: { mode: selectionMode },\n            rowMarkers: { startIndex: 1 },\n            selecting: {\n              state: selectingStateAndSetter,\n              rowKeyGetter: getRowSelectionKey,\n            },\n          }}\n          columnConfig={columnConfig}\n          rows={rows}\n        />\n      </>\n    );\n  }"
+        },
+        {
+          "exportName": "HoverEffectsRowSimple",
+          "displayName": "Минимальное включение",
+          "type": "full-code",
+          "code": "import {\n  type CellsSelectionMode,\n  type ColumnConfig,\n  type HighlightActiveType,\n  type HoverEffectsConfig,\n  TableCanvas,\n} from '@daisforge/ui/components/TableCanvas';\n\nconst COLUMN_CONFIG: readonly ColumnConfig<Row>[] = [\n  { key: 'id', name: 'ID', width: 90 },\n  { key: 'task', name: 'Title', width: 260 },\n  { key: 'priority', name: 'Priority', width: 180 },\n  { key: 'issueType', name: 'Issue Type', width: 180 },\n  { key: 'complete', name: '% Complete', width: 160 },\n];\nconst getRowSelectionKey = (row: Row) => row.id + row.issueType;\n\n() => {\n    const [rows] = useState(createRows);\n    const columnConfig = useMemo<readonly ColumnConfig<TableRow>[]>(\n      () => COLUMN_CONFIG,\n      [],\n    );\n\n    return (\n      <TableCanvas\n        tableConfig={{\n          containerStyle: { height: '600px' },\n          hoverEffects: { row: true },\n        }}\n        columnConfig={columnConfig}\n        rows={rows}\n      />\n    );\n  }"
+        }
+      ]
+    },
     {
       "component": "TableCanvas",
       "feature": "InfinityScroll",
@@ -54220,7 +54597,7 @@
       "legacy": true,
       "summary": "Базовые примеры legacy `Table`: минимальная HTML-таблица и нагрузочный пример с большим количеством ячеек.",
       "docs": "# SimpleTable\n\nБазовые примеры legacy `Table`: минимальная HTML-таблица и нагрузочный пример с большим количеством ячеек.\n\n## Ключевые особенности\n\n- Минимальная связка `rows`, `columnConfig` и `tableConfig`\n- Кастомный заголовок колонки через React-разметку\n- Пример render-функции ячейки для большого набора строк и колонок\n- Управление размерами таблицы через `tableConfig.containerStyle`\n\n## Особенности\n\n`MillionCells` показывает сценарий проверки виртуализации и производительности. Для новых сценариев больших таблиц предпочтительнее `TableCanvas`.\n\nОписание типов - в разделе [API](?path=/docs/локальные-компоненты-table-simple-api--docs).",
-      "apiDocs": "# Simple Table API\n\n## TableProps\n\n```typescript\ntype TableProps<\n  FilterStateType extends ObjectForExtending,\n  RowIdType extends string | number,\n  HeaderContextValueType extends ObjectForExtending,\n  RowContextValueType extends ObjectForExtending,\n  RowType extends ObjectForExtending,\n  SummaryRowType = unknown,\n> = {\n  /**\n   * columnConfig - Конфигурация колонок.\n   *\n   * (рекомендуется минимальное количество зависимостей для данной сущности - в идеале, чтобы не пересоздавался)\n   */\n  columnConfig: readonly ColumnConfig<RowType, SummaryRowType>[];\n  /**\n   * rows - данные для таблицы. ```RowType extends Record<string | number, any>```\n   */\n  rows: RowType[];\n  /**\n   * topSummaryRows - данные для итоговой строки в верхней части таблицы. ```SummaryRowType[]```\n   */\n  topSummaryRows?: SummaryRowType[];\n  /**\n   * rows - данные для итоговой строки в нижней части таблицы. ```SummaryRowType[]```\n   */\n  bottomSummaryRows?: SummaryRowType[];\n  /**\n   * tableConfig - Конфигурация фичей таблицы (их активация и отключение)\n   */\n  tableConfig?: Prettify<\n    TableConfig<RowType, SummaryRowType, RowIdType, FilterStateType>\n  >;\n  /**\n   * headerContextValue:  любые стейты, которые нужны в headerCell - кладем в headerContextValue. И получаем доступ с помощью useHeaderContext.\n   */\n  headerContextValue?: HeaderContextValueType;\n  /**\n   * rowContextValue:  любые стейты, которые нужны в cell - кладем в rowContextValue.  И получаем доступ с помощью useRowContext.\n   */\n  rowContextValue?: RowContextValueType;\n  refTable?: Ref<DataGridHandle>;\n  refTableContainer?: React.Ref<HTMLDivElement>;\n};\n```\n\n## TableConfig\n\n```typescript\ntype TableConfig<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n  RowIdType extends string | number,\n  FilterStateType extends ObjectForExtending,\n  // SubRowType\n> = {\n  /**\n   * Тип выделения активной (кликнутой) сущности `'cell' | 'row'`\n   * @default 'cell'\n   */\n  highlightActiveType?: HighlightActiveType;\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  } & 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   * subRows - активация иерархии, отображения вложенных строк. Условие активации - наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={subRows: {getSubRows, rowKeyGetter}}\n   *\n   * columnConfig=[{subRow: {...}}]\n   */\n  subRows?: SubRows<RowType, RowIdType>;\n  rowsGrouping?: RowsGrouping<RowType>;\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   * infinityScroll - бесконечная подгрузка данных при скролле.\n   *\n   *  Условие активации - наличие самого пропса infinityScroll.\n   *\n   * При активации infinityScroll отключается дефолтная сортировка и фильтрация.\n   * (Предполагается, что если есть infinityScroll,\n   * то в таблице представлен не весь объем данных,\n   * по этой причине дефолтная сортировка и фильтрация не подходят и будут отображать некорректные данные)\n   *\n   */\n  infinityScroll?: {\n    onTrigger: (rows: RowType[]) => Promise<void> | void;\n    isLoading: boolean;\n    /**\n     * @default true\n     */\n    hasMore?: boolean;\n    /**\n     * @default 100   (px)\n     */\n    scrollThreshold?: number;\n  };\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  noRowsFallback?: boolean | { custom: ReactNode };\n  columnsControl?: ColumnsControlConfig;\n  rowDetailPanel?: RowDetailConfig<RowType>;\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  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 - пропс для активации открытия контекстного меню.\n   *\n   */\n  onHeaderContextMenu?: HeaderContextMenuProps;\n  onHeaderContextMenuDropDown?: HeaderContextMenuDropDownProps;\n  onCellContextMenuDropDown?: CellContextMenuDropDownProps<\n    RowType,\n    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## ColumnConfig\n\n```typescript\ntype ColumnConfig<\n  Row extends ObjectForExtending,\n  SummRow = unknown,\n> = ColumnDefaultOmitted<Row, SummRow> & {\n  /**\n   * Если в поле name был передан jsx, то нужно заполнить nameAsString для указания label в разделе Настройки столбцов, либо для отображения label в фильтрах в правом сайдбаре (но приоритет для фильтро будет ниже, чем то, что указали в filtering.sidebarConfig.items, там отдельно можно перезаписать label для фильтров сайдабара)\n   */\n  nameAsString?: string;\n  sortingType?: 'stringSort' | 'numberSort' | Comparator<Row>;\n  searching?: {\n    valueInRow: (row: Row) => string | number;\n  };\n  filtering?: {\n    keyInFilterState: string;\n    /**\n     * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n     */\n    valueInRow?: (row: Row) => string | number;\n    /**\n     * ```FilterCb - (filterValue: string, rowValue: string) => boolean```\n     */\n  } & (\n    | {\n        component: 'input';\n        filter: 'includes' | 'startWith' | 'equal' | FilterCb<'single'>;\n      }\n    | {\n        component: 'select';\n        beforeList?: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter:\n          | {\n              typeOfValue: 'single';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'single'>;\n            }\n          | {\n              typeOfValue: 'multiple';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'multiple'>;\n            };\n        selectOptions:\n          | {\n              type: 'constant';\n              options: SelectOptions[];\n            }\n          | {\n              type: 'stateInHeaderContext';\n              /**\n               * тип optionsState, который будет в HeaderContext:\n               * ```ts\n               * {\n               * value: string | number;\n               * text: string | number;\n               * }[];\n               * ```\n               */\n              optionsKeyInHeaderContext: string;\n            };\n        /**\n         * Максимальна высота выпадающего списка в фильтрах колонок / правом сайдбаре.\n         * @default \"360px\"\n         */\n        listMaxHeight?: string;\n      }\n    | {\n        component: 'custom';\n        customRender: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter?: (filterValue: unknown, rowValue: unknown) => boolean;\n        compareWithClearedValue?: (\n          clearedValue: unknown,\n          currV: unknown,\n        ) => boolean;\n      }\n  );\n\n  contentFormat?: ContentFormat;\n\n  editingCell?: Editing<Row>;\n\n  subRow?: {\n    /**\n     * @default false\n     */\n    isColumnWithArrow?: boolean | ((props: { keyText: KeyText }) => boolean);\n    /**\n     * @default false\n     */\n    hideHeaderExpandAllArrow?: boolean;\n    /**\n     * @default false\n     */\n    parentKeyAsDefault?: boolean;\n    /**\n     * @default undefined\n     */\n    contentFormat?: ContentFormat;\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    renderSubRowCell?: RenderSubRowCell<any>;\n  } & (\n    | {\n        keyOfColumnInSubRow:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        editingCell: Editing<any>;\n      }\n    | {\n        editingCell?: undefined;\n        keyOfColumnInSubRow?:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n      }\n  );\n  rowsGrouping?: ColumnRowsGrouping<Row, SummRow>;\n  keyText?: KeyTextColumnConfig<Row, SummRow>;\n};\n```",
+      "apiDocs": "# Simple Table API\n\n## TableProps\n\n```typescript\ntype TableProps<\n  FilterStateType extends ObjectForExtending,\n  RowIdType extends string | number,\n  HeaderContextValueType extends ObjectForExtending,\n  RowContextValueType extends ObjectForExtending,\n  RowType extends ObjectForExtending,\n  SummaryRowType = unknown,\n> = {\n  /**\n   * columnConfig - Конфигурация колонок.\n   *\n   * (рекомендуется минимальное количество зависимостей для данной сущности - в идеале, чтобы не пересоздавался)\n   */\n  columnConfig: readonly ColumnConfig<RowType, SummaryRowType>[];\n  /**\n   * rows - данные для таблицы. ```RowType extends Record<string | number, any>```\n   */\n  rows: RowType[];\n  /**\n   * topSummaryRows - данные для итоговой строки в верхней части таблицы. ```SummaryRowType[]```\n   */\n  topSummaryRows?: SummaryRowType[];\n  /**\n   * rows - данные для итоговой строки в нижней части таблицы. ```SummaryRowType[]```\n   */\n  bottomSummaryRows?: SummaryRowType[];\n  /**\n   * tableConfig - Конфигурация фичей таблицы (их активация и отключение)\n   */\n  tableConfig?: Prettify<\n    TableConfig<RowType, SummaryRowType, RowIdType, FilterStateType>\n  >;\n  /**\n   * headerContextValue:  любые стейты, которые нужны в headerCell - кладем в headerContextValue. И получаем доступ с помощью useHeaderContext.\n   */\n  headerContextValue?: HeaderContextValueType;\n  /**\n   * rowContextValue:  любые стейты, которые нужны в cell - кладем в rowContextValue.  И получаем доступ с помощью useRowContext.\n   */\n  rowContextValue?: RowContextValueType;\n  refTable?: Ref<DataGridHandle>;\n  refTableContainer?: React.Ref<HTMLDivElement>;\n};\n```\n\n## TableConfig\n\n```typescript\ntype TableConfig<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n  RowIdType extends string | number,\n  FilterStateType extends ObjectForExtending,\n  // SubRowType\n> = {\n  /**\n   * Тип выделения активной (кликнутой) сущности `'cell' | 'row'`\n   * @default 'cell'\n   */\n  highlightActiveType?: HighlightActiveType;\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  } & 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   * subRows - активация иерархии, отображения вложенных строк. Условие активации - наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={subRows: {getSubRows, rowKeyGetter}}\n   *\n   * columnConfig=[{subRow: {...}}]\n   */\n  subRows?: SubRows<RowType, RowIdType>;\n  rowsGrouping?: RowsGrouping<RowType>;\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   * infinityScroll - бесконечная подгрузка данных при скролле.\n   *\n   *  Условие активации - наличие самого пропса infinityScroll.\n   *\n   * При активации infinityScroll отключается дефолтная сортировка и фильтрация.\n   * (Предполагается, что если есть infinityScroll,\n   * то в таблице представлен не весь объем данных,\n   * по этой причине дефолтная сортировка и фильтрация не подходят и будут отображать некорректные данные)\n   *\n   */\n  infinityScroll?: {\n    onTrigger: (rows: RowType[]) => Promise<void> | void;\n    isLoading: boolean;\n    /**\n     * @default true\n     */\n    hasMore?: boolean;\n    /**\n     * @default 100   (px)\n     */\n    scrollThreshold?: number;\n  };\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  noRowsFallback?: boolean | { custom: ReactNode };\n  columnsControl?: ColumnsControlConfig;\n  rowDetailPanel?: RowDetailConfig<RowType>;\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  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 - пропс для активации открытия контекстного меню.\n   *\n   */\n  onHeaderContextMenu?: HeaderContextMenuProps;\n  onHeaderContextMenuDropDown?: HeaderContextMenuDropDownProps;\n  onCellContextMenuDropDown?: CellContextMenuDropDownProps<\n    RowType,\n    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## ColumnConfig\n\n```typescript\ntype ColumnConfig<\n  Row extends ObjectForExtending,\n  SummRow = unknown,\n> = ColumnDefaultOmitted<Row, SummRow> & {\n  /**\n   * Если в поле name был передан jsx, то нужно заполнить nameAsString для указания label в разделе Настройки столбцов, либо для отображения label в фильтрах в правом сайдбаре (но приоритет для фильтро будет ниже, чем то, что указали в filtering.sidebarConfig.items, там отдельно можно перезаписать label для фильтров сайдабара)\n   */\n  nameAsString?: string;\n  sortingType?: 'stringSort' | 'numberSort' | Comparator<Row>;\n  searching?: {\n    valueInRow: (row: Row) => string | number;\n  };\n  filtering?: {\n    keyInFilterState: string;\n    /**\n     * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n     */\n    valueInRow?: (row: Row) => string | number;\n    /**\n     * ```FilterCb - (filterValue: string, rowValue: string) => boolean```\n     */\n  } & (\n    | {\n        component: 'input';\n        filter: 'includes' | 'startWith' | 'equal' | FilterCb<'single'>;\n      }\n    | {\n        component: 'select';\n        /**\n         * Произвольное содержимое над списком опций фильтра.\n         *\n         * Рендерится и в поповере фильтра в шапке колонки, и в сайдбаре\n         * фильтров. Рендерится как компонент, поэтому внутри можно\n         * использовать хуки и локальное состояние.\n         *\n         * @example\n         * beforeList: ({ headerContextState }) => (\n         *   <TableFilterSelectListItem $size={headerContextState.rowSize}>\n         *     Подсказка над списком\n         *   </TableFilterSelectListItem>\n         * )\n         */\n        beforeList?: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        /**\n         * Произвольное содержимое под списком опций фильтра.\n         *\n         * Рендерится и в поповере фильтра в шапке колонки, и в сайдбаре\n         * фильтров. Рендерится как компонент, поэтому внутри можно\n         * использовать хуки и локальное состояние — например, чтобы держать\n         * черновик выбора и применять его по кнопке.\n         *\n         * @example\n         * afterList: ({ headerContextState, setPopoverIsOpen }) => (\n         *   <TableFilterSelectListItem $size={headerContextState.rowSize}>\n         *     Подсказка под списком\n         *   </TableFilterSelectListItem>\n         * )\n         */\n        afterList?: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter:\n          | {\n              typeOfValue: 'single';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'single'>;\n            }\n          | {\n              typeOfValue: 'multiple';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'multiple'>;\n            };\n        selectOptions:\n          | {\n              type: 'constant';\n              options: SelectOptions[];\n            }\n          | {\n              type: 'stateInHeaderContext';\n              /**\n               * тип optionsState, который будет в HeaderContext:\n               * ```ts\n               * {\n               * value: string | number;\n               * text: string | number;\n               * }[];\n               * ```\n               */\n              optionsKeyInHeaderContext: string;\n            };\n        /**\n         * Максимальна высота выпадающего списка в фильтрах колонок / правом сайдбаре.\n         * @default \"360px\"\n         */\n        listMaxHeight?: string;\n      }\n    | {\n        component: 'custom';\n        customRender: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter?: (filterValue: unknown, rowValue: unknown) => boolean;\n        compareWithClearedValue?: (\n          clearedValue: unknown,\n          currV: unknown,\n        ) => boolean;\n      }\n  );\n\n  contentFormat?: ContentFormat;\n\n  editingCell?: Editing<Row>;\n\n  subRow?: {\n    /**\n     * @default false\n     */\n    isColumnWithArrow?: boolean | ((props: { keyText: KeyText }) => boolean);\n    /**\n     * @default false\n     */\n    hideHeaderExpandAllArrow?: boolean;\n    /**\n     * @default false\n     */\n    parentKeyAsDefault?: boolean;\n    /**\n     * @default undefined\n     */\n    contentFormat?: ContentFormat;\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    renderSubRowCell?: RenderSubRowCell<any>;\n  } & (\n    | {\n        keyOfColumnInSubRow:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        editingCell: Editing<any>;\n      }\n    | {\n        editingCell?: undefined;\n        keyOfColumnInSubRow?:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n      }\n  );\n  rowsGrouping?: ColumnRowsGrouping<Row, SummRow>;\n  keyText?: KeyTextColumnConfig<Row, SummRow>;\n};\n```",
       "api": [
         {
           "typeName": "TableProps",
@@ -54296,6 +54673,18 @@
           "type": "full-code",
           "code": "import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  Badge,\n  Box,\n  Button,\n  ColumnConfig,\n  ColumnOrColumnGroupConfig,\n  RenderCellProps,\n  RowHeightFunc,\n  SIZES,\n  Select,\n  Switch,\n  Table,\n  TextField,\n} from '@daisforge/ui';\nimport { IconAddOutline, IconBoxOutline, IconSber } from '@daisforge/ui/icons';\n\n() => {\n    const [rows] = useState(createRows);\n\n    const columnConfig = useMemo<readonly ColumnConfig<Row>[]>(\n      () => [\n        {\n          key: 'id',\n          name: 'ID',\n        },\n        {\n          key: 'task',\n          name: 'Title',\n        },\n        {\n          key: 'priority',\n          name: 'Priority',\n        },\n        {\n          key: 'issueType',\n          name: 'Issue Type',\n        },\n        {\n          key: 'developer',\n          name: 'Developer',\n        },\n        {\n          key: 'tr1',\n          name: 'TR',\n        },\n        {\n          key: 'complete',\n          name: '% Complete',\n        },\n      ],\n      [],\n    );\n\n    return (\n      <Table\n        tableConfig={{\n          containerStyle: { height: 700 },\n          columnsControl: {\n            enable: true,\n            hiding: true,\n            disableHiding: ['id'],\n            pinning: true,\n            disablePinning: ['developer'],\n            reorderingAside: true,\n            reorderingHeader: true,\n            columnsLabel: {\n              task: 'Задачи',\n            },\n            orderDefault: ['id', 'issueType', 'task'],\n            hiddenDefault: ['tr1'],\n            pinnedDefault: ['complete'],\n            onConfirm: ({ order, hidden, pinned }, _setters) => {\n              // eslint-disable-next-line no-alert\n              alert(`\n                                    order: ${order.join(', ')}\n                                    pinned: ${pinned.join(', ')}\n                                    hidden: ${hidden.join(', ')}\n                                `);\n            },\n          },\n        }}\n        columnConfig={columnConfig}\n        rows={rows}\n      />\n    );\n  }"
         },
+        {
+          "exportName": "ColumnsControlDynamicColumn",
+          "displayName": "ColumnsControl: динамическое добавление колонки",
+          "type": "full-code",
+          "code": "import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  Badge,\n  Box,\n  Button,\n  ColumnConfig,\n  ColumnOrColumnGroupConfig,\n  RenderCellProps,\n  RowHeightFunc,\n  SIZES,\n  Select,\n  Switch,\n  Table,\n  TextField,\n} from '@daisforge/ui';\nimport { IconAddOutline, IconBoxOutline, IconSber } from '@daisforge/ui/icons';\n\n() => {\n    const [rows] = useState(createRows);\n    const [developerIsShown, setDeveloperIsShown] = useState(false);\n\n    const columnConfig = useMemo<readonly ColumnConfig<Row>[]>(\n      () => [\n        {\n          key: 'id',\n          name: 'ID',\n        },\n        {\n          key: 'task',\n          name: 'Title',\n        },\n        ...(developerIsShown\n          ? [\n              {\n                key: 'developer',\n                name: 'Developer',\n              } satisfies ColumnConfig<Row>,\n            ]\n          : []),\n        {\n          key: 'priority',\n          name: 'Priority',\n        },\n        {\n          key: 'issueType',\n          name: 'Issue Type',\n        },\n        {\n          key: 'complete',\n          name: '% Complete',\n        },\n      ],\n      [developerIsShown],\n    );\n\n    return (\n      <Box $css={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n        <Box>\n          <Button\n            size=\"s\"\n            view=\"secondary\"\n            onClick={() => setDeveloperIsShown((prev) => !prev)}\n          >\n            {developerIsShown\n              ? 'Удалить колонку Developer'\n              : 'Добавить колонку Developer'}\n          </Button>\n        </Box>\n        <Table\n          tableConfig={{\n            containerStyle: { height: 700 },\n            columnsControl: {\n              enable: true,\n              hiding: true,\n              pinning: true,\n              reorderingAside: true,\n              reorderingHeader: true,\n            },\n          }}\n          columnConfig={columnConfig}\n          rows={rows}\n        />\n      </Box>\n    );\n  }"
+        },
+        {
+          "exportName": "SimpleTableDynamicColumn",
+          "displayName": "SimpleTable: динамическое добавление колонки",
+          "type": "full-code",
+          "code": "import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  Badge,\n  Box,\n  Button,\n  ColumnConfig,\n  ColumnOrColumnGroupConfig,\n  RenderCellProps,\n  RowHeightFunc,\n  SIZES,\n  Select,\n  Switch,\n  Table,\n  TextField,\n} from '@daisforge/ui';\nimport { IconAddOutline, IconBoxOutline, IconSber } from '@daisforge/ui/icons';\n\n() => {\n    const [rows] = useState(createRows);\n    const [developerIsShown, setDeveloperIsShown] = useState(false);\n\n    const columnConfig = useMemo<readonly ColumnConfig<Row>[]>(\n      () => [\n        {\n          key: 'id',\n          name: (\n            <div\n              style={{\n                display: 'flex',\n                justifyContent: 'space-between',\n              }}\n            >\n              id\n              <IconSber size=\"xs\" color=\"inherit\" />\n            </div>\n          ),\n        },\n        {\n          key: 'task',\n          name: 'Title',\n        },\n        ...(developerIsShown\n          ? [\n              {\n                key: 'developer',\n                name: 'Developer',\n              } satisfies ColumnConfig<Row>,\n            ]\n          : []),\n        {\n          key: 'priority',\n          name: 'Priority',\n        },\n        {\n          key: 'issueType',\n          name: 'Issue Type',\n        },\n        {\n          key: 'complete',\n          name: '% Complete',\n        },\n      ],\n      [developerIsShown],\n    );\n\n    return (\n      <Box $css={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n        <Box>\n          <Button\n            size=\"s\"\n            view=\"secondary\"\n            onClick={() => setDeveloperIsShown((prev) => !prev)}\n          >\n            {developerIsShown\n              ? 'Удалить колонку Developer'\n              : 'Добавить колонку Developer'}\n          </Button>\n        </Box>\n        <Table\n          tableConfig={{ containerStyle: { height: 700 } }}\n          columnConfig={columnConfig}\n          rows={rows}\n        />\n      </Box>\n    );\n  }"
+        },
         {
           "exportName": "ColumnsControlWithServiceColumnsForTest",
           "displayName": "ID",
@@ -55190,7 +55579,7 @@
       "legacy": true,
       "summary": "Сортировка по колонкам",
       "docs": "# Sorting\n\n## Ключевые особенности\n\n- Сортировка по колонкам\n- Строковый, числовой и кастомный компаратор\n- Ручная сортировка для серверных сценариев\n\nКомпонент `Table` поддерживает сортировку данных по колонкам.\n\n## Быстрый старт\n\nДля включения сортировки необходимо:\n\n1. Передать `sorting` в `tableConfig`\n2. Указать `sortingType` в конфигурации колонок\n\n```tsx\nconst sortingState = useState<readonly SortColumn[]>([]);\n\n<Table\n  tableConfig={{\n    sorting: {\n      state: sortingState,\n    },\n  }}\n  columnConfig={[\n    { key: 'name', name: 'Название', sortingType: 'stringSort' },\n    { key: 'amount', name: 'Сумма', sortingType: 'numberSort' },\n  ]}\n  rows={rows}\n/>;\n```\n\n## Стратегии сортировки\n\n<table>\n  <thead>\n    <tr>\n      <th>sortingType</th>\n      <th>Когда использовать</th>\n      <th>Пример данных</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>\n        <code>stringSort</code>\n      </td>\n      <td>Текстовые поля, названия, описания</td>\n      <td>\n        <code>\"Яблоко\"</code>, <code>\"Apple\"</code>, <code>\"100 дней\"</code>\n      </td>\n    </tr>\n    <tr>\n      <td>\n        <code>numberSort</code>\n      </td>\n      <td>Числа, ID, коды (даже строковые)</td>\n      <td>\n        <code>\"42\"</code>, <code>\"1 000\"</code>, <code>\"3,14\"</code>\n      </td>\n    </tr>\n    <tr>\n      <td>\n        <code>Comparator&lt;Row&gt;</code>\n      </td>\n      <td>Кастомная логика (enum-приоритеты, даты, и т.д.)</td>\n      <td>\n        <code>Critical → High → Medium → Low</code>\n      </td>\n    </tr>\n  </tbody>\n</table>\n\n### stringSort\n\nСтроковое сравнение с учётом русской локали.\n\n- Строковые числа сортируются как числа: `\"2\" < \"10\"` (не посимвольно)\n- Регистр не влияет: `\"яблоко\"` = `\"Яблоко\"`\n- Пустые значения всегда внизу\n\nПорядок символов при ASC (локаль `'ru'`):\n\n<table>\n  <thead>\n    <tr>\n      <th>Порядок</th>\n      <th>Категория</th>\n      <th>Пример</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>1</td>\n      <td>Спецсимволы</td>\n      <td>\n        <code>\"#tag\"</code>, <code>\"@user\"</code>, <code>\"-\"</code>\n      </td>\n    </tr>\n    <tr>\n      <td>2</td>\n      <td>Цифры</td>\n      <td>\n        <code>\"31.10\"</code>, <code>\"100\"</code>\n      </td>\n    </tr>\n    <tr>\n      <td>3</td>\n      <td>Кириллица</td>\n      <td>\n        <code>\"Авто\"</code>, <code>\"Яблоко\"</code>\n      </td>\n    </tr>\n    <tr>\n      <td>4</td>\n      <td>Латиница</td>\n      <td>\n        <code>\"Apple\"</code>, <code>\"MYCHANGE\"</code>\n      </td>\n    </tr>\n    <tr>\n      <td>—</td>\n      <td>Пустые</td>\n      <td>Всегда внизу</td>\n    </tr>\n  </tbody>\n</table>\n> Порядок между кириллицей и латиницей определяется русской локалью браузера — кириллица\nидёт первой.\n\n### numberSort\n\nЧисловое сравнение с поддержкой локальных форматов.\n\n<table>\n  <thead>\n    <tr>\n      <th>Входное значение</th>\n      <th>Результат</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>\n        <code>\"42\"</code>\n      </td>\n      <td>\n        <code>42</code>\n      </td>\n    </tr>\n    <tr>\n      <td>\n        <code>\"1 000\"</code>\n      </td>\n      <td>\n        <code>1000</code> (пробелы-разделители)\n      </td>\n    </tr>\n    <tr>\n      <td>\n        <code>\"3,14\"</code>\n      </td>\n      <td>\n        <code>3.14</code> (запятая как десятичный)\n      </td>\n    </tr>\n    <tr>\n      <td>\n        <code>\"abc\"</code>, <code>\"\"</code>\n      </td>\n      <td>Уходят вниз</td>\n    </tr>\n  </tbody>\n</table>\n\n### Кастомный компаратор\n\nФункция `(a: Row, b: Row) => number`. Направление (ASC/DESC) применяется автоматически.\n\n```tsx\n{\n  key: 'priority',\n  name: 'Приоритет',\n  sortingType: (a, b) => {\n    const order = { Critical: 0, High: 1, Medium: 2, Low: 3 };\n    return (order[a.priority] ?? 99) - (order[b.priority] ?? 99);\n  },\n}\n```\n\n## Направление сортировки\n\nКлик по заголовку переключает направление циклически:\n\n**нет сортировки → ASC (↓) → DESC (↑) → нет сортировки**\n\n<table>\n  <thead>\n    <tr>\n      <th>Иконка</th>\n      <th>Направление</th>\n      <th>Описание</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>↓</td>\n      <td>ASC</td>\n      <td>По возрастанию (от меньшего к большему)</td>\n    </tr>\n    <tr>\n      <td>↑</td>\n      <td>DESC</td>\n      <td>По убыванию (от большего к меньшему)</td>\n    </tr>\n    <tr>\n      <td>↕</td>\n      <td>—</td>\n      <td>Сортировка не активна</td>\n    </tr>\n  </tbody>\n</table>\n\nПустые значения (`null`, `undefined`, `\"\"`, строка из пробелов) всегда остаются внизу, независимо от направления.\n\n## Серверная сортировка\n\nЕсли сортировка выполняется на бэкенде, включите `manualSorting`. Таблица не будет сортировать данные сама, но будет обновлять `state` при кликах по заголовкам.\n\n```tsx\nconst [sortColumns, setSortColumns] = useState<readonly SortColumn[]>([]);\n\n// Реагируем на изменение sortColumns и делаем запрос на сервер\nuseEffect(() => {\n  fetchData({ sort: sortColumns });\n}, [sortColumns]);\n\n<Table\n  tableConfig={{\n    sorting: {\n      state: [sortColumns, setSortColumns],\n      manualSorting: true,\n    },\n  }}\n  ...\n/>\n```\n\n## API\n\nПодробное описание типов доступно в разделе [API](?path=/docs/локальные-компоненты-table-sorting-api--docs).",
-      "apiDocs": "# Sorting API\n\n## Comparator\n\n```typescript\ntype Comparator<Row extends ObjectForExtending> = (\n  a: Row,\n  b: Row,\n) => number;\n```\n\n## TableConfig\n\n```typescript\ntype TableConfig<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n  RowIdType extends string | number,\n  FilterStateType extends ObjectForExtending,\n  // SubRowType\n> = {\n  /**\n   * Тип выделения активной (кликнутой) сущности `'cell' | 'row'`\n   * @default 'cell'\n   */\n  highlightActiveType?: HighlightActiveType;\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  } & 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   * subRows - активация иерархии, отображения вложенных строк. Условие активации - наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={subRows: {getSubRows, rowKeyGetter}}\n   *\n   * columnConfig=[{subRow: {...}}]\n   */\n  subRows?: SubRows<RowType, RowIdType>;\n  rowsGrouping?: RowsGrouping<RowType>;\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   * infinityScroll - бесконечная подгрузка данных при скролле.\n   *\n   *  Условие активации - наличие самого пропса infinityScroll.\n   *\n   * При активации infinityScroll отключается дефолтная сортировка и фильтрация.\n   * (Предполагается, что если есть infinityScroll,\n   * то в таблице представлен не весь объем данных,\n   * по этой причине дефолтная сортировка и фильтрация не подходят и будут отображать некорректные данные)\n   *\n   */\n  infinityScroll?: {\n    onTrigger: (rows: RowType[]) => Promise<void> | void;\n    isLoading: boolean;\n    /**\n     * @default true\n     */\n    hasMore?: boolean;\n    /**\n     * @default 100   (px)\n     */\n    scrollThreshold?: number;\n  };\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  noRowsFallback?: boolean | { custom: ReactNode };\n  columnsControl?: ColumnsControlConfig;\n  rowDetailPanel?: RowDetailConfig<RowType>;\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  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 - пропс для активации открытия контекстного меню.\n   *\n   */\n  onHeaderContextMenu?: HeaderContextMenuProps;\n  onHeaderContextMenuDropDown?: HeaderContextMenuDropDownProps;\n  onCellContextMenuDropDown?: CellContextMenuDropDownProps<\n    RowType,\n    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## ColumnConfig\n\n`sortingType` настраивается в конфигурации колонки.\n\n```typescript\ntype ColumnConfig<\n  Row extends ObjectForExtending,\n  SummRow = unknown,\n> = ColumnDefaultOmitted<Row, SummRow> & {\n  /**\n   * Если в поле name был передан jsx, то нужно заполнить nameAsString для указания label в разделе Настройки столбцов, либо для отображения label в фильтрах в правом сайдбаре (но приоритет для фильтро будет ниже, чем то, что указали в filtering.sidebarConfig.items, там отдельно можно перезаписать label для фильтров сайдабара)\n   */\n  nameAsString?: string;\n  sortingType?: 'stringSort' | 'numberSort' | Comparator<Row>;\n  searching?: {\n    valueInRow: (row: Row) => string | number;\n  };\n  filtering?: {\n    keyInFilterState: string;\n    /**\n     * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n     */\n    valueInRow?: (row: Row) => string | number;\n    /**\n     * ```FilterCb - (filterValue: string, rowValue: string) => boolean```\n     */\n  } & (\n    | {\n        component: 'input';\n        filter: 'includes' | 'startWith' | 'equal' | FilterCb<'single'>;\n      }\n    | {\n        component: 'select';\n        beforeList?: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter:\n          | {\n              typeOfValue: 'single';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'single'>;\n            }\n          | {\n              typeOfValue: 'multiple';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'multiple'>;\n            };\n        selectOptions:\n          | {\n              type: 'constant';\n              options: SelectOptions[];\n            }\n          | {\n              type: 'stateInHeaderContext';\n              /**\n               * тип optionsState, который будет в HeaderContext:\n               * ```ts\n               * {\n               * value: string | number;\n               * text: string | number;\n               * }[];\n               * ```\n               */\n              optionsKeyInHeaderContext: string;\n            };\n        /**\n         * Максимальна высота выпадающего списка в фильтрах колонок / правом сайдбаре.\n         * @default \"360px\"\n         */\n        listMaxHeight?: string;\n      }\n    | {\n        component: 'custom';\n        customRender: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter?: (filterValue: unknown, rowValue: unknown) => boolean;\n        compareWithClearedValue?: (\n          clearedValue: unknown,\n          currV: unknown,\n        ) => boolean;\n      }\n  );\n\n  contentFormat?: ContentFormat;\n\n  editingCell?: Editing<Row>;\n\n  subRow?: {\n    /**\n     * @default false\n     */\n    isColumnWithArrow?: boolean | ((props: { keyText: KeyText }) => boolean);\n    /**\n     * @default false\n     */\n    hideHeaderExpandAllArrow?: boolean;\n    /**\n     * @default false\n     */\n    parentKeyAsDefault?: boolean;\n    /**\n     * @default undefined\n     */\n    contentFormat?: ContentFormat;\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    renderSubRowCell?: RenderSubRowCell<any>;\n  } & (\n    | {\n        keyOfColumnInSubRow:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        editingCell: Editing<any>;\n      }\n    | {\n        editingCell?: undefined;\n        keyOfColumnInSubRow?:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n      }\n  );\n  rowsGrouping?: ColumnRowsGrouping<Row, SummRow>;\n  keyText?: KeyTextColumnConfig<Row, SummRow>;\n};\n```",
+      "apiDocs": "# Sorting API\n\n## Comparator\n\n```typescript\ntype Comparator<Row extends ObjectForExtending> = (\n  a: Row,\n  b: Row,\n) => number;\n```\n\n## TableConfig\n\n```typescript\ntype TableConfig<\n  RowType extends ObjectForExtending,\n  SummaryRowType,\n  RowIdType extends string | number,\n  FilterStateType extends ObjectForExtending,\n  // SubRowType\n> = {\n  /**\n   * Тип выделения активной (кликнутой) сущности `'cell' | 'row'`\n   * @default 'cell'\n   */\n  highlightActiveType?: HighlightActiveType;\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  } & 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   * subRows - активация иерархии, отображения вложенных строк. Условие активации - наличие данного свойства. Нужно также сконфигурировать колонки.\n   *\n   * Пример:\n   *\n   * tableConfig={subRows: {getSubRows, rowKeyGetter}}\n   *\n   * columnConfig=[{subRow: {...}}]\n   */\n  subRows?: SubRows<RowType, RowIdType>;\n  rowsGrouping?: RowsGrouping<RowType>;\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   * infinityScroll - бесконечная подгрузка данных при скролле.\n   *\n   *  Условие активации - наличие самого пропса infinityScroll.\n   *\n   * При активации infinityScroll отключается дефолтная сортировка и фильтрация.\n   * (Предполагается, что если есть infinityScroll,\n   * то в таблице представлен не весь объем данных,\n   * по этой причине дефолтная сортировка и фильтрация не подходят и будут отображать некорректные данные)\n   *\n   */\n  infinityScroll?: {\n    onTrigger: (rows: RowType[]) => Promise<void> | void;\n    isLoading: boolean;\n    /**\n     * @default true\n     */\n    hasMore?: boolean;\n    /**\n     * @default 100   (px)\n     */\n    scrollThreshold?: number;\n  };\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  noRowsFallback?: boolean | { custom: ReactNode };\n  columnsControl?: ColumnsControlConfig;\n  rowDetailPanel?: RowDetailConfig<RowType>;\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  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 - пропс для активации открытия контекстного меню.\n   *\n   */\n  onHeaderContextMenu?: HeaderContextMenuProps;\n  onHeaderContextMenuDropDown?: HeaderContextMenuDropDownProps;\n  onCellContextMenuDropDown?: CellContextMenuDropDownProps<\n    RowType,\n    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## ColumnConfig\n\n`sortingType` настраивается в конфигурации колонки.\n\n```typescript\ntype ColumnConfig<\n  Row extends ObjectForExtending,\n  SummRow = unknown,\n> = ColumnDefaultOmitted<Row, SummRow> & {\n  /**\n   * Если в поле name был передан jsx, то нужно заполнить nameAsString для указания label в разделе Настройки столбцов, либо для отображения label в фильтрах в правом сайдбаре (но приоритет для фильтро будет ниже, чем то, что указали в filtering.sidebarConfig.items, там отдельно можно перезаписать label для фильтров сайдабара)\n   */\n  nameAsString?: string;\n  sortingType?: 'stringSort' | 'numberSort' | Comparator<Row>;\n  searching?: {\n    valueInRow: (row: Row) => string | number;\n  };\n  filtering?: {\n    keyInFilterState: string;\n    /**\n     * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n     */\n    valueInRow?: (row: Row) => string | number;\n    /**\n     * ```FilterCb - (filterValue: string, rowValue: string) => boolean```\n     */\n  } & (\n    | {\n        component: 'input';\n        filter: 'includes' | 'startWith' | 'equal' | FilterCb<'single'>;\n      }\n    | {\n        component: 'select';\n        /**\n         * Произвольное содержимое над списком опций фильтра.\n         *\n         * Рендерится и в поповере фильтра в шапке колонки, и в сайдбаре\n         * фильтров. Рендерится как компонент, поэтому внутри можно\n         * использовать хуки и локальное состояние.\n         *\n         * @example\n         * beforeList: ({ headerContextState }) => (\n         *   <TableFilterSelectListItem $size={headerContextState.rowSize}>\n         *     Подсказка над списком\n         *   </TableFilterSelectListItem>\n         * )\n         */\n        beforeList?: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        /**\n         * Произвольное содержимое под списком опций фильтра.\n         *\n         * Рендерится и в поповере фильтра в шапке колонки, и в сайдбаре\n         * фильтров. Рендерится как компонент, поэтому внутри можно\n         * использовать хуки и локальное состояние — например, чтобы держать\n         * черновик выбора и применять его по кнопке.\n         *\n         * @example\n         * afterList: ({ headerContextState, setPopoverIsOpen }) => (\n         *   <TableFilterSelectListItem $size={headerContextState.rowSize}>\n         *     Подсказка под списком\n         *   </TableFilterSelectListItem>\n         * )\n         */\n        afterList?: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter:\n          | {\n              typeOfValue: 'single';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'single'>;\n            }\n          | {\n              typeOfValue: 'multiple';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'multiple'>;\n            };\n        selectOptions:\n          | {\n              type: 'constant';\n              options: SelectOptions[];\n            }\n          | {\n              type: 'stateInHeaderContext';\n              /**\n               * тип optionsState, который будет в HeaderContext:\n               * ```ts\n               * {\n               * value: string | number;\n               * text: string | number;\n               * }[];\n               * ```\n               */\n              optionsKeyInHeaderContext: string;\n            };\n        /**\n         * Максимальна высота выпадающего списка в фильтрах колонок / правом сайдбаре.\n         * @default \"360px\"\n         */\n        listMaxHeight?: string;\n      }\n    | {\n        component: 'custom';\n        customRender: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter?: (filterValue: unknown, rowValue: unknown) => boolean;\n        compareWithClearedValue?: (\n          clearedValue: unknown,\n          currV: unknown,\n        ) => boolean;\n      }\n  );\n\n  contentFormat?: ContentFormat;\n\n  editingCell?: Editing<Row>;\n\n  subRow?: {\n    /**\n     * @default false\n     */\n    isColumnWithArrow?: boolean | ((props: { keyText: KeyText }) => boolean);\n    /**\n     * @default false\n     */\n    hideHeaderExpandAllArrow?: boolean;\n    /**\n     * @default false\n     */\n    parentKeyAsDefault?: boolean;\n    /**\n     * @default undefined\n     */\n    contentFormat?: ContentFormat;\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    renderSubRowCell?: RenderSubRowCell<any>;\n  } & (\n    | {\n        keyOfColumnInSubRow:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        editingCell: Editing<any>;\n      }\n    | {\n        editingCell?: undefined;\n        keyOfColumnInSubRow?:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n      }\n  );\n  rowsGrouping?: ColumnRowsGrouping<Row, SummRow>;\n  keyText?: KeyTextColumnConfig<Row, SummRow>;\n};\n```",
       "api": [
         {
           "typeName": "Comparator",
@@ -55519,14 +55908,14 @@
     },
     "Table.ColumnConfig": {
       "name": "ColumnConfig",
-      "definition": "export type ColumnConfig<\n  Row extends ObjectForExtending,\n  SummRow = unknown,\n> = ColumnDefaultOmitted<Row, SummRow> & {\n  /**\n   * Если в поле name был передан jsx, то нужно заполнить nameAsString для указания label в разделе Настройки столбцов, либо для отображения label в фильтрах в правом сайдбаре (но приоритет для фильтро будет ниже, чем то, что указали в filtering.sidebarConfig.items, там отдельно можно перезаписать label для фильтров сайдабара)\n   */\n  nameAsString?: string;\n  sortingType?: 'stringSort' | 'numberSort' | Comparator<Row>;\n  searching?: {\n    valueInRow: (row: Row) => string | number;\n  };\n  filtering?: {\n    keyInFilterState: string;\n    /**\n     * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n     */\n    valueInRow?: (row: Row) => string | number;\n    /**\n     * ```FilterCb - (filterValue: string, rowValue: string) => boolean```\n     */\n  } & (\n    | {\n        component: 'input';\n        filter: 'includes' | 'startWith' | 'equal' | FilterCb<'single'>;\n      }\n    | {\n        component: 'select';\n        beforeList?: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter:\n          | {\n              typeOfValue: 'single';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'single'>;\n            }\n          | {\n              typeOfValue: 'multiple';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'multiple'>;\n            };\n        selectOptions:\n          | {\n              type: 'constant';\n              options: SelectOptions[];\n            }\n          | {\n              type: 'stateInHeaderContext';\n              /**\n               * тип optionsState, который будет в HeaderContext:\n               * ```ts\n               * {\n               * value: string | number;\n               * text: string | number;\n               * }[];\n               * ```\n               */\n              optionsKeyInHeaderContext: string;\n            };\n        /**\n         * Максимальна высота выпадающего списка в фильтрах колонок / правом сайдбаре.\n         * @default \"360px\"\n         */\n        listMaxHeight?: string;\n      }\n    | {\n        component: 'custom';\n        customRender: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter?: (filterValue: unknown, rowValue: unknown) => boolean;\n        compareWithClearedValue?: (\n          clearedValue: unknown,\n          currV: unknown,\n        ) => boolean;\n      }\n  );\n\n  contentFormat?: ContentFormat;\n\n  editingCell?: Editing<Row>;\n\n  subRow?: {\n    /**\n     * @default false\n     */\n    isColumnWithArrow?: boolean | ((props: { keyText: KeyText }) => boolean);\n    /**\n     * @default false\n     */\n    hideHeaderExpandAllArrow?: boolean;\n    /**\n     * @default false\n     */\n    parentKeyAsDefault?: boolean;\n    /**\n     * @default undefined\n     */\n    contentFormat?: ContentFormat;\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    renderSubRowCell?: RenderSubRowCell<any>;\n  } & (\n    | {\n        keyOfColumnInSubRow:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        editingCell: Editing<any>;\n      }\n    | {\n        editingCell?: undefined;\n        keyOfColumnInSubRow?:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n      }\n  );\n  rowsGrouping?: ColumnRowsGrouping<Row, SummRow>;\n  keyText?: KeyTextColumnConfig<Row, SummRow>;\n};",
+      "definition": "export type ColumnConfig<\n  Row extends ObjectForExtending,\n  SummRow = unknown,\n> = ColumnDefaultOmitted<Row, SummRow> & {\n  /**\n   * Если в поле name был передан jsx, то нужно заполнить nameAsString для указания label в разделе Настройки столбцов, либо для отображения label в фильтрах в правом сайдбаре (но приоритет для фильтро будет ниже, чем то, что указали в filtering.sidebarConfig.items, там отдельно можно перезаписать label для фильтров сайдабара)\n   */\n  nameAsString?: string;\n  sortingType?: 'stringSort' | 'numberSort' | Comparator<Row>;\n  searching?: {\n    valueInRow: (row: Row) => string | number;\n  };\n  filtering?: {\n    keyInFilterState: string;\n    /**\n     * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n     */\n    valueInRow?: (row: Row) => string | number;\n    /**\n     * ```FilterCb - (filterValue: string, rowValue: string) => boolean```\n     */\n  } & (\n    | {\n        component: 'input';\n        filter: 'includes' | 'startWith' | 'equal' | FilterCb<'single'>;\n      }\n    | {\n        component: 'select';\n        /**\n         * Произвольное содержимое над списком опций фильтра.\n         *\n         * Рендерится и в поповере фильтра в шапке колонки, и в сайдбаре\n         * фильтров. Рендерится как компонент, поэтому внутри можно\n         * использовать хуки и локальное состояние.\n         *\n         * @example\n         * beforeList: ({ headerContextState }) => (\n         *   <TableFilterSelectListItem $size={headerContextState.rowSize}>\n         *     Подсказка над списком\n         *   </TableFilterSelectListItem>\n         * )\n         */\n        beforeList?: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        /**\n         * Произвольное содержимое под списком опций фильтра.\n         *\n         * Рендерится и в поповере фильтра в шапке колонки, и в сайдбаре\n         * фильтров. Рендерится как компонент, поэтому внутри можно\n         * использовать хуки и локальное состояние — например, чтобы держать\n         * черновик выбора и применять его по кнопке.\n         *\n         * @example\n         * afterList: ({ headerContextState, setPopoverIsOpen }) => (\n         *   <TableFilterSelectListItem $size={headerContextState.rowSize}>\n         *     Подсказка под списком\n         *   </TableFilterSelectListItem>\n         * )\n         */\n        afterList?: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter:\n          | {\n              typeOfValue: 'single';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'single'>;\n            }\n          | {\n              typeOfValue: 'multiple';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'multiple'>;\n            };\n        selectOptions:\n          | {\n              type: 'constant';\n              options: SelectOptions[];\n            }\n          | {\n              type: 'stateInHeaderContext';\n              /**\n               * тип optionsState, который будет в HeaderContext:\n               * ```ts\n               * {\n               * value: string | number;\n               * text: string | number;\n               * }[];\n               * ```\n               */\n              optionsKeyInHeaderContext: string;\n            };\n        /**\n         * Максимальна высота выпадающего списка в фильтрах колонок / правом сайдбаре.\n         * @default \"360px\"\n         */\n        listMaxHeight?: string;\n      }\n    | {\n        component: 'custom';\n        customRender: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter?: (filterValue: unknown, rowValue: unknown) => boolean;\n        compareWithClearedValue?: (\n          clearedValue: unknown,\n          currV: unknown,\n        ) => boolean;\n      }\n  );\n\n  contentFormat?: ContentFormat;\n\n  editingCell?: Editing<Row>;\n\n  subRow?: {\n    /**\n     * @default false\n     */\n    isColumnWithArrow?: boolean | ((props: { keyText: KeyText }) => boolean);\n    /**\n     * @default false\n     */\n    hideHeaderExpandAllArrow?: boolean;\n    /**\n     * @default false\n     */\n    parentKeyAsDefault?: boolean;\n    /**\n     * @default undefined\n     */\n    contentFormat?: ContentFormat;\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    renderSubRowCell?: RenderSubRowCell<any>;\n  } & (\n    | {\n        keyOfColumnInSubRow:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        editingCell: Editing<any>;\n      }\n    | {\n        editingCell?: undefined;\n        keyOfColumnInSubRow?:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n      }\n  );\n  rowsGrouping?: ColumnRowsGrouping<Row, SummRow>;\n  keyText?: KeyTextColumnConfig<Row, SummRow>;\n};",
       "importPath": "@daisforge/ui",
       "importStatement": "import { ColumnConfig } from '@daisforge/ui';",
       "sourceFile": "packages/ui-kit/src/components/Table/types/column-config.type.ts"
     },
     "TableCanvas.ColumnConfig": {
       "name": "ColumnConfig",
-      "definition": "export type ColumnConfig<\n  Row extends ObjectForExtending,\n  SummRow = unknown,\n  CustomCtxs extends ObjectForExtending = {},\n> = ColumnDefaultOmitted<Row, SummRow, CustomCtxs> & {\n  renderCell?: (cellInfo: CellInfo<Row, SummRow, CustomCtxs>) => CellContent;\n  renderCellPreview?: RenderCellPreview<Row, SummRow, CustomCtxs>;\n  /**\n   * Если в поле name был передан jsx, то нужно заполнить nameAsString для указания label в разделе Настройки столбцов, либо для отображения label в фильтрах в правом сайдбаре (но приоритет для фильтро будет ниже, чем то, что указали в filtering.sidebarConfig.items, там отдельно можно перезаписать label для фильтров сайдабара)\n   */\n  nameAsString?: string;\n  /**\n   * Текстовое представление ячейки для копирования в clipboard (Ctrl+C).\n   * Если не задан, используется `row[column.key]?.toString()`.\n   * Для кастомных canvas-ячеек (бейджи, кнопки) рекомендуется указывать явно.\n   */\n  copyData?: string | ((row: Row) => string);\n  sortingType?: 'stringSort' | 'numberSort' | Comparator<Row>;\n  searching?: {\n    valueInRow: (row: Row) => string | number;\n  };\n  filtering?: {\n    keyInFilterState: string;\n    /**\n     * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n     */\n    valueInRow?: (row: Row) => string | number;\n    /**\n     * ```FilterCb - (filterValue: string, rowValue: string) => boolean```\n     */\n  } & (\n    | {\n        component: 'input';\n        filter: 'includes' | 'startWith' | 'equal' | FilterCb<'single'>;\n      }\n    | {\n        component: 'select';\n        beforeList?: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter:\n          | {\n              typeOfValue: 'single';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'single'>;\n            }\n          | {\n              typeOfValue: 'multiple';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'multiple'>;\n            };\n        selectOptions:\n          | {\n              type: 'constant';\n              options: SelectOptions[];\n            }\n          | {\n              type: 'stateInHeaderContext';\n              /**\n               * тип optionsState, который будет в HeaderContext:\n               * ```ts\n               * {\n               * value: string | number;\n               * text: string | number;\n               * }[];\n               * ```\n               */\n              optionsKeyInHeaderContext: string;\n            };\n        /**\n         * Максимальна высота выпадающего списка в фильтрах колонок / правом сайдбаре.\n         * @default \"360px\"\n         */\n        listMaxHeight?: string;\n      }\n    | {\n        component: 'custom';\n        customRender: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter?: (filterValue: unknown, rowValue: unknown) => boolean;\n        compareWithClearedValue?: (\n          clearedValue: unknown,\n          currV: unknown,\n        ) => boolean;\n      }\n  );\n\n  contentFormat?: ContentFormat;\n\n  editingCell?: Editing<Row, SummRow>;\n\n  /**\n   * Настройки колонки для дерева subRows (шеврон, свой контент и редактор на\n   * вложенных уровнях). Работает только в виде дерева. При\n   * `subRows.view: 'merged'` не действует: там листья рисуются как обычные\n   * строки, вложенных уровней нет.\n   */\n  subRow?: {\n    /**\n     * @default false\n     */\n    isColumnWithArrow?: boolean | ((props: { keyText: KeyText }) => boolean);\n    /**\n     * @default false\n     */\n    hideHeaderExpandAllArrow?: boolean;\n    /**\n     * @default false\n     */\n    parentKeyAsDefault?: boolean;\n    /**\n     * @default undefined\n     */\n    contentFormat?: ContentFormat;\n\n    renderSubRowCell?: RenderSubRowCell<ObjectForExtending>;\n  } & (\n    | {\n        keyOfColumnInSubRow:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        editingCell: Editing<any, any>;\n      }\n    | {\n        editingCell?: undefined;\n        keyOfColumnInSubRow?:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n      }\n  );\n  rowsGrouping?: ColumnRowsGrouping<Row, ColumnConfig<Row, SummRow>>;\n  keyText?: KeyTextColumnConfig<Row, SummRow>;\n  /**\n   * Переопределение темы на уровне ячейки. Позволяет менять фон и паддинги для конкретных ячеек.\n   * @param cellInfo — информация о ячейке (row, column, ctxs, theme)\n   * @param lvl — уровень вложенности (0 для обычных строк, 1+ для subRows)\n   * @returns Partial<Theme> — объект переопределений (bgCell, cellHorizontalPadding и др.)\n   */\n  themeOverride?: (\n    cellInfo: CellInfo<Row, SummRow, CustomCtxs>,\n    lvl: number,\n  ) => CellThemeOverrideResult | undefined;\n  /**\n   * Выравнивание текста в объединённой шапке этой колонки. Действует, когда шапка\n   * колонки объединена (`tableConfig.columnsGrouping.squashEmptyCells`); перекрывает\n   * табличный `columnsGrouping.squashedHeaderAlign`.\n   */\n  squashedHeaderAlign?: HeaderAlignment;\n  /**\n   * Выравнивание контента в объединённых ячейках этой колонки. Перекрывает общий\n   * дефолт; важнее только выравнивание конкретного региона.\n   *\n   * Значение — одинаково для всех блоков колонки. Функция (row) => выравнивание —\n   * по данным строки: разным блокам можно задать разное выравнивание (в том числе\n   * в merged-видах группировки/subRows, где блоки формирует таблица).\n…",
+      "definition": "export type ColumnConfig<\n  Row extends ObjectForExtending,\n  SummRow = unknown,\n  CustomCtxs extends ObjectForExtending = {},\n> = ColumnDefaultOmitted<Row, SummRow, CustomCtxs> & {\n  renderCell?: (cellInfo: CellInfo<Row, SummRow, CustomCtxs>) => CellContent;\n  renderCellPreview?: RenderCellPreview<Row, SummRow, CustomCtxs>;\n  /**\n   * Если в поле name был передан jsx, то нужно заполнить nameAsString для указания label в разделе Настройки столбцов, либо для отображения label в фильтрах в правом сайдбаре (но приоритет для фильтро будет ниже, чем то, что указали в filtering.sidebarConfig.items, там отдельно можно перезаписать label для фильтров сайдабара)\n   */\n  nameAsString?: string;\n  /**\n   * Текстовое представление ячейки для копирования в clipboard (Ctrl+C).\n   * Если не задан, используется `row[column.key]?.toString()`.\n   * Для кастомных canvas-ячеек (бейджи, кнопки) рекомендуется указывать явно.\n   */\n  copyData?: string | ((row: Row) => string);\n  sortingType?: 'stringSort' | 'numberSort' | Comparator<Row>;\n  searching?: {\n    valueInRow: (row: Row) => string | number;\n  };\n  filtering?: {\n    keyInFilterState: string;\n    /**\n     * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n     */\n    valueInRow?: (row: Row) => string | number;\n    /**\n     * ```FilterCb - (filterValue: string, rowValue: string) => boolean```\n     */\n  } & (\n    | {\n        component: 'input';\n        filter: 'includes' | 'startWith' | 'equal' | FilterCb<'single'>;\n      }\n    | {\n        component: 'select';\n        /**\n         * Произвольное содержимое над списком опций фильтра.\n         *\n         * Рендерится и в поповере фильтра в шапке колонки, и в сайдбаре\n         * фильтров. Рендерится как компонент, поэтому внутри можно\n         * использовать хуки и локальное состояние.\n         *\n         * @example\n         * beforeList: ({ headerContextState }) => (\n         *   <TableFilterSelectListItem $size={headerContextState.rowSize}>\n         *     Подсказка над списком\n         *   </TableFilterSelectListItem>\n         * )\n         */\n        beforeList?: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        /**\n         * Произвольное содержимое под списком опций фильтра.\n         *\n         * Рендерится и в поповере фильтра в шапке колонки, и в сайдбаре\n         * фильтров. Рендерится как компонент, поэтому внутри можно\n         * использовать хуки и локальное состояние — например, чтобы держать\n         * черновик выбора и применять его по кнопке.\n         *\n         * @example\n         * afterList: ({ headerContextState, setPopoverIsOpen }) => (\n         *   <TableFilterSelectListItem $size={headerContextState.rowSize}>\n         *     Подсказка под списком\n         *   </TableFilterSelectListItem>\n         * )\n         */\n        afterList?: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter:\n          | {\n              typeOfValue: 'single';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'single'>;\n            }\n          | {\n              typeOfValue: 'multiple';\n              /**\n               * Обязательно передать в случае НЕ ручной фильтрации. Если на уровне tableConfig.manualFiltering = false или не задан. Иначе фильтрация не отработает.\n               */\n              filteringType?: FilterCb<'multiple'>;\n            };\n        selectOptions:\n          | {\n              type: 'constant';\n              options: SelectOptions[];\n            }\n          | {\n              type: 'stateInHeaderContext';\n              /**\n               * тип optionsState, который будет в HeaderContext:\n               * ```ts\n               * {\n               * value: string | number;\n               * text: string | number;\n               * }[];\n               * ```\n               */\n              optionsKeyInHeaderContext: string;\n            };\n        /**\n         * Максимальна высота выпадающего списка в фильтрах колонок / правом сайдбаре.\n         * @default \"360px\"\n         */\n        listMaxHeight?: string;\n      }\n    | {\n        component: 'custom';\n        customRender: (\n          props: FilterComponentInPopoverProps<\n            ObjectForExtending,\n            ColumnConfig<Row, SummRow>\n          >,\n        ) => ReactNode;\n        filter?: (filterValue: unknown, rowValue: unknown) => boolean;\n        compareWithClearedValue?: (\n          clearedValue: unknown,\n          currV: unknown,\n        ) => boolean;\n      }\n  );\n\n  contentFormat?: ContentFormat;\n\n  editingCell?: Editing<Row, SummRow>;\n\n  /**\n   * Настройки колонки для дерева subRows (шеврон, свой контент и редактор на\n   * вложенных уровнях). Работает только в виде дерева. При\n   * `subRows.view: 'merged'` не действует: там листья рисуются как обычные\n   * строки, вложенных уровней нет.\n   */\n  subRow?: {\n    /**\n     * @default false\n     */\n    isColumnWithArrow?: boolean | ((props: { keyText: KeyText }) => boolean);\n    /**\n     * @default false\n     */\n    hideHeaderExpandAllArrow?: boolean;\n    /**\n     * @default false\n     */\n    parentKeyAsDefault?: boolean;\n    /**\n     * @default undefined\n     */\n    contentFormat?: ContentFormat;\n\n    renderSubRowCell?: RenderSubRowCell<ObjectForExtending>;\n  } & (\n    | {\n        keyOfColumnInSubRow:\n          | string\n          | number\n          | ((lvl: number) => string | number);\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        editingCell: Editing<any, any>;\n      }\n    | {\n        editingCell?: undefined;\n        keyOfColumnInSubRow?:\n    …",
       "importPath": "@daisforge/ui/components/TableCanvas",
       "importStatement": "import { ColumnConfig } from '@daisforge/ui/components/TableCanvas';",
       "sourceFile": "packages/ui-kit/src/components/TableCanvas/types/column-config.type.ts"
@@ -55554,7 +55943,7 @@
     },
     "HoverEffectsConfig": {
       "name": "HoverEffectsConfig",
-      "definition": "export type HoverEffectsConfig = {\n  /**\n   * Подсветка строки под курсором.\n   * `true` — цвет data-ячеек из темы (`bgRowHovered`); объект — свой цвет.\n   * Служебные колонки темнеют `bgServiceRowHovered`, checkbox-строки —\n   * `bgSelectedRowHovered` (всегда из темы, `color` их не переопределяет).\n   */\n  row?: boolean | { color?: string };\n};",
+      "definition": "export type HoverEffectsConfig = {\n  /**\n   * Подсветка строки под курсором. По умолчанию выключена.\n   * - не задано или `false` — выключена;\n   * - `true` — включена, цвета из темы.\n   *\n   * Цвета по зонам строки берутся из темы:\n   * - data-ячейки — `bgRowHovered`;\n   * - служебные колонки (нумерация, чекбокс) — `bgServiceRowHovered`, тот же\n   *   цвет, что у сервис-зоны при выделении;\n   * - строка, отмеченная чекбоксом, темнеет целиком `bgSelectedRowHovered`.\n   *\n   * Hover — самый нижний слой: выделение ячеек, строк, колонок и залипшая\n   * активная строка (`highlightActiveType: 'row'`) рисуются поверх и\n   * перекрывают его; после сброса выделения он снова виден. Summary-строки\n   * hover не получают.\n   */\n  row?: boolean;\n};",
       "importPath": "@daisforge/ui/components/TableCanvas",
       "importStatement": "import { HoverEffectsConfig } from '@daisforge/ui/components/TableCanvas';",
       "sourceFile": "packages/ui-kit/src/components/TableGlide/types.ts"
@@ -56259,6 +56648,13 @@
       "importStatement": "import { BlockGradientScrollVariant } from '@daisforge/ui';",
       "sourceFile": "packages/ui-kit/src/mixins/blockGradientScroll/types.ts"
     },
+    "TypographyWithAutoTooltipProps": {
+      "name": "TypographyWithAutoTooltipProps",
+      "definition": "export type TypographyWithAutoTooltipProps<T extends TypographyVariant> = {\n  tooltipText?: React.ReactNode;\n  tooltipProps?: Omit<TooltipProps, 'text' | 'target' | 'trigger' | 'opened'>;\n  lines?: number;\n} & Omit<TypographyProps<T>, 'frame'>;",
+      "importPath": "@daisforge/ui",
+      "importStatement": "import { TypographyWithAutoTooltipProps } from '@daisforge/ui';",
+      "sourceFile": "packages/ui-kit/src/components/Typography/TypographyWithAutoTooltip.types.ts"
+    },
     "DrawerProps": {
       "name": "DrawerProps",
       "definition": "export type DrawerProps = ComponentProps<typeof Drawer>;",
@@ -56399,13 +56795,6 @@
       "importStatement": "import { NumberFormatCompProps } from '@daisforge/ui';",
       "sourceFile": "packages/ui-kit/src/components/NumberFormat/NumberFormat.tsx"
     },
-    "TypographyWithAutoTooltipProps": {
-      "name": "TypographyWithAutoTooltipProps",
-      "definition": "export type TypographyWithAutoTooltipProps<T extends TypographyVariant> = {\n  tooltipText?: React.ReactNode;\n  tooltipProps?: Omit<TooltipProps, 'text' | 'target' | 'trigger' | 'opened'>;\n  lines?: number;\n} & Omit<TypographyProps<T>, 'frame'>;",
-      "importPath": "@daisforge/ui",
-      "importStatement": "import { TypographyWithAutoTooltipProps } from '@daisforge/ui';",
-      "sourceFile": "packages/ui-kit/src/components/Typography/TypographyWithAutoTooltip.types.ts"
-    },
     "BreadcrumbsPropsComp": {
       "name": "BreadcrumbsPropsComp",
       "definition": "export type BreadcrumbsPropsComp = ComponentProps<typeof Breadcrumbs>;",
@@ -56497,6 +56886,48 @@
       "importNotice": "Тип \"BaseSwitchProps\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
       "sourceFile": "packages/ui-kit/src/components/Switch/types.ts"
     },
+    "Table.Single": {
+      "name": "Single",
+      "definition": "type Single = {\n  mode?: 'single';\n  value: string;\n  onChange: (v: string) => void;\n};",
+      "internal": true,
+      "importNotice": "Тип \"Single\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
+      "sourceFile": "packages/ui-kit/src/components/Table/feature-filtering/combobox/combobox.tsx"
+    },
+    "TableCanvas.Single": {
+      "name": "Single",
+      "definition": "type Single = {\n  mode?: 'single';\n  value: string;\n  onChange: (v: string) => void;\n};",
+      "internal": true,
+      "importNotice": "Тип \"Single\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
+      "sourceFile": "packages/ui-kit/src/components/TableCanvas/feature-filtering/combobox/combobox.tsx"
+    },
+    "Table.Multiple": {
+      "name": "Multiple",
+      "definition": "type Multiple = {\n  mode?: 'multiple';\n  value: string[];\n  onChange: (v: string[]) => void;\n};",
+      "internal": true,
+      "importNotice": "Тип \"Multiple\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
+      "sourceFile": "packages/ui-kit/src/components/Table/feature-filtering/combobox/combobox.tsx"
+    },
+    "TableCanvas.Multiple": {
+      "name": "Multiple",
+      "definition": "type Multiple = {\n  mode?: 'multiple';\n  value: string[];\n  onChange: (v: string[]) => void;\n};",
+      "internal": true,
+      "importNotice": "Тип \"Multiple\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
+      "sourceFile": "packages/ui-kit/src/components/TableCanvas/feature-filtering/combobox/combobox.tsx"
+    },
+    "Table.SIZE": {
+      "name": "SIZE",
+      "definition": "export type SIZE = keyof typeof SIZES;",
+      "importPath": "@daisforge/ui",
+      "importStatement": "import { SIZE } from '@daisforge/ui';",
+      "sourceFile": "packages/ui-kit/src/components/Table/styles/styles.constants.ts"
+    },
+    "TableGlide.SIZE": {
+      "name": "SIZE",
+      "definition": "export type SIZE = keyof GlideSizes;",
+      "importPath": "@daisforge/ui/components/TableCanvas",
+      "importStatement": "import { SIZE } from '@daisforge/ui/components/TableCanvas';",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/constants.ts"
+    },
     "Table.Prettify": {
       "name": "Prettify",
       "definition": "export type Prettify<T> = {\n  [K in keyof T]: T[K];\n  // eslint-disable-next-line @typescript-eslint/ban-types\n} & {};",
@@ -56520,7 +56951,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   * 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   * блок описан кл…",
+      "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,…",
       "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"
@@ -57708,6 +58139,13 @@
       "importNotice": "Тип \"ComboboxType\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
       "sourceFile": "packages/ui-kit/src/components/Combobox/index.ts"
     },
+    "GlideSizes": {
+      "name": "GlideSizes",
+      "definition": "export type GlideSizes = typeof SIZES;",
+      "internal": true,
+      "importNotice": "Тип \"GlideSizes\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
+      "sourceFile": "packages/ui-kit/src/components/TableGlide/constants.ts"
+    },
     "CellReadOnlyEditorGlideInstanceStaticProps": {
       "name": "CellReadOnlyEditorGlideInstanceStaticProps",
       "definition": "export type CellReadOnlyEditorGlideInstanceStaticProps = {\n  formatOptions: ContentFormat | undefined;\n  disableLeftOffset: boolean | undefined;\n  contentAlign: 'right' | 'left' | 'center';\n};",
@@ -57729,20 +58167,6 @@
       "importNotice": "Тип \"FillMeta\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
       "sourceFile": "packages/ui-kit/src/components/TableCanvas/feature-cell-transfer/types.ts"
     },
-    "TableGlide.SIZE": {
-      "name": "SIZE",
-      "definition": "export type SIZE = keyof GlideSizes;",
-      "importPath": "@daisforge/ui/components/TableCanvas",
-      "importStatement": "import { SIZE } from '@daisforge/ui/components/TableCanvas';",
-      "sourceFile": "packages/ui-kit/src/components/TableGlide/constants.ts"
-    },
-    "Table.SIZE": {
-      "name": "SIZE",
-      "definition": "export type SIZE = keyof typeof SIZES;",
-      "importPath": "@daisforge/ui",
-      "importStatement": "import { SIZE } from '@daisforge/ui';",
-      "sourceFile": "packages/ui-kit/src/components/Table/styles/styles.constants.ts"
-    },
     "RenderGroupHeaderArgs": {
       "name": "RenderGroupHeaderArgs",
       "definition": "export type RenderGroupHeaderArgs = Parameters<\n  NonNullable<GlideProps['drawGroupHeader']>\n>[0];",
@@ -58184,6 +58608,13 @@
       "importStatement": "import { CellsSelectionConfig } from '@daisforge/ui/components/TableCanvas';",
       "sourceFile": "packages/ui-kit/src/components/TableCanvas/types/table-config.type.ts"
     },
+    "BordersConfig": {
+      "name": "BordersConfig",
+      "definition": "export 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};",
+      "importPath": "@daisforge/ui/components/TableCanvas",
+      "importStatement": "import { BordersConfig } from '@daisforge/ui/components/TableCanvas';",
+      "sourceFile": "packages/ui-kit/src/components/TableCanvas/types/table-config.type.ts"
+    },
     "CellTransferConfig": {
       "name": "CellTransferConfig",
       "definition": "export type CellTransferConfig = {\n  /**\n   * Явное включение/выключение всей фичи.\n   * По умолчанию copy работает всегда, а paste и fill handle следуют\n   * за `editModeEnabled`. При `false` отключается всё.\n   */\n  enabled?: boolean;\n  /**\n   * Переопределение хоткеев.\n   * Можно передать один `HotkeyConfig` или массив альтернативных комбинаций.\n   * По умолчанию: copy = Ctrl+C / Cmd+C, paste = Ctrl+V / Cmd+V.\n   */\n  hotkeys?: {\n    /** Хоткей(и) для копирования */\n    copy?: HotkeyConfig | HotkeyConfig[];\n    /** Хоткей(и) для вставки */\n    paste?: HotkeyConfig | HotkeyConfig[];\n  };\n  /** Настройки paste (readonly, overflow, broadcast, validation) */\n  paste?: PasteConfig;\n  /** Настройки fill handle. `true/false` — быстрое вкл/выкл без деталей */\n  fillHandle?: boolean | FillHandleConfig;\n  /**\n   * Колбэк перед копированием.\n   * Можно модифицировать данные (вернуть новый `string[][]`) или отменить\n   * операцию (вернуть `false`).\n   * Если onBeforeCopy нужен для side-эффектов, то функция должна вернуть data из первого аргумента без изменений.\n   */\n  onBeforeCopy?: (data: string[][], meta: CopyMeta) => string[][] | false;\n  /**\n   * Колбэк перед вставкой.\n   * Можно модифицировать данные (вернуть новый `string[][]`) или отменить\n   * операцию (вернуть `false`).\n   * Если onBeforePaste нужен для side-эффектов, то функция должна вернуть data из первого аргумента без изменений.\n   */\n  onBeforePaste?: (data: string[][], meta: PasteMeta) => string[][] | false;\n  /**\n   * Колбэк перед fill handle (drag-to-fill).\n   * Вызывается перед применением значений. Можно модифицировать данные\n   * (вернуть новый `string[][]`) или отменить операцию (вернуть `false`).\n   *\n   * `meta.sourceCells` содержит полную информацию об исходных ячейках,\n   * включая объекты строк (`row`) — позволяет получить source row\n   * и использовать данные из соседних колонок.\n   * Если onBeforeFill нужен для side-эффектов, то функция должна вернуть data из первого аргумента без изменений.\n   */\n  onBeforeFill?: (data: string[][], meta: FillMeta) => string[][] | false;\n};",
@@ -58261,13 +58692,6 @@
       "importNotice": "Тип \"CellTransferCellInfo\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
       "sourceFile": "packages/ui-kit/src/components/TableCanvas/feature-cell-transfer/types.ts"
     },
-    "GlideSizes": {
-      "name": "GlideSizes",
-      "definition": "export type GlideSizes = typeof SIZES;",
-      "internal": true,
-      "importNotice": "Тип \"GlideSizes\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
-      "sourceFile": "packages/ui-kit/src/components/TableGlide/constants.ts"
-    },
     "CrossAxisSizing": {
       "name": "CrossAxisSizing",
       "definition": "export type CrossAxisSizing = 'auto' | 'deferred-percent-stretch';",