@daisforge/ui 1.15.0 → 1.17.0

package/mcp-data/component-index.json

@@ -1,6 +1,6 @@
 {
-  "generatedAt": "2026-08-24T15:14:49.679Z",
-  "libVersion": "1.15.0",
+  "generatedAt": "2026-09-08T13:18:19.046Z",
+  "libVersion": "1.17.0",
   "components": {
     "Accordion": {
       "name": "Accordion",
@@ -590,9 +590,9 @@
             },
             {
               "name": "subtitle",
-              "type": "string | undefined",
+              "type": "React.ReactNode",
               "required": false,
-              "description": "Подзаголовок. При нехватке места будет обрезаться троеточием (truncated text) с Tooltip при наведении на обрезанный текст"
+              "description": "Подзаголовок. Строка обрезается троеточием (truncated text) с Tooltip при наведении\nна обрезанный текст. Можно передать произвольный ReactNode (например, Skeleton на\nвремя загрузки) — он рендерится как есть, без тултипа."
             },
             {
               "name": "subtitleTooltipProps",
@@ -600,6 +600,12 @@
               "required": false,
               "description": "Пропсы для Tooltip подзаголовка"
             },
+            {
+              "name": "title",
+              "type": "React.ReactNode",
+              "required": false,
+              "description": "Заголовок. Строка обрезается троеточием (truncated text) с Tooltip при наведении\nна обрезанный текст. Можно передать произвольный ReactNode (например, Skeleton на\nвремя загрузки данных с бэкенда) — он рендерится как есть, без тултипа."
+            },
             {
               "name": "titleLinkProps",
               "type": "Omit<PropsType<{ view: { default: PolymorphicClassName; secondary: PolymorphicClassName; tertiary: PolymorphicClassName; paragraph: PolymorphicClassName; accent: PolymorphicClassName; positive: PolymorphicClassName; warning: PolymorphicClassName; negative: PolymorphicClassName; clear: PolymorphicClassName; }; disabled: { true: PolymorphicClassName; }; focused: { true: PolymorphicClassName; }; }> &…",
@@ -906,7 +912,7 @@
       ],
       "scope": "internal",
       "docs": "# AnalyticalWidget\n\nАналитический виджет с адаптивным поведением и слотами для контента.\n\n## Ключевые особенности\n\n- Три размера (`L`, `M`, `S`) с разными параметрами высоты, ширины, border-radius и padding\n- Слоты: `headerSlot`, `topSlot`, `middleSlot` (только для `L`), `contentSlot`\n- `middleSlot` видим только при размере `L`\n- Прокрутка контентной области (`scrollable`)\n- Кастомизация через `classes`, `$css` и CSS-переменные\n\n## Compound-компоненты\n\n```ts\nAnalyticalWidget.Header = AnalyticalWidgetHeader;\nAnalyticalWidget.FilterIconButton = IconButtonFilter;\nAnalyticalWidget.DotsIconButton = IconButtonDots;\nAnalyticalWidget.Chips = AnalyticalWidgetChipsGroup;\n```\n\n- `AnalyticalWidget.Header` — шапка виджета с заголовком и слотами для действий\n- `AnalyticalWidget.FilterIconButton` — кнопка-иконка для фильтров (с поддержкой Dropdown). Поддерживает красный индикатор применения фильтров\n- `AnalyticalWidget.DotsIconButton` — кнопка-иконка для дополнительных действий (с поддержкой Dropdown)\n- `AnalyticalWidget.Chips` — чипы для отображения применённых фильтров\n\n## CSS-переменные\n\n- `--analytical-widget-bg` — фон всего виджета\n- `--analytical-widget-padding` — внутренние отступы контейнера\n- `--analytical-widget-br` — радиус скругления углов\n- `--analytical-widget-min-height` — минимальная высота контентной области\n\n## Особенности\n\n- Все параметры можно переопределить через CSS-переменные, нативные/кастомные классы компонента или проп `$css` для основного контейнера. Объект `analyticalWidgetClassNames` доступен для импорта\n- Кнопка троеточия вставляется через микрофронт другой командой — место под неё зарезервировано. В stories показан пример через `position: absolute`\n- Высота, ширина, border-radius, padding зависят от размера и имеют фиксированные значения\n\n<AnalyticalWidgetInfoAboutAdaptive />\n\nОписание типов и compound-пропсов — в разделе [API](/docs/композиции-analyticalwidget-api--docs).",
-      "apiDocs": "# AnalyticalWidget API\n\n## AnalyticalWidgetProps\n\n```typescript\ntype AnalyticalWidgetProps = {\n  /**\n   * Размер виджета\n   */\n  size: AnalyticalWidgetSize;\n  /**\n   * Добавление или удаление скролла у contentSlot\n   */\n  scrollable?: boolean;\n  /**\n   * ReactNode для шапки\n   */\n  headerSlot?: ReactNode;\n  /**\n   * ReactNode (в основном для фильтров)\n   */\n  topSlot?: ReactNode;\n  /**\n   * ReactNode (в основном для табов. Отображается только в режиме l)\n   */\n  middleSlot?: ReactNode;\n  /**\n   * ReactNode с контентом\n   */\n  contentSlot: ReactNode;\n  /**\n   * Кастомные классы для слотов и самого компонента\n   */\n  classes?: AnalyticalWidgetClasses;\n  /**\n   * Кастомные стили styled-components для основного контейнера виджета\n   */\n  $css?: string | CSSObject | FlattenSimpleInterpolation;\n};\n```\n\n## AnalyticalWidgetSize\n\n```typescript\ntype AnalyticalWidgetSize = 'l' | 'm' | 's';\n```\n\n## AnalyticalWidgetClasses\n\n```typescript\ntype AnalyticalWidgetClasses = {\n  /**\n   * Кастомный класс для root элемента\n   */\n  root?: string;\n  /**\n   * Кастомный класс для topSlot элемента\n   */\n  topSlot?: string;\n  /**\n   * Кастомный класс для middleSlot элемента\n   */\n  middleSlot?: string;\n  /**\n   * Кастомный класс для contentSlot элемента\n   */\n  contentSlot?: string;\n};\n```\n\n## Compound types\n\n### AnalyticalWidget.Header\n\n```typescript\ninterface AnalyticalWidgetHeaderProps {\n  /**\n   * Заголовок. При нехватке места будет обрезаться троеточием (truncated text) с Tooltip при наведении на обрезанный текст\n   */\n  title?: string;\n  /**\n   * Пропсы для Tooltip заголовка\n   */\n  titleTooltipProps?: Omit<TooltipProps, 'text' | 'target'>;\n  /**\n   * Метка справа от заголовка\n   */\n  badge?: string;\n  /**\n   * Стили для метки (badge). Позволяет переопределить, например, text-transform\n   */\n  badgeStyles?: CSSProperties;\n  /**\n   * Подзаголовок. При нехватке места будет обрезаться троеточием (truncated text) с Tooltip при наведении на обрезанный текст\n   */\n  subtitle?: string;\n  /**\n   * Пропсы для Tooltip подзаголовка\n   */\n  subtitleTooltipProps?: Omit<TooltipProps, 'text' | 'target'>;\n  /**\n   * Текст Tooltip при наведении на иконку i, справа от тега. Если не передать этот параметр, то иконка отображаться не будет\n   */\n  infoTooltipText?: string;\n  /**\n   * Пропсы для Tooltip иконки i, справа от тега.\n   */\n  infoTooltipProps?: Omit<TooltipProps, 'text' | 'target'>;\n  /**\n   * @deprecated Стрелка больше не рисуется. Используйте `titleLinkProps`.\n   */\n  href?: string;\n  /**\n   * @deprecated Стрелка больше не рисуется. Используйте `titleLinkProps`.\n   */\n  hrefProps?: {\n    onClick?: MouseEventHandler<HTMLAnchorElement>;\n    onKeyDown?: KeyboardEventHandler<HTMLAnchorElement>;\n  };\n  /**\n   * Если необходимо title сделать ссылкой.\n   * Пропсы для компонента Link, который оборачивает заголовок.\n   * @default underline=\"none\"\n   */\n  titleLinkProps?: Omit<LinkCompProps, 'ref'>;\n  /**\n   * Слот для контента в правой части шапки\n   */\n  rightSlot?: ReactNode;\n  /**\n   * Имя класса для шапки\n   */\n  className?: string;\n}\n```\n\n### AnalyticalWidget.Chips\n\n```typescript\ntype AnalyticalWidgetFixedChipProps = ChipCompProps & {\n  key?: string | number;\n};\n```\n\n### AnalyticalWidget.FilterIconButton\n\n```typescript\ntype IconButtonFilterProps = IconButtonProps & {\n  redSquare?: boolean;\n  dropdownProps?: ComponentProps<typeof Dropdown>;\n  iconSize?: ComponentProps<typeof Icon>['size'];\n};\n```\n\n### AnalyticalWidget.DotsIconButton\n\n```typescript\ntype IconButtonDotsProps = IconButtonProps & {\n  dropdownProps?: ComponentProps<typeof Dropdown>;\n  iconSize?: ComponentProps<typeof Icon>['size'];\n  iconOrientation?: 'horizontal' | 'vertical';\n};\n```",
+      "apiDocs": "# AnalyticalWidget API\n\n## AnalyticalWidgetProps\n\n```typescript\ntype AnalyticalWidgetProps = {\n  /**\n   * Размер виджета\n   */\n  size: AnalyticalWidgetSize;\n  /**\n   * Добавление или удаление скролла у contentSlot\n   */\n  scrollable?: boolean;\n  /**\n   * ReactNode для шапки\n   */\n  headerSlot?: ReactNode;\n  /**\n   * ReactNode (в основном для фильтров)\n   */\n  topSlot?: ReactNode;\n  /**\n   * ReactNode (в основном для табов. Отображается только в режиме l)\n   */\n  middleSlot?: ReactNode;\n  /**\n   * ReactNode с контентом\n   */\n  contentSlot: ReactNode;\n  /**\n   * Кастомные классы для слотов и самого компонента\n   */\n  classes?: AnalyticalWidgetClasses;\n  /**\n   * Кастомные стили styled-components для основного контейнера виджета\n   */\n  $css?: string | CSSObject | FlattenSimpleInterpolation;\n};\n```\n\n## AnalyticalWidgetSize\n\n```typescript\ntype AnalyticalWidgetSize = 'l' | 'm' | 's';\n```\n\n## AnalyticalWidgetClasses\n\n```typescript\ntype AnalyticalWidgetClasses = {\n  /**\n   * Кастомный класс для root элемента\n   */\n  root?: string;\n  /**\n   * Кастомный класс для topSlot элемента\n   */\n  topSlot?: string;\n  /**\n   * Кастомный класс для middleSlot элемента\n   */\n  middleSlot?: string;\n  /**\n   * Кастомный класс для contentSlot элемента\n   */\n  contentSlot?: string;\n};\n```\n\n## Compound types\n\n### AnalyticalWidget.Header\n\n```typescript\ninterface AnalyticalWidgetHeaderProps {\n  /**\n   * Заголовок. Строка обрезается троеточием (truncated text) с Tooltip при наведении\n   * на обрезанный текст. Можно передать произвольный ReactNode (например, Skeleton на\n   * время загрузки данных с бэкенда) — он рендерится как есть, без тултипа.\n   */\n  title?: ReactNode;\n  /**\n   * Пропсы для Tooltip заголовка\n   */\n  titleTooltipProps?: Omit<TooltipProps, 'text' | 'target'>;\n  /**\n   * Метка справа от заголовка\n   */\n  badge?: string;\n  /**\n   * Стили для метки (badge). Позволяет переопределить, например, text-transform\n   */\n  badgeStyles?: CSSProperties;\n  /**\n   * Подзаголовок. Строка обрезается троеточием (truncated text) с Tooltip при наведении\n   * на обрезанный текст. Можно передать произвольный ReactNode (например, Skeleton на\n   * время загрузки) — он рендерится как есть, без тултипа.\n   */\n  subtitle?: ReactNode;\n  /**\n   * Пропсы для Tooltip подзаголовка\n   */\n  subtitleTooltipProps?: Omit<TooltipProps, 'text' | 'target'>;\n  /**\n   * Текст Tooltip при наведении на иконку i, справа от тега. Если не передать этот параметр, то иконка отображаться не будет\n   */\n  infoTooltipText?: string;\n  /**\n   * Пропсы для Tooltip иконки i, справа от тега.\n   */\n  infoTooltipProps?: Omit<TooltipProps, 'text' | 'target'>;\n  /**\n   * @deprecated Стрелка больше не рисуется. Используйте `titleLinkProps`.\n   */\n  href?: string;\n  /**\n   * @deprecated Стрелка больше не рисуется. Используйте `titleLinkProps`.\n   */\n  hrefProps?: {\n    onClick?: MouseEventHandler<HTMLAnchorElement>;\n    onKeyDown?: KeyboardEventHandler<HTMLAnchorElement>;\n  };\n  /**\n   * Если необходимо title сделать ссылкой.\n   * Пропсы для компонента Link, который оборачивает заголовок.\n   * @default underline=\"none\"\n   */\n  titleLinkProps?: Omit<LinkCompProps, 'ref'>;\n  /**\n   * Слот для контента в правой части шапки\n   */\n  rightSlot?: ReactNode;\n  /**\n   * Имя класса для шапки\n   */\n  className?: string;\n}\n```\n\n### AnalyticalWidget.Chips\n\n```typescript\ntype AnalyticalWidgetFixedChipProps = ChipCompProps & {\n  key?: string | number;\n};\n```\n\n### AnalyticalWidget.FilterIconButton\n\n```typescript\ntype IconButtonFilterProps = IconButtonProps & {\n  redSquare?: boolean;\n  dropdownProps?: ComponentProps<typeof Dropdown>;\n  iconSize?: ComponentProps<typeof Icon>['size'];\n};\n```\n\n### AnalyticalWidget.DotsIconButton\n\n```typescript\ntype IconButtonDotsProps = IconButtonProps & {\n  dropdownProps?: ComponentProps<typeof Dropdown>;\n  iconSize?: ComponentProps<typeof Icon>['size'];\n  iconOrientation?: 'horizontal' | 'vertical';\n};\n```",
       "curatedStories": [
         {
           "exportName": "AnalyticalWidgetL",
@@ -931,6 +937,12 @@
           "displayName": "Custom topSlot + rightSlot",
           "type": "full-code",
           "code": "() => {\n    const [filters, updateFilters] = useReducer(\n      filtersReducer,\n      DEFAULT_FILTERS,\n    );\n    const filtersBlocksOption = useFetch('blocks', 10);\n    const filtersTribesOption = useFetch('tribes', 15);\n    const filtersAllocationOption = useFetch('allocation', 10);\n    const [period, setPeriod] = useState('month');\n\n    const { filterList } = useFiltersList({\n      filters,\n      options: {\n        blocks: filtersBlocksOption,\n        tribes: filtersTribesOption,\n        allocation: filtersAllocationOption,\n        filterButton: filterButtonOptions,\n        dotsButton: dotsButtonOptions,\n      } as Record<keyof Filters, { label: string; value: string }[]>,\n      updateFilters: (key, newV) => updateFilters({ [key]: newV }),\n      filtersInfo: {\n        searchedV: { label: 'Поиск', clearedValue: '' },\n        blocks: { label: 'Блок', clearedValue: [] },\n        tribes: { label: 'Трайб', clearedValue: [] },\n        allocation: { label: 'Аллокация', clearedValue: '' },\n        year: { label: 'Год', clearedValue: null },\n        filterButton: { label: 'Фильтр', clearedValue: '' },\n        dotsButton: { label: 'Меню', clearedValue: '' },\n      },\n    });\n\n    const customChips = filterList.flatMap((item) =>\n      'groupLabel' in item\n        ? item.items.map((inner) => ({\n            label: String(inner.label),\n            onClick: inner.onClick,\n          }))\n        : [{ label: String(item.label), onClick: item.onClick }],\n    );\n    const hasChips = customChips.length > 0;\n    const lastRef = useRef(customChips);\n    if (hasChips) {\n      lastRef.current = customChips;\n    }\n    const renderedChips = hasChips ? customChips : lastRef.current;\n\n    return (\n      <div style={{ padding: 20, background: 'grey' }}>\n        <div style={{ position: 'relative', width: 600, height: 512 }}>\n          <AnalyticalWidget\n            size=\"l\"\n            headerSlot={\n              <AnalyticalWidget.Header\n                title=\"Custom topSlot\"\n                badge=\"TA\"\n                subtitle=\"Свои чипы + Select в rightSlot\"\n                infoTooltipText=\"Info\"\n                rightSlot={\n                  <Select\n                    size=\"xs\"\n                    value={period}\n                    onChange={(v) => setPeriod(v as string)}\n                    items={[\n                      { label: 'Месяц', value: 'month' },\n                      { label: 'Квартал', value: 'quarter' },\n                      { label: 'Год', value: 'year' },\n                    ]}\n                  />\n                }\n              />\n            }\n            topSlot={\n              <div className={analyticalWidgetClassNames.selfSpacedTopSlot}>\n                <Collapse isOpen={hasChips} unMountOnClose>\n                  <div\n                    style={{\n                      display: 'flex',\n                      flexWrap: 'wrap',\n                      gap: 4,\n                      paddingTop: 8,\n                    }}\n                  >\n                    {renderedChips.map((chip, index) => (\n                      <button\n                        type=\"button\"\n                        // eslint-disable-next-line react/no-array-index-key\n                        key={`${chip.label}-${index}`}\n                        onClick={chip.onClick}\n                        style={{\n                          padding: '2px 8px',\n                          borderRadius: 12,\n                          background: 'rgba(0, 0, 0, 0.06)',\n                          border: 'none',\n                          fontSize: 12,\n                          lineHeight: '16px',\n                          whiteSpace: 'nowrap',\n                          cursor: 'pointer',\n                        }}\n                      >\n                        {chip.label}\n                      </button>\n                    ))}\n                  </div>\n                </Collapse>\n              </div>\n            }\n            contentSlot={\n              <div style={{ minHeight: 'fit-content' }}>{longText()}</div>\n            }\n          />\n          <AnalyticalWidget.DotsIconButton\n            absolute\n            dropdownProps={{\n              items: generateButtonItems(\n                'dotsButton',\n                dotsButtonOptions,\n                filterList,\n              ),\n              onItemSelect(item) {\n                updateFilters({\n                  dotsButton:\n                    filters.dotsButton === item.value?.toString()\n                      ? ''\n                      : item.value?.toString() ?? '',\n                });\n              },\n            }}\n          />\n        </div>\n      </div>\n    );\n  }"
+        },
+        {
+          "exportName": "AnalyticalWidgetHeaderSkeleton",
+          "displayName": "Header: skeleton title/subtitle",
+          "type": "full-code",
+          "code": "() => {\n    const [loading, setLoading] = useState(true);\n\n    return (\n      <div style={{ padding: 20, background: 'grey' }}>\n        <div style={{ marginBottom: 12 }}>\n          <Button size=\"s\" onClick={() => setLoading((v) => !v)}>\n            {loading ? 'Загрузить данные' : 'Показать скелетон'}\n          </Button>\n        </div>\n        <div style={{ position: 'relative', width: 600, height: 512 }}>\n          <AnalyticalWidget\n            size=\"l\"\n            headerSlot={\n              <AnalyticalWidget.Header\n                title={\n                  loading ? (\n                    <LineSkeleton size=\"bodyM\" style={{ width: 180 }} />\n                  ) : (\n                    'Аналитический виджет'\n                  )\n                }\n                badge={loading ? undefined : 'TA'}\n                subtitle={\n                  loading ? (\n                    <LineSkeleton size=\"bodyXS\" style={{ width: 120 }} />\n                  ) : (\n                    'Данные за месяц'\n                  )\n                }\n                infoTooltipText=\"Info\"\n              />\n            }\n            contentSlot={\n              <div style={{ minHeight: 'fit-content' }}>{longText()}</div>\n            }\n          />\n        </div>\n      </div>\n    );\n  }"
         }
       ],
       "hasCuratedMeta": true,
@@ -4965,6 +4977,13 @@
       "importStatement": "import { Carousel } from '@daisforge/ui';",
       "minimalUsage": "<Carousel />",
       "examples": [
+        {
+          "exportName": "Usage",
+          "displayName": "Использование в Stories.stories.tsx",
+          "type": "usage",
+          "code": "<Carousel\n        index={carouselIndex}\n        onChangeIndex={setCarouselIndex}\n        scrollAlign=\"start\"\n        gap=\"16px\"\n        style={{ maxWidth: 360 }}\n      >\n        {CAROUSEL_PALETTE.map(([from, to], i) => {\n          const n = i + 1;\n          return (\n            <CarouselItem key={n}>\n              <Stories.Preview\n                title={`Превью ${n}`}\n                image={asset(String(n), from, to)}\n                viewed={viewed[i]}\n                slides={[\n                  { src: asset(`Слайд ${n}.1`, from, to) },\n                  { src: asset(`Слайд ${n}.2`, to, from) },\n                ]}\n              />\n            </CarouselItem>\n          );\n        })}\n      </Carousel>",
+          "sourceFile": "packages/storybook/src/stories/Stories/Stories.stories.tsx"
+        },
         {
           "exportName": "Vendor1",
           "displayName": "Примеры Примеры",
@@ -5019,7 +5038,15 @@
       "importPath": "@daisforge/ui",
       "importStatement": "import { CarouselItem } from '@daisforge/ui';",
       "minimalUsage": "<CarouselItem />",
-      "examples": []
+      "examples": [
+        {
+          "exportName": "Usage",
+          "displayName": "Использование в Stories.stories.tsx",
+          "type": "usage",
+          "code": "<CarouselItem key={n}>\n              <Stories.Preview\n                title={`Превью ${n}`}\n                image={asset(String(n), from, to)}\n                viewed={viewed[i]}\n                slides={[\n                  { src: asset(`Слайд ${n}.1`, from, to) },\n                  { src: asset(`Слайд ${n}.2`, to, from) },\n                ]}\n              />\n            </CarouselItem>",
+          "sourceFile": "packages/storybook/src/stories/Stories/Stories.stories.tsx"
+        }
+      ]
     },
     "CellTextbox": {
       "name": "CellTextbox",
@@ -5782,6 +5809,18 @@
           "type": "React.HTMLInputAutoCompleteAttribute | undefined",
           "required": false,
           "description": ""
+        },
+        {
+          "name": "enterKeyHint",
+          "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "type",
+          "type": "React.HTMLInputTypeAttribute | undefined",
+          "required": false,
+          "description": ""
         }
       ],
       "propsTypeName": "ComponentProps<typeof CodeField>",
@@ -20049,20 +20088,68 @@
       "description": "Числовое поле со стрелками инкремента/декремента и ограничением min/max",
       "props": [
         {
-          "name": "autoComplete",
-          "type": "React.HTMLInputAutoCompleteAttribute | undefined",
+          "name": "allowLeadingZeros",
+          "type": "boolean | undefined",
           "required": false,
           "description": ""
         },
         {
-          "name": "enterKeyHint",
-          "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+          "name": "allowNegative",
+          "type": "boolean | undefined",
           "required": false,
           "description": ""
         },
         {
-          "name": "type",
-          "type": "React.HTMLInputTypeAttribute | undefined",
+          "name": "decimalScale",
+          "type": "number | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "decimalSeparator",
+          "type": "string | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "defaultValue",
+          "type": "string | number | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "fixedDecimalScale",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "isAllowed",
+          "type": "((values: NumberFormatValues) => boolean) | ((values: NumberFormatValues) => boolean) | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "thousandSeparator",
+          "type": "string | boolean | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "thousandsGroupStyle",
+          "type": "\"none\" | \"thousand\" | \"lakh\" | \"wan\" | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "autoComplete",
+          "type": "React.HTMLInputAutoCompleteAttribute | undefined",
+          "required": false,
+          "description": ""
+        },
+        {
+          "name": "enterKeyHint",
+          "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
           "required": false,
           "description": ""
         }
@@ -21160,7 +21247,7 @@
         },
         {
           "name": "as",
-          "type": "((string | React.ComponentType<any>) & (\"symbol\" | \"object\" | \"form\" | \"pattern\" | \"slot\" | \"style\" | \"title\" | \"view\" | \"s\" | \"input\" | \"search\" | \"button\" | \"image\" | \"text\" | \"time\" | \"article\" | \"dialog\" | \"figure\" | \"img\" | \"link\" | \"main\" | \"menu\" | \"menuitem\" | \"option\" | \"switch\" | \"table\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blo…",
+          "type": "((string | React.ComponentType<any>) & (\"symbol\" | \"object\" | \"form\" | \"pattern\" | \"slot\" | \"style\" | \"title\" | \"view\" | \"s\" | \"input\" | \"search\" | \"article\" | \"button\" | \"dialog\" | \"figure\" | \"img\" | \"link\" | \"main\" | \"menu\" | \"menuitem\" | \"option\" | \"switch\" | \"table\" | \"text\" | \"time\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blockquote\" |…",
           "required": false,
           "description": "Компонент, используемый для корневого узла. Либо строка для использования элемента HTML, либо компонента. (Например: `li`, `p`, `button` и т.д.)"
         },
@@ -21468,7 +21555,7 @@
         },
         {
           "name": "as",
-          "type": "((string | React.ComponentType<any>) & (\"symbol\" | \"object\" | \"form\" | \"pattern\" | \"slot\" | \"style\" | \"title\" | \"view\" | \"s\" | \"input\" | \"search\" | \"button\" | \"image\" | \"text\" | \"time\" | \"article\" | \"dialog\" | \"figure\" | \"img\" | \"link\" | \"main\" | \"menu\" | \"menuitem\" | \"option\" | \"switch\" | \"table\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blo…",
+          "type": "((string | React.ComponentType<any>) & (\"symbol\" | \"object\" | \"form\" | \"pattern\" | \"slot\" | \"style\" | \"title\" | \"view\" | \"s\" | \"input\" | \"search\" | \"article\" | \"button\" | \"dialog\" | \"figure\" | \"img\" | \"link\" | \"main\" | \"menu\" | \"menuitem\" | \"option\" | \"switch\" | \"table\" | \"text\" | \"time\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blockquote\" |…",
           "required": false,
           "description": "Компонент, используемый для корневого узла. Либо строка для использования элемента HTML, либо компонента. (Например: `li`, `p`, `button` и т.д.)"
         },
@@ -22029,7 +22116,7 @@
             },
             {
               "name": "as",
-              "type": "((string | React.ComponentType<any>) & (\"symbol\" | \"object\" | \"form\" | \"pattern\" | \"slot\" | \"style\" | \"title\" | \"view\" | \"s\" | \"input\" | \"search\" | \"button\" | \"image\" | \"text\" | \"time\" | \"article\" | \"dialog\" | \"figure\" | \"img\" | \"link\" | \"main\" | \"menu\" | \"menuitem\" | \"option\" | \"switch\" | \"table\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blo…",
+              "type": "((string | React.ComponentType<any>) & (\"symbol\" | \"object\" | \"form\" | \"pattern\" | \"slot\" | \"style\" | \"title\" | \"view\" | \"s\" | \"input\" | \"search\" | \"article\" | \"button\" | \"dialog\" | \"figure\" | \"img\" | \"link\" | \"main\" | \"menu\" | \"menuitem\" | \"option\" | \"switch\" | \"table\" | \"text\" | \"time\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blockquote\" |…",
               "required": false,
               "description": "Компонент, используемый для корневого узла. Либо строка для использования элемента HTML, либо компонента. (Например: `li`, `p`, `button` и т.д.)"
             },
@@ -22299,7 +22386,7 @@
             },
             {
               "name": "as",
-              "type": "((string | React.ComponentType<any>) & (\"symbol\" | \"object\" | \"form\" | \"pattern\" | \"slot\" | \"style\" | \"title\" | \"view\" | \"s\" | \"input\" | \"search\" | \"button\" | \"image\" | \"text\" | \"time\" | \"article\" | \"dialog\" | \"figure\" | \"img\" | \"link\" | \"main\" | \"menu\" | \"menuitem\" | \"option\" | \"switch\" | \"table\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blo…",
+              "type": "((string | React.ComponentType<any>) & (\"symbol\" | \"object\" | \"form\" | \"pattern\" | \"slot\" | \"style\" | \"title\" | \"view\" | \"s\" | \"input\" | \"search\" | \"article\" | \"button\" | \"dialog\" | \"figure\" | \"img\" | \"link\" | \"main\" | \"menu\" | \"menuitem\" | \"option\" | \"switch\" | \"table\" | \"text\" | \"time\" | \"a\" | \"abbr\" | \"address\" | \"area\" | \"aside\" | \"audio\" | \"b\" | \"base\" | \"bdi\" | \"bdo\" | \"big\" | \"blockquote\" |…",
               "required": false,
               "description": "Компонент, используемый для корневого узла. Либо строка для использования элемента HTML, либо компонента. (Например: `li`, `p`, `button` и т.д.)"
             },
@@ -26785,7 +26872,14 @@
       "minimalUsage": "<LineSkeleton />",
       "examples": [
         {
-          "exportName": "Usage",
+          "exportName": "Usage1",
+          "displayName": "Использование в AnalyticalWidget.stories.tsx",
+          "type": "usage",
+          "code": "<LineSkeleton size=\"bodyM\" style={{ width: 180 }} />",
+          "sourceFile": "packages/storybook/src/stories/AnalyticalWidget/AnalyticalWidget.stories.tsx"
+        },
+        {
+          "exportName": "Usage2",
           "displayName": "Использование в TableCanvasContextMenu.stories.tsx",
           "type": "usage",
           "code": "<LineSkeleton size=\"bodyS\" />",
@@ -27971,19 +28065,19 @@
           "exportName": "Circle",
           "displayName": "Круглые триггеры",
           "type": "full-code",
-          "code": "import { Button, Stories } from '@daisforge/ui';\nimport { useState } from 'react';\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'CircleStoriesExample',\n)}"
+          "code": "import { Button, Stories } from '@daisforge/ui';\nimport { useState } from 'react';\n\n${viewedSource}\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'CircleStoriesExample',\n)}"
         },
         {
           "exportName": "Rect",
           "displayName": "Прямоугольные триггеры",
           "type": "full-code",
-          "code": "import { Button, Stories } from '@daisforge/ui';\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'RectStoriesExample',\n)}"
+          "code": "import { Button, Stories } from '@daisforge/ui';\n\n${viewedSource}\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'RectStoriesExample',\n)}"
         },
         {
           "exportName": "Loading",
           "displayName": "Спиннер загрузки (эмуляция)",
           "type": "full-code",
-          "code": "import { Stories } from '@daisforge/ui';\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'LoadingStoriesExample',\n)}"
+          "code": "import { Stories } from '@daisforge/ui';\n\n${viewedSource}\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'LoadingStoriesExample',\n)}"
         },
         {
           "exportName": "ErrorState",
@@ -28001,25 +28095,31 @@
           "exportName": "ImperativeControl",
           "displayName": "Внешнее управление через ref",
           "type": "full-code",
-          "code": "import { Button, Stories, StoriesRef } from '@daisforge/ui';\nimport { useRef, useState } from 'react';\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'ImperativeControlExample',\n)}"
+          "code": "import { Button, Stories, StoriesRef } from '@daisforge/ui';\nimport { useRef, useState } from 'react';\n\n${viewedSource}\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'ImperativeControlExample',\n)}"
         },
         {
           "exportName": "InsideModal",
           "displayName": "Триггеры внутри ModalDF",
           "type": "full-code",
-          "code": "import { Button, ModalDF, Stories } from '@daisforge/ui';\nimport { useState } from 'react';\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'InsideModalExample',\n)}"
+          "code": "import { Button, ModalDF, Stories } from '@daisforge/ui';\nimport { useState } from 'react';\n\n${viewedSource}\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'InsideModalExample',\n)}"
         },
         {
           "exportName": "HiddenArrows",
           "displayName": "Стрелки скрыты (arrows=",
           "type": "full-code",
-          "code": "import { Stories } from '@daisforge/ui';\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'HiddenArrowsExample',\n)}"
+          "code": "import { Stories } from '@daisforge/ui';\n\n${viewedSource}\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'HiddenArrowsExample',\n)}"
         },
         {
           "exportName": "Titles",
           "displayName": "Подписи: 2 строки, ellipsis, выравнивание",
           "type": "full-code",
-          "code": "import { Stories } from '@daisforge/ui';\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'TitlesExample',\n)}"
+          "code": "import { Stories } from '@daisforge/ui';\n\n${viewedSource}\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'TitlesExample',\n)}"
+        },
+        {
+          "exportName": "CarouselWrapped",
+          "displayName": "Превью внутри Carousel (вложенность)",
+          "type": "full-code",
+          "code": "import { Carousel, CarouselItem, Stories } from '@daisforge/ui';\n\n${viewedSource}\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'CarouselWrappedExample',\n)}"
         }
       ],
       "hasCuratedMeta": true,
@@ -28035,19 +28135,19 @@
           "exportName": "Circle",
           "displayName": "Круглые триггеры",
           "type": "full-code",
-          "code": "import { Button, Stories } from '@daisforge/ui';\nimport { useState } from 'react';\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'CircleStoriesExample',\n)}"
+          "code": "import { Button, Stories } from '@daisforge/ui';\nimport { useState } from 'react';\n\n${viewedSource}\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'CircleStoriesExample',\n)}"
         },
         {
           "exportName": "Rect",
           "displayName": "Прямоугольные триггеры",
           "type": "full-code",
-          "code": "import { Button, Stories } from '@daisforge/ui';\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'RectStoriesExample',\n)}"
+          "code": "import { Button, Stories } from '@daisforge/ui';\n\n${viewedSource}\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'RectStoriesExample',\n)}"
         },
         {
           "exportName": "Loading",
           "displayName": "Спиннер загрузки (эмуляция)",
           "type": "full-code",
-          "code": "import { Stories } from '@daisforge/ui';\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'LoadingStoriesExample',\n)}"
+          "code": "import { Stories } from '@daisforge/ui';\n\n${viewedSource}\n\n${getFuncAsString(\n  'packages/storybook/src/stories/Stories/Stories.stories.tsx',\n  'LoadingStoriesExample',\n)}"
         },
         {
           "exportName": "ErrorState",
@@ -45822,6 +45922,12 @@
           "required": false,
           "description": ""
         },
+        {
+          "name": "inputWrapperRef",
+          "type": "React.Ref<HTMLDivElement> | undefined",
+          "required": false,
+          "description": ""
+        },
         {
           "name": "invalidFormatMessage",
           "type": "string | undefined",
@@ -53113,11 +53219,11 @@
       "legacy": false,
       "summary": "*tableConfig.rowsGrouping + columnConfig.rowsGrouping**",
       "docs": "# RowsGrouping (TableCanvas)\n\n**tableConfig.rowsGrouping + columnConfig.rowsGrouping**\n\nГруппировка строк таблицы по значениям колонок с поддержкой вложенных группировок.\n\n## Ключевые особенности\n\n- Управляемое состояние группировки через `groupByState`\n- Кнопка с выпадающим списком для выбора группировок в controlBlock\n- Кастомный рендер сгруппированных строк через `renderGroupCell`\n- Кастомные элементы в выпадающем списке через `groupButton.defaultCustomItems`\n- Возможность замены данных группированных строк через `groupRowReplaceTo`\n\n## Особенности\n\n- `rowKeyGetter` должен возвращать уникальный идентификатор строки\n- `groupedColumnProps` позволяет настроить колонку с группировкой (ширину, рендер и т.д.)\n- В `columnConfig.rowsGrouping` можно указать `groupByColumn: false` для исключения колонки из группировки\n- `columnGroupLabel` переопределяет лейбл в выпадающем списке (default: `columnConfig.key`)\n\n> Подробнее о типах — [RowsGrouping API](?path=/docs/локальные-компоненты-tablecanvas-rowsgrouping-api--docs)",
-      "apiDocs": "# RowsGrouping API\n\n## RowsGrouping\n\n```typescript\ntype RowsGrouping<\n  RowType extends ObjectForExtending,\n  SummaryRowType = unknown,\n  ColumnConfig extends LocalColumnInstance = LocalColumnInstance,\n> = {\n  /**\n   * массив группированных колонок и его setter\n   */\n  groupByState: [string[], React.Dispatch<React.SetStateAction<string[]>>];\n  /**\n   * Функция определения уникального id строки\n   */\n  rowKeyGetter: (row: RowType) => string | number;\n  /**\n   * Показывать ли кнопку «Группировать» в controlBlock.\n   * При `false` кнопка скрыта и не участвует в компрессии,\n   * но группировка строк продолжает работать от внешнего `groupByState`.\n   * @default true\n   */\n  showInControl?: boolean;\n  /**\n   * @default 'Группировка'\n   */\n  groupedColumnProps?: Partial<Pick<ColumnConfig, 'name' | 'width'>> & {\n    renderCell?: (\n      props: CellInfoGlideInstance<RowType, SummaryRowType> & {\n        parentGroupKey: string | undefined;\n        groupByArr: string[];\n      },\n    ) => CanvasContent;\n    rowsGrouping?: Pick<\n      ColumnRowsGrouping<RowType, ColumnConfig>,\n      'renderGroupCell'\n    >;\n  };\n  expandAllBtn?: {\n    /**\n     * Функция для расчета состояния открытости всех раскрываемых строк. Функция должна быть чистой.\n     * @returns boolean\n     */\n    expandedAll: (p: {\n      /**\n       * allRowsIds - уникальные идентификаторы всех строк (группировок и обычных)\n       */\n      allRowsIds: Set<string | number> | null;\n      /**\n       * shownRows - представленные прямо сейчас строки (группировки и обычные). Или видимые строки - видимые не во viewport-е, а которые должны быть показаны из-за раскрытий)\n       */\n      shownRows: readonly RowType[];\n      expandedRowsIds: Set<string | number>;\n    }) => boolean;\n  };\n  /**\n   * `groupButton` - свойство для кастомизации кнопки с выпадающим списком\n   */\n  groupButton?: {\n    getGroupedCount?: (props: {\n      /**\n       * высчитанное автоматически количество активных группировок.\n       */\n      currCount: number;\n      /**\n       * активные группировки.\n       */\n      groupedCols: string[];\n      columns: {\n        /**\n         * `visible` - видимые в выпадающем списке колонки-группировки.\n         */\n        visible: string[];\n        /**\n         * `hidden` - невидимые  или не участвующие в группировке колонки\n         *\n         * (columnConfig.rowsGrouping=undefined ||\n         *  columnConfig.rowsGrouping.groupByColumn=false).\n         */\n        hidden: string[];\n      };\n    }) => number;\n    /**\n     * `defaultCustomItems` - свойство для добавления ключей группировки, которых нет в таблице.\n     *\n     * `DropdownItemOption.value` - необходимо заполнять ключом, который существует в данных.\n     */\n    defaultCustomItems?: DropdownItemOption[];\n    /**\n     * `onItemSelect` - свойство для полного контроля над изменением группировки при выборе опций.\n     *\n     * `DropdownItemOption.value` - необходимо заполнять ключом, который существует в данных.\n     */\n    onItemSelect?: (props: {\n      item: DropdownItemOption;\n      setGroupedCols: React.Dispatch<React.SetStateAction<string[]>>;\n      columns: {\n        visible: string[];\n        hidden: string[];\n      };\n    }) => void;\n  };\n  /**\n   * `groupRowReplaceTo` - свойство для изменения данных сгруппированных строк. Может понадобиться в редких случаях.\n   *\n   * @param groupRow данные сгруппированной строки\n   * @returns измененная группировка или строка без группировки — строка, которые заменит groupRow\n   */\n  groupRowReplaceTo?: (\n    groupRow: GroupRow<RowType>,\n  ) => GroupRow<RowType> | RowType;\n  /**\n   * Метки для автоматизированного тестирования и аналитики\n   * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n   */\n  domMetadata?: DomMetadata;\n};\n\nexport type RenderGroupCellProps<\n  RowType extends ObjectForExtending,\n  ColumnConfig extends LocalColumnInstance = LocalColumnInstance,\n> = {\n  column: ColumnConfig;\n  tabIndex: number;\n  // TODO isExpanded: boolean;\n  // TODO toggleGroup: () => void;\n} & GroupRow<RowType>;\n\nexport type ColumnRowsGrouping<\n  RowType extends ObjectForExtending,\n  ColumnConfig extends LocalColumnInstance,\n> = {\n  /**\n   * @default true - при наличии ColumnConfig.rowsGrouping\n   */\n  groupByColumn?: boolean;\n  /**\n   * @default ColumnConfig.key\n   */\n  columnGroupLabel?: string;\n  renderGroupCell?: (\n    props: RenderGroupCellProps<RowType, ColumnConfig>,\n  ) => CanvasContent;\n};\n```",
+      "apiDocs": "# RowsGrouping API\n\n## RowsGrouping\n\n```typescript\ntype RowsGrouping<\n  RowType extends ObjectForExtending,\n  SummaryRowType = unknown,\n  ColumnConfig extends LocalColumnInstance = LocalColumnInstance,\n> = {\n  /**\n   * массив группированных колонок и его setter\n   */\n  groupByState: [string[], React.Dispatch<React.SetStateAction<string[]>>];\n  /**\n   * Функция определения уникального id строки\n   */\n  rowKeyGetter: (row: RowType) => string | number;\n  /**\n   * Показывать ли кнопку «Группировать» в controlBlock.\n   * При `false` кнопка скрыта и не участвует в компрессии,\n   * но группировка строк продолжает работать от внешнего `groupByState`.\n   * @default true\n   */\n  showInControl?: boolean;\n  /**\n   * @default 'Группировка'\n   */\n  groupedColumnProps?: Partial<Pick<ColumnConfig, 'name' | 'width'>> & {\n    renderCell?: (\n      props: CellInfoGlideInstance<RowType, SummaryRowType> & {\n        parentGroupKey: string | undefined;\n        groupByArr: string[];\n      },\n    ) => CanvasContent;\n    rowsGrouping?: Pick<\n      ColumnRowsGrouping<RowType, ColumnConfig>,\n      'renderGroupCell'\n    >;\n  };\n  expandAllBtn?: {\n    /**\n     * Функция для расчета состояния открытости всех раскрываемых строк. Функция должна быть чистой.\n     * @returns boolean\n     */\n    expandedAll: (p: {\n      /**\n       * allRowsIds - уникальные идентификаторы всех строк (группировок и обычных)\n       */\n      allRowsIds: Set<string | number> | null;\n      /**\n       * shownRows - представленные прямо сейчас строки (группировки и обычные). Или видимые строки - видимые не во viewport-е, а которые должны быть показаны из-за раскрытий)\n       */\n      shownRows: readonly RowType[];\n      expandedRowsIds: Set<string | number>;\n    }) => boolean;\n  };\n  /**\n   * `groupButton` - свойство для кастомизации кнопки с выпадающим списком\n   */\n  groupButton?: {\n    getGroupedCount?: (props: {\n      /**\n       * высчитанное автоматически количество активных группировок.\n       */\n      currCount: number;\n      /**\n       * активные группировки.\n       */\n      groupedCols: string[];\n      columns: {\n        /**\n         * `visible` - видимые в выпадающем списке колонки-группировки.\n         */\n        visible: string[];\n        /**\n         * `hidden` - невидимые  или не участвующие в группировке колонки\n         *\n         * (columnConfig.rowsGrouping=undefined ||\n         *  columnConfig.rowsGrouping.groupByColumn=false).\n         */\n        hidden: string[];\n      };\n    }) => number;\n    /**\n     * `defaultCustomItems` - свойство для добавления ключей группировки, которых нет в таблице.\n     *\n     * `DropdownItemOption.value` - необходимо заполнять ключом, который существует в данных.\n     */\n    defaultCustomItems?: DropdownItemOption[];\n    /**\n     * `onItemSelect` - свойство для полного контроля над изменением группировки при выборе опций.\n     *\n     * `DropdownItemOption.value` - необходимо заполнять ключом, который существует в данных.\n     */\n    onItemSelect?: (props: {\n      item: DropdownItemOption;\n      setGroupedCols: React.Dispatch<React.SetStateAction<string[]>>;\n      columns: {\n        visible: string[];\n        hidden: string[];\n      };\n    }) => void;\n  };\n  /**\n   * `groupRowReplaceTo` - свойство для изменения данных сгруппированных строк. Может понадобиться в редких случаях.\n   *\n   * @param groupRow данные сгруппированной строки\n   * @returns измененная группировка или строка без группировки — строка, которые заменит groupRow\n   */\n  groupRowReplaceTo?: (\n    groupRow: GroupRow<RowType>,\n  ) => GroupRow<RowType> | RowType;\n  /**\n   * Метки для автоматизированного тестирования и аналитики\n   * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n   */\n  domMetadata?: DomMetadata;\n};\n\nexport type RenderGroupCellProps<\n  RowType extends ObjectForExtending,\n  ColumnConfig extends LocalColumnInstance = LocalColumnInstance,\n> = {\n  column: ColumnConfig;\n  tabIndex: number;\n  theme?: Theme;\n  // TODO isExpanded: boolean;\n  // TODO toggleGroup: () => void;\n} & GroupRow<RowType>;\n\nexport type ColumnRowsGrouping<\n  RowType extends ObjectForExtending,\n  ColumnConfig extends LocalColumnInstance,\n> = {\n  /**\n   * @default true - при наличии ColumnConfig.rowsGrouping\n   */\n  groupByColumn?: boolean;\n  /**\n   * @default ColumnConfig.key\n   */\n  columnGroupLabel?: string;\n  renderGroupCell?: (\n    props: RenderGroupCellProps<RowType, ColumnConfig>,\n  ) => CanvasContent;\n};\n```",
       "api": [
         {
           "typeName": "RowsGrouping",
-          "source": "type RowsGrouping<\n  RowType extends ObjectForExtending,\n  SummaryRowType = unknown,\n  ColumnConfig extends LocalColumnInstance = LocalColumnInstance,\n> = {\n  /**\n   * массив группированных колонок и его setter\n   */\n  groupByState: [string[], React.Dispatch<React.SetStateAction<string[]>>];\n  /**\n   * Функция определения уникального id строки\n   */\n  rowKeyGetter: (row: RowType) => string | number;\n  /**\n   * Показывать ли кнопку «Группировать» в controlBlock.\n   * При `false` кнопка скрыта и не участвует в компрессии,\n   * но группировка строк продолжает работать от внешнего `groupByState`.\n   * @default true\n   */\n  showInControl?: boolean;\n  /**\n   * @default 'Группировка'\n   */\n  groupedColumnProps?: Partial<Pick<ColumnConfig, 'name' | 'width'>> & {\n    renderCell?: (\n      props: CellInfoGlideInstance<RowType, SummaryRowType> & {\n        parentGroupKey: string | undefined;\n        groupByArr: string[];\n      },\n    ) => CanvasContent;\n    rowsGrouping?: Pick<\n      ColumnRowsGrouping<RowType, ColumnConfig>,\n      'renderGroupCell'\n    >;\n  };\n  expandAllBtn?: {\n    /**\n     * Функция для расчета состояния открытости всех раскрываемых строк. Функция должна быть чистой.\n     * @returns boolean\n     */\n    expandedAll: (p: {\n      /**\n       * allRowsIds - уникальные идентификаторы всех строк (группировок и обычных)\n       */\n      allRowsIds: Set<string | number> | null;\n      /**\n       * shownRows - представленные прямо сейчас строки (группировки и обычные). Или видимые строки - видимые не во viewport-е, а которые должны быть показаны из-за раскрытий)\n       */\n      shownRows: readonly RowType[];\n      expandedRowsIds: Set<string | number>;\n    }) => boolean;\n  };\n  /**\n   * `groupButton` - свойство для кастомизации кнопки с выпадающим списком\n   */\n  groupButton?: {\n    getGroupedCount?: (props: {\n      /**\n       * высчитанное автоматически количество активных группировок.\n       */\n      currCount: number;\n      /**\n       * активные группировки.\n       */\n      groupedCols: string[];\n      columns: {\n        /**\n         * `visible` - видимые в выпадающем списке колонки-группировки.\n         */\n        visible: string[];\n        /**\n         * `hidden` - невидимые  или не участвующие в группировке колонки\n         *\n         * (columnConfig.rowsGrouping=undefined ||\n         *  columnConfig.rowsGrouping.groupByColumn=false).\n         */\n        hidden: string[];\n      };\n    }) => number;\n    /**\n     * `defaultCustomItems` - свойство для добавления ключей группировки, которых нет в таблице.\n     *\n     * `DropdownItemOption.value` - необходимо заполнять ключом, который существует в данных.\n     */\n    defaultCustomItems?: DropdownItemOption[];\n    /**\n     * `onItemSelect` - свойство для полного контроля над изменением группировки при выборе опций.\n     *\n     * `DropdownItemOption.value` - необходимо заполнять ключом, который существует в данных.\n     */\n    onItemSelect?: (props: {\n      item: DropdownItemOption;\n      setGroupedCols: React.Dispatch<React.SetStateAction<string[]>>;\n      columns: {\n        visible: string[];\n        hidden: string[];\n      };\n    }) => void;\n  };\n  /**\n   * `groupRowReplaceTo` - свойство для изменения данных сгруппированных строк. Может понадобиться в редких случаях.\n   *\n   * @param groupRow данные сгруппированной строки\n   * @returns измененная группировка или строка без группировки — строка, которые заменит groupRow\n   */\n  groupRowReplaceTo?: (\n    groupRow: GroupRow<RowType>,\n  ) => GroupRow<RowType> | RowType;\n  /**\n   * Метки для автоматизированного тестирования и аналитики\n   * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n   */\n  domMetadata?: DomMetadata;\n};\n\nexport type RenderGroupCellProps<\n  RowType extends ObjectForExtending,\n  ColumnConfig extends LocalColumnInstance = LocalColumnInstance,\n> = {\n  column: ColumnConfig;\n  tabIndex: number;\n  // TODO isExpanded: boolean;\n  // TODO toggleGroup: () => void;\n} & GroupRow<RowType>;\n\nexport type ColumnRowsGrouping<\n  RowType extends ObjectForExtending,\n  ColumnConfig extends LocalColumnInstance,\n> = {\n  /**\n   * @default true - при наличии ColumnConfig.rowsGrouping\n   */\n  groupByColumn?: boolean;\n  /**\n   * @default ColumnConfig.key\n   */\n  columnGroupLabel?: string;\n  renderGroupCell?: (\n    props: RenderGroupCellProps<RowType, ColumnConfig>,\n  ) => CanvasContent;\n};"
+          "source": "type RowsGrouping<\n  RowType extends ObjectForExtending,\n  SummaryRowType = unknown,\n  ColumnConfig extends LocalColumnInstance = LocalColumnInstance,\n> = {\n  /**\n   * массив группированных колонок и его setter\n   */\n  groupByState: [string[], React.Dispatch<React.SetStateAction<string[]>>];\n  /**\n   * Функция определения уникального id строки\n   */\n  rowKeyGetter: (row: RowType) => string | number;\n  /**\n   * Показывать ли кнопку «Группировать» в controlBlock.\n   * При `false` кнопка скрыта и не участвует в компрессии,\n   * но группировка строк продолжает работать от внешнего `groupByState`.\n   * @default true\n   */\n  showInControl?: boolean;\n  /**\n   * @default 'Группировка'\n   */\n  groupedColumnProps?: Partial<Pick<ColumnConfig, 'name' | 'width'>> & {\n    renderCell?: (\n      props: CellInfoGlideInstance<RowType, SummaryRowType> & {\n        parentGroupKey: string | undefined;\n        groupByArr: string[];\n      },\n    ) => CanvasContent;\n    rowsGrouping?: Pick<\n      ColumnRowsGrouping<RowType, ColumnConfig>,\n      'renderGroupCell'\n    >;\n  };\n  expandAllBtn?: {\n    /**\n     * Функция для расчета состояния открытости всех раскрываемых строк. Функция должна быть чистой.\n     * @returns boolean\n     */\n    expandedAll: (p: {\n      /**\n       * allRowsIds - уникальные идентификаторы всех строк (группировок и обычных)\n       */\n      allRowsIds: Set<string | number> | null;\n      /**\n       * shownRows - представленные прямо сейчас строки (группировки и обычные). Или видимые строки - видимые не во viewport-е, а которые должны быть показаны из-за раскрытий)\n       */\n      shownRows: readonly RowType[];\n      expandedRowsIds: Set<string | number>;\n    }) => boolean;\n  };\n  /**\n   * `groupButton` - свойство для кастомизации кнопки с выпадающим списком\n   */\n  groupButton?: {\n    getGroupedCount?: (props: {\n      /**\n       * высчитанное автоматически количество активных группировок.\n       */\n      currCount: number;\n      /**\n       * активные группировки.\n       */\n      groupedCols: string[];\n      columns: {\n        /**\n         * `visible` - видимые в выпадающем списке колонки-группировки.\n         */\n        visible: string[];\n        /**\n         * `hidden` - невидимые  или не участвующие в группировке колонки\n         *\n         * (columnConfig.rowsGrouping=undefined ||\n         *  columnConfig.rowsGrouping.groupByColumn=false).\n         */\n        hidden: string[];\n      };\n    }) => number;\n    /**\n     * `defaultCustomItems` - свойство для добавления ключей группировки, которых нет в таблице.\n     *\n     * `DropdownItemOption.value` - необходимо заполнять ключом, который существует в данных.\n     */\n    defaultCustomItems?: DropdownItemOption[];\n    /**\n     * `onItemSelect` - свойство для полного контроля над изменением группировки при выборе опций.\n     *\n     * `DropdownItemOption.value` - необходимо заполнять ключом, который существует в данных.\n     */\n    onItemSelect?: (props: {\n      item: DropdownItemOption;\n      setGroupedCols: React.Dispatch<React.SetStateAction<string[]>>;\n      columns: {\n        visible: string[];\n        hidden: string[];\n      };\n    }) => void;\n  };\n  /**\n   * `groupRowReplaceTo` - свойство для изменения данных сгруппированных строк. Может понадобиться в редких случаях.\n   *\n   * @param groupRow данные сгруппированной строки\n   * @returns измененная группировка или строка без группировки — строка, которые заменит groupRow\n   */\n  groupRowReplaceTo?: (\n    groupRow: GroupRow<RowType>,\n  ) => GroupRow<RowType> | RowType;\n  /**\n   * Метки для автоматизированного тестирования и аналитики\n   * Добавляет data-атрибуты и CSS-классы к элементам controlBlock\n   */\n  domMetadata?: DomMetadata;\n};\n\nexport type RenderGroupCellProps<\n  RowType extends ObjectForExtending,\n  ColumnConfig extends LocalColumnInstance = LocalColumnInstance,\n> = {\n  column: ColumnConfig;\n  tabIndex: number;\n  theme?: Theme;\n  // TODO isExpanded: boolean;\n  // TODO toggleGroup: () => void;\n} & GroupRow<RowType>;\n\nexport type ColumnRowsGrouping<\n  RowType extends ObjectForExtending,\n  ColumnConfig extends LocalColumnInstance,\n> = {\n  /**\n   * @default true - при наличии ColumnConfig.rowsGrouping\n   */\n  groupByColumn?: boolean;\n  /**\n   * @default ColumnConfig.key\n   */\n  columnGroupLabel?: string;\n  renderGroupCell?: (\n    props: RenderGroupCellProps<RowType, ColumnConfig>,\n  ) => CanvasContent;\n};"
         }
       ],
       "stories": [
@@ -56525,7 +56631,7 @@
     },
     "TableCanvas.RenderGroupCellProps": {
       "name": "RenderGroupCellProps",
-      "definition": "export type RenderGroupCellProps<\n  RowType extends ObjectForExtending,\n  ColumnConfig extends LocalColumnInstance = LocalColumnInstance,\n> = {\n  column: ColumnConfig;\n  tabIndex: number;\n  // TODO isExpanded: boolean;\n  // TODO toggleGroup: () => void;\n} & GroupRow<RowType>;",
+      "definition": "export type RenderGroupCellProps<\n  RowType extends ObjectForExtending,\n  ColumnConfig extends LocalColumnInstance = LocalColumnInstance,\n> = {\n  column: ColumnConfig;\n  tabIndex: number;\n  theme?: Theme;\n  // TODO isExpanded: boolean;\n  // TODO toggleGroup: () => void;\n} & GroupRow<RowType>;",
       "internal": true,
       "importNotice": "Тип \"RenderGroupCellProps\" не экспортируется из публичной точки входа — импортировать его нельзя. Определение приведено для понимания структуры: опишите нужную форму по месту либо возьмите её из типа, который экспортирован.",
       "sourceFile": "packages/ui-kit/src/components/TableCanvas/feature-rows-grouping/types.ts"

package/mixins/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("../chunks/utils-DvDFSlCG.cjs"),s=require("styled-components"),l=require("@salutejs/sdds-themes/tokens/sdds_finai"),L=require("@salutejs/sdds-finai"),v="linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)",w="linear-gradient(to top, rgb(6, 10, 12) 0%, rgba(6, 10, 12, 0) 100%)",m="linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)",k="linear-gradient(to top, rgb(242, 245, 248) 0%, rgba(242, 245, 248, 0) 100%)",h="scroll-gradient",f=`--${h}-timeline`,R=`${h}-animation`,_=100,x=60,y="--block-gradient-top",g="--block-gradient-left",p="--block-gradient-right",A="--block-gradient-bottom",E={light:{white:m,gray:k},dark:{white:v,gray:w},highContrastLight:{white:m,gray:k}},I=r=>{const o=T.getActiveTheme();return E[o][r]},S=r=>{if(r===void 0)return{top:0,left:0,right:0,bottom:0};if(typeof r=="number")return{top:r,left:r,right:r,bottom:r};const{top:o,left:t,right:a,bottom:e,inline:n}=r;return{top:o??0,left:t??n??0,right:a??n??0,bottom:e??0}},D=r=>{const{left:o,right:t,bottom:a,top:e}=S(r);return s.css(["scroll-timeline:"," block;padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:","px;"],f,e,t,a,o)},B=(r,o)=>{const{left:t,right:a,bottom:e}=S(r),n=I(o);return s.css(["content:'';display:block;position:sticky;bottom:0;height:","px;pointer-events:none;background:",";margin-top:-","px;opacity:0;animation:"," linear both;animation-timeline:",";margin-left:calc(0px - var(",",","px));margin-right:calc(0px - var(",",","px));transform:translateY(var(",",","px));width:calc( 100% + var(",",","px) + var(",",","px) );will-change:transform;",""],_,()=>n,_,R,f,g,t,p,a,A,e,g,t,p,a,T.media.exact(0,1279)(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("../chunks/utils-CUW5bd8S.cjs"),s=require("styled-components"),l=require("@salutejs/sdds-themes/tokens/sdds_finai"),T=require("@salutejs/sdds-finai"),v="linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)",w="linear-gradient(to top, rgb(6, 10, 12) 0%, rgba(6, 10, 12, 0) 100%)",m="linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)",k="linear-gradient(to top, rgb(242, 245, 248) 0%, rgba(242, 245, 248, 0) 100%)",h="scroll-gradient",f=`--${h}-timeline`,R=`${h}-animation`,_=100,x=60,y="--block-gradient-top",g="--block-gradient-left",p="--block-gradient-right",A="--block-gradient-bottom",E={light:{white:m,gray:k},dark:{white:v,gray:w},highContrastLight:{white:m,gray:k}},I=r=>{const o=L.getActiveTheme();return E[o==="betaCoreLight"?"light":o][r]},C=r=>{if(r===void 0)return{top:0,left:0,right:0,bottom:0};if(typeof r=="number")return{top:r,left:r,right:r,bottom:r};const{top:o,left:t,right:a,bottom:e,inline:n}=r;return{top:o??0,left:t??n??0,right:a??n??0,bottom:e??0}},D=r=>{const{left:o,right:t,bottom:a,top:e}=C(r);return s.css(["scroll-timeline:"," block;padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:","px;"],f,e,t,a,o)},B=(r,o)=>{const{left:t,right:a,bottom:e}=C(r),n=I(o);return s.css(["content:'';display:block;position:sticky;bottom:0;height:","px;pointer-events:none;background:",";margin-top:-","px;opacity:0;animation:"," linear both;animation-timeline:",";margin-left:calc(0px - var(",",","px));margin-right:calc(0px - var(",",","px));transform:translateY(var(",",","px));width:calc( 100% + var(",",","px) + var(",",","px) );will-change:transform;",""],_,()=>n,_,R,f,g,t,p,a,A,e,g,t,p,a,L.media.exact(0,1279)(`
       height: ${x}px;
       margin-top: -${x}px;
-    `))},N=s.css(["@keyframes ","{0%,85%{opacity:1;}100%{opacity:0;}}"],R),K=r=>{const{variant:o="white",padding:t}=r;return s.css([""," &::after{","}",""],D(t),B(t,o),N)},b={width:"10px",height:"10px",borderRadius:`calc(${l.borderRadiusXxs}/1)`,isThin:!0,theme:"light"},C=({thumbColor:r,thumbColorHover:o,trackColor:t,trackColorHover:a,theme:e=b.theme})=>{const n=r??(e==="light"?l.surfaceSolidTertiary:l.onDarkSurfaceSolidTertiary),i=t??"transparent",c=o??(e==="light"?l.surfaceSolidTertiaryHover:l.onDarkSurfaceSolidTertiaryHover);return{thumb:n,thumbHover:c,track:i,trackHover:a??i}},G=({width:r=b.width,height:o=b.height,borderRadius:t=b.borderRadius,isThin:a=b.isThin,thumb:e,thumbHover:n,track:i,trackHover:c})=>s.css(["@supports (scrollbar-width:thin) and (not selector(::-webkit-scrollbar)){scrollbar-width:",";scrollbar-color:"," ",";}&[class]::-webkit-scrollbar,&::-webkit-scrollbar{width:",";height:",";}&[class]::-webkit-scrollbar-track,&::-webkit-scrollbar-track{background:",";border-radius:",";margin-block:6px;}&[class]::-webkit-scrollbar-track:hover,&::-webkit-scrollbar-track:hover{background:",";border-radius:",";margin-block:6px;}&[class]::-webkit-scrollbar-thumb,&::-webkit-scrollbar-thumb{background:",";transition:background 0.2s ease;background-clip:padding-box;border:2px solid transparent;border-radius:4px;cursor:pointer;}&[class]::-webkit-scrollbar-thumb:hover,&::-webkit-scrollbar-thumb:hover{transition:background 0.2s ease;border:2px solid transparent;border-radius:4px;cursor:pointer;background:",";background-clip:padding-box;}"],a?"thin":"auto",e,i,r,o,()=>i,t,()=>c,t,()=>e,()=>n),M=()=>{const r=C({});return G({...r})},H=({width:r,height:o,borderRadius:t,isThin:a,thumbColor:e,thumbColorHover:n,trackColor:i,trackColorHover:c,theme:d}={})=>{const u=C({thumbColor:e,thumbColorHover:n,trackColor:i,trackColorHover:c,theme:d});return G({width:r,height:o,borderRadius:t,isThin:a,...u})},P=s.keyframes(["0%,100%{box-shadow:0 0 0 2px var(--tour-pulse-border-color),0 0 0 6px var(--tour-pulse-shadow-color);}50%{box-shadow:0 0 0 3px var(--tour-pulse-border-color-fade),0 0 0 12px var(--tour-pulse-shadow-color-fade);}"]),V=({duration:r,timingFunction:o,iterationCount:t})=>s.css(["animation-name:",";animation-duration:",";animation-timing-function:",";animation-iteration-count:",";"],P,r,o,t),F=({backgroundColor:r="transparent",borderColor:o="var(--on-light-outline-accent-minor, rgb(82, 186, 255))",borderColorFade:t="rgba(82, 186, 255, 0.42)",shadowColor:a="rgba(82, 186, 255, 0.24)",shadowColorFade:e="rgba(82, 186, 255, 0)",inset:n="-4px",borderRadius:i="16px",duration:c="1.4s",timingFunction:d="ease-in-out",iterationCount:u="infinite",pointerEventsNone:O=!0}={})=>s.css([""," ",""],s.css({"--tour-pulse-border-color":o,"--tour-pulse-border-color-fade":t,"--tour-pulse-shadow-color":a,"--tour-pulse-shadow-color-fade":e,inset:n,borderRadius:i,background:r,...O?{pointerEvents:"none"}:{}}),V({duration:c,timingFunction:d,iterationCount:u}));Object.defineProperty(exports,"addFocus",{enumerable:!0,get:()=>L.addFocus});Object.defineProperty(exports,"mediaQuery",{enumerable:!0,get:()=>L.mediaQuery});exports.BLOCK_GRADIENT_SCROLL_CLASSNAME=h;exports.BLOCK_GRADIENT_VAR_BOTTOM=A;exports.BLOCK_GRADIENT_VAR_LEFT=g;exports.BLOCK_GRADIENT_VAR_RIGHT=p;exports.BLOCK_GRADIENT_VAR_TOP=y;exports.BlockGradientScrollMixin=K;exports.getCustomScrollbar=H;exports.getDefaultScrollbar=M;exports.tourPulseMixin=F;
+    `))},N=s.css(["@keyframes ","{0%,85%{opacity:1;}100%{opacity:0;}}"],R),K=r=>{const{variant:o="white",padding:t}=r;return s.css([""," &::after{","}",""],D(t),B(t,o),N)},b={width:"10px",height:"10px",borderRadius:`calc(${l.borderRadiusXxs}/1)`,isThin:!0,theme:"light"},S=({thumbColor:r,thumbColorHover:o,trackColor:t,trackColorHover:a,theme:e=b.theme})=>{const n=r??(e==="light"?l.surfaceSolidTertiary:l.onDarkSurfaceSolidTertiary),i=t??"transparent",c=o??(e==="light"?l.surfaceSolidTertiaryHover:l.onDarkSurfaceSolidTertiaryHover);return{thumb:n,thumbHover:c,track:i,trackHover:a??i}},G=({width:r=b.width,height:o=b.height,borderRadius:t=b.borderRadius,isThin:a=b.isThin,thumb:e,thumbHover:n,track:i,trackHover:c})=>s.css(["@supports (scrollbar-width:thin) and (not selector(::-webkit-scrollbar)){scrollbar-width:",";scrollbar-color:"," ",";}&[class]::-webkit-scrollbar,&::-webkit-scrollbar{width:",";height:",";}&[class]::-webkit-scrollbar-track,&::-webkit-scrollbar-track{background:",";border-radius:",";margin-block:6px;}&[class]::-webkit-scrollbar-track:hover,&::-webkit-scrollbar-track:hover{background:",";border-radius:",";margin-block:6px;}&[class]::-webkit-scrollbar-thumb,&::-webkit-scrollbar-thumb{background:",";transition:background 0.2s ease;background-clip:padding-box;border:2px solid transparent;border-radius:4px;cursor:pointer;}&[class]::-webkit-scrollbar-thumb:hover,&::-webkit-scrollbar-thumb:hover{transition:background 0.2s ease;border:2px solid transparent;border-radius:4px;cursor:pointer;background:",";background-clip:padding-box;}"],a?"thin":"auto",e,i,r,o,()=>i,t,()=>c,t,()=>e,()=>n),M=()=>{const r=S({});return G({...r})},H=({width:r,height:o,borderRadius:t,isThin:a,thumbColor:e,thumbColorHover:n,trackColor:i,trackColorHover:c,theme:d}={})=>{const u=S({thumbColor:e,thumbColorHover:n,trackColor:i,trackColorHover:c,theme:d});return G({width:r,height:o,borderRadius:t,isThin:a,...u})},P=s.keyframes(["0%,100%{box-shadow:0 0 0 2px var(--tour-pulse-border-color),0 0 0 6px var(--tour-pulse-shadow-color);}50%{box-shadow:0 0 0 3px var(--tour-pulse-border-color-fade),0 0 0 12px var(--tour-pulse-shadow-color-fade);}"]),V=({duration:r,timingFunction:o,iterationCount:t})=>s.css(["animation-name:",";animation-duration:",";animation-timing-function:",";animation-iteration-count:",";"],P,r,o,t),F=({backgroundColor:r="transparent",borderColor:o="var(--on-light-outline-accent-minor, rgb(82, 186, 255))",borderColorFade:t="rgba(82, 186, 255, 0.42)",shadowColor:a="rgba(82, 186, 255, 0.24)",shadowColorFade:e="rgba(82, 186, 255, 0)",inset:n="-4px",borderRadius:i="16px",duration:c="1.4s",timingFunction:d="ease-in-out",iterationCount:u="infinite",pointerEventsNone:O=!0}={})=>s.css([""," ",""],s.css({"--tour-pulse-border-color":o,"--tour-pulse-border-color-fade":t,"--tour-pulse-shadow-color":a,"--tour-pulse-shadow-color-fade":e,inset:n,borderRadius:i,background:r,...O?{pointerEvents:"none"}:{}}),V({duration:c,timingFunction:d,iterationCount:u}));Object.defineProperty(exports,"addFocus",{enumerable:!0,get:()=>T.addFocus});Object.defineProperty(exports,"mediaQuery",{enumerable:!0,get:()=>T.mediaQuery});exports.BLOCK_GRADIENT_SCROLL_CLASSNAME=h;exports.BLOCK_GRADIENT_VAR_BOTTOM=A;exports.BLOCK_GRADIENT_VAR_LEFT=g;exports.BLOCK_GRADIENT_VAR_RIGHT=p;exports.BLOCK_GRADIENT_VAR_TOP=y;exports.BlockGradientScrollMixin=K;exports.getCustomScrollbar=H;exports.getDefaultScrollbar=M;exports.tourPulseMixin=F;